Memunculkan Thumbnail Pada Blog Vaild Amp

Cara Memunculkan Thumbnail Pada AMP HTML Di Blogger Template

-Saya sendiri memakai template blogger Vild Amp dan mengubah semua artikel satu persatu termasuk arahan <img> jadi <amp-img>, tapi kok thumbnailnya tidak muncul? Kenapa ya?hehe pertanyaan awal sejak aku gres mencoba template vaild amp sangat kebingungan.

Ternyata memang template blogger tidak akan membaca thumbnail kalau semua image pada sebuah artikel diubah menjadi arahan <amp-img>.
Sebagaimana kita ketahui, bahwa tag img pada AMP HTML berkembang menjadi amp-img. Apabila kita menuliskan pada postingan menyerupai ini :

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

Maka akan mengakibatkan error validasi Pada AMP HTM,  Sedangkan Penulisan yang benar berdasarkan kebijakan amp menyerupai ialah :

<amp-img src="url-image-disini.png"
    width="1080"
    height="610"
    layout="responsive"
    alt="Cara Memunculkan Thumbnail Pada AMP HTML Di Blogger Template Memunculkan Thumbnail Pada Blog Vaild AMP "></amp-img>

Itulah arahan amp-img untuk blog amp yang harus diterapkan berdasarkan kebijakan amp project dan Image akan muncul dengan baik pada postingan anda. Akan tetapi tidak akan muncul pada thumbnail di halaman utama / homepage. Untuk mengakalinya, biar image muncul pada Homepage tambahkan tag noscript sehingga arahan menjadi menyerupai ini :

<noscript><img alt='gambar' src='URL-GAMBAR'/></noscript>

Jika thumbnail pertama di atas post tidak muncul tambah arahan menyerupai dibawah ini:

<noscript><img alt='Merpatih' src='URL-GAMBAR'/></noscript>

Sehingga pemasangannya dua skaligus dan taro di paling atas menyerupai dibawah ini:

<noscript><img alt='Merpatih' src='gambar.png'/></noscript><noscript><amp-img alt="Cara Memunculkan Thumbnail Pada AMP HTML Di Blogger Template Memunculkan Thumbnail Pada Blog Vaild AMP " height="610" layout="responsive" src="gambar.png"></amp-img></noscript>

dengan begitu baik thumbnail di home page dan di awal artikel pada blog anda muncul sempurna, dan aku sendiri memakai arahan ini biar tepat dan vaild amp.

Sampai disini Artikel Mengenai Cara Memunculkan Thumbnail pada AMP HTML Blogger Template. Semoga Bermanfaat.

Sumber https://www.merpatih.com/