Cara Menciptakan Postingan Gambar Atau Thumbnail Valid Amp Html
dengan memakai AMP HTML maka otomatis postingan-postingannya akan mempunyai error AMP pada blog dan postingan lama.
satu-satunya cara supaya semua halaman posingan blog AMP menjadi valid maka semua postingannya harus diedit, satu per satu.
Kenapa semua postingan dengan blog AMP harus valid AMP?
Baca Juga : Cara Praktis memasang Kode Iklan Pada Blog Template AMP
Google menyampaikan bahwa blog yang valid AMP akan mempunyai ikon AMP "petir" di hasil pencarian mobile, namun sementara ini fitur Amp masih bersifat percobaan. Dan sekarang Google sudah merubah prioritas index pencarian menjadi "mobile index first", artinya index pencarian mobile lebih diutamakan dari pencarian desktop.
Gunakan isyarat yang diharapkan supaya valid amp menyerupai <noscript> untuk image thumbnail, amp-img, amp-iframe, amp-youtube dan lainnya yang diharapkan di dalam postingan.
Cara Setting/Mengatur untuk memunculkan Thumbnail atau Gambar valid AMP html - Salah satu hal yang berbeda antara isyarat html dan isyarat amp yaitu image atau gambar. Jika isyarat html biasanya memakai img, maka isyarat amp memakai amp-img. Oleh kesudahannya jangan pernah salah dalam memasang isyarat image ketika memposting. Salah dalam memakai isyarat image menjadikan eror dan tidak valid AMP. Inilah isyarat dasar image valid AMP:
<img alt='gambar' src='url-image'/>Perlu diketahui juga postingan gambar itu terbagi menjadi dua jenis, yaitu gambar yang nantinya dipakai untuk thumbnail dan gambar suplemen atau selain thumbnail. Kedua jenis gambar di atas berbeda kodenya dalam template berbasiskan AMP. Oleh karenanya, sobat harus memperhatikan dengan saksama dan juga teliti.
1. Gambar Thumbnail
Baca Juga : Cara Terbaik Membuat Template Blogger Amp
Gambar thumbnail yaitu gambar yang muncul pada thumbnail. Gambar ini biasanya berada paling depan/atas. Gambar ini akan muncul di halaman utama/homepage. Untuk memunculkan thumbnail pada template berbasiskan AMP, maka gunakanlah isyarat berikut ini di template, bukan compose ketika memposting:
<noscript><img width="1080" height="610" alt='gambar' src='url-gambar-anda'/></noscript>2. Gambar Tambahan
Gambar selain thumbnail yaitu gambar tambahan. Gambar ini tidak muncul di halaman utama/homepage. Untuk kodenya yaitu sebagai berikut: [tulis di template, bukan compose]:
<amp-img src="url-image-disini" width="1080" height="610" layout="responsive" alt="Cara Membuat Thumbnail atau Gambar valid AMP Cara Membuat Postingan Gambar Atau Thumbnail valid AMP HTML"></amp-img>Silahkan sobat atur sendiri ukuran width (Lebar) dan height (Tingginya) sesuai selera, baik pada gambar thumbnail ataupun selain thumbnail. INGAT, yang membedakan antara thumbnail dan bukan hanya suplemen isyarat 'noscript' saja