Lewati ke konten utama

Tutorial Cara Memunculkan Thumbnail Pada AMP HTML Blogger

RedaksiPenulis
19.56 WIT1 menit baca33 dibaca
Ilustrasi berita BERITA UTAMA: Tutorial Cara Memunculkan Thumbnail Pada AMP HTML Blogger
Ilustrasi berita BERITA UTAMA: Tutorial Cara Memunculkan Thumbnail Pada AMP HTML BloggerFoto / BERITA UTAMA
Bagikan berita ini
Aa

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 ^^
Komentar (0)

Komentar disimpan di perangkat Anda untuk pratinjau UI. Integrasi server mengikuti modul komentar yang sudah ada di admin.

Belum ada komentar. Jadilah yang pertama berdiskusi.