✔ Cara Menciptakan Postingan Gambar Atau Thumbnail Valid Amp Html

Tutorial Membuat postingan valid amp dengan gampang Bagi yang memakai template AMP HTML pada blog gres tentunya tidak ada dilema dengan postingan blog sebab kita menciptakan postingan gres yang tentunya pribadi valid HTML. Namun akan menjadi dilema bagi yang memakai AMP HTML pada blog yang sudah mempunyai banyak postingan.

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 instruksi 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 instruksi html dan instruksi amp ialah image atau gambar. Jika instruksi html biasanya memakai img, maka instruksi amp memakai amp-img. Oleh kesannya jangan pernah salah dalam memasang instruksi image ketika memposting. Salah dalam memakai instruksi image menjadikan eror dan tidak valid AMP. Inilah instruksi 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 perhiasan atau selain thumbnail. Kedua jenis gambar di atas berbeda kodenya dalam template berbasiskan AMP. Oleh karenanya, sahabat harus memperhatikan dengan saksama dan juga teliti.

1. Gambar Thumbnail
Baca Juga : Cara Terbaik Membuat Template Blogger Amp

Gambar thumbnail ialah 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 instruksi 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 ialah gambar tambahan. Gambar ini tidak muncul di halaman utama/homepage. Untuk kodenya ialah 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 sahabat 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 perhiasan instruksi 'noscript' saja

Sumber http://inirifany.blogspot.com

Share this post

Berlangganan update artikel terbaru via email: