Tutorial Cara Memunculkan Thumbnail Pada AMP HTML Blogger

Konten [Tampil]

Pasti anda sudah tahu bukan dalam dunia SEO Dan Google, kita kembali dikejutkan dengan AMP Alias Accerate Mobile Pages

Sebagaimana kita ketahui, bahwa tag imgpada AMP HTML berubah menjadi amp-img. Apabila kita menuliskan pada postingan seperti ini :

<img alt='gambar' src='url-image'/>

Maka akan mengakibatkan error validasi AMP HTML. Penulisan yang benar seperti disini yaitu :
<amp-img src="url-image-disini"
width="1080"
height="610"
layout="responsive"
alt="AMP HTML"></amp-img>

Image akan muncul dengan baik pada postingan. Akan tetapi tidak akan muncul pada thumbnail di halaman utama / homepage. 

Untuk mengakalinya, agar image muncul pada Homepage tambahkan tag noscript sehingga kode menjadi seperti ini :
<noscript><img alt='gambar' src='url-gambar-anda'/></noscript>

Silahkan langsung di coba saja dan lihat hasil nya, terima kasih ^^

Jangan sampai ketinggalan postingan-postingan terbaik dari Tutorial Cara Memunculkan Thumbnail Pada AMP HTML Blogger. Berlangganan melalui email sekarang juga:

BACA JUGA LAINNYA:

0 Response to "Tutorial Cara Memunculkan Thumbnail Pada AMP HTML Blogger"

Post a Comment