Tutorial Cara Memunculkan Thumbnail Pada AMP HTML Blogger - Hallo sahabat Mesin Uang Passive Income Gratisan, Pada Artikel yang anda baca kali ini dengan judul Tutorial Cara Memunculkan Thumbnail Pada AMP HTML Blogger, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel blogger, Artikel template, Artikel tutorial, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Tutorial Cara Memunculkan Thumbnail Pada AMP HTML Blogger
link : Tutorial Cara Memunculkan Thumbnail Pada AMP HTML Blogger

Tutorial Cara Memunculkan Thumbnail Pada AMP HTML Blogger

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 ^^

Demikianlah Artikel Tutorial Cara Memunculkan Thumbnail Pada AMP HTML Blogger

Sekianlah artikel Tutorial Cara Memunculkan Thumbnail Pada AMP HTML Blogger kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Tutorial Cara Memunculkan Thumbnail Pada AMP HTML Blogger dengan alamat link https://mesinuangpassiveincome.blogspot.com/2017/09/tutorial-cara-memunculkan-thumbnail.html

Tweet