Cara Membuat Postingan di Blogger Valid AMP HTML

Table of Contents

Accelerated Mobile Pages (AMP) merupakan layanan gratis yang berfungsi untuk memuat laman di perangkat mobile menjadi lebih ringan dan cepat.

Menulis artikel untuk AMP dan Non AMP sekilas memang tidak ada perbedaan, hanya saja bagian yang paling terlihat adalah pemanggilan gambar yang tidak menggunakan tag <img/> melainkan menggunakan tag <amp-img/>.

Jika Anda beralih ke template AMP, maka Anda harus mengganti atau mengubah semua postingan gambar.

Memasang thumbnail gambar utama pada postingan

Perlu diketahui, blogger tidak bisa membaca gambar <amp-img/>, maka postingan gambar thumbnail tidak akan muncul ataupun pada saat Anda membagikannya ke media sosial.

Untuk mengatasinya gunakan kode berikut pada awal postingan Anda.

<noscript><img alt='Judul_alt_gambar' src='Url_gambar.jpg' title='Judul_gambar'/></noscript>

Ganti yang ditandai dengan url gambar yang Anda ingin gunakan sebagai gambar utama postingan.

Menambahkan gambar pada isi artikel

Seperti yang sudah saya jelaskan diatas, postingan gambar AMP dan Non AMP berbeda, berikut contoh kode untuk memasangnya pada isi artikel.

<amp-img alt='Judul_alt_gambar' height='300' layout='responsive' src='Url_gambar.jpg' width='430'/>

Ubah ukuran gambar dan layout sesuai selera Anda.

Embed video youtube di postingan

Gunakan kode berikut untuk menampilan video youtube kedalam postingan Anda.

<amp-youtube data-videoid='xxxxxxxxxxx' height='270' layout='responsive' width='480'/>

Caranya sebagai berikut dibawah ini:

1. Salin kode video dari url video youtube yang ingin Anda gunakan pada postingan

2. Letakan pada kode amp-youtube

3. Simpan kode pada postingan Anda

4. Ubah yang ditandai dengan video yang Anda salin sebelumnya, jika sudah simpan.

Cukup mudah bukan! Demikian artikel kali ini mengenai bagaimana cara membuat postingan di Blogger Valid AMP HTML. Semoga bermanfaat.