Thursday, July 18, 2019

Cara Gambar Valid AMP di Postingan Blog Template Alinux, Infinite, Purple, Kompi Ajaib Dll



Masih pakai template AMP? Iya dong, harus. Agar artikel kita bisa dibuka cukup nol koma satu detik. Sangat membuat nyaman visitor karena dalam sekejap artikel sudah terbuka. Untuk support AMP, template dan atribut image (gambar) juga harus valid AMP.


Buat yang baru pakai template AMP pasti bingung jika tidak tahu cara memasukkan gambar ke postingan artikel agar tetap valid AMP. Mungkin untuk blogger yang beli template AMP secara komersial sudah dapat script pada setting posting default. Nah, bagaimana dengan yang dapat template AMP gratisan?

Berikut adalah script khusus menyisipkan gambar pada postingan blog AMP agar tetap valid saat di cek di web tool AMP validator https://validator.ampproject.org

Gambar Thumbnail

Gambar thumbnail hanya muncul di feed beranda blog dan ketika url postingan di share ke media sosial. Jika anda tidak menggunakan kode berikut, maka feed artikel terbaru anda di homepage blog atau pada judul tidak akan ada gambarnya.

<noscript><img width="1280" height="1080" alt='ganti dan isi dengan keyword yang anda inginkan' src='ganti-dengan-url-gambar-anda-yang-berformat-jpeg'/></noscript>

Untuk thumbnail, sangat disarankan ukuran tinggi gambar minimal adalah 1080 dan lebar minimal 1280. Ukuran ini jika diperkecil berakibat gambar thumbnail tidak akan ikut terindeks di Google search.

Gambar pelengkap didalam postingan

Menggunakan kode script berikut hanya akan menampilkan gambar didalam postingan saja, dan gambar tidak akan ikut tampil di homepage seperti gambar thumbnail.

<amp-img src="ganti-dengan-url-gambar-anda-yang-berformat-jpeg" width="1280" height="720" layout="responsive" alt="ganti dan isi dengan keyword yang anda inginkan"></amp-img>

Penempatan kode script harus memperhatikan posisi. Gunakan kode diatas hanya pada menu HTML, bukan compose. Dan perlu diingat, selalu cek di AMP validator sebelum dipublikasikan.

Jika ada kendala atau pertanyaan, tanyakan di kolom komentar atau hubungi admin di menu contact.