Tutorial Membuat Posting Blogspot Valid AMP

Tutorial Membuat Posting Blogspot Valid AMP – Dengan semakin berkembangnya zaman, dan lebih banyak orang yang mengakses berbagai situs di internet menggunakan perangkat ponsel pintar atau sering kita sebut dengan HP (handphone). Maka sebagai seorang blogger kita juga harus bisa beradaptasi untuk memberikan lebih banyak kemudahan bagi para pembaca. Salah satunya dengan menggunakan template AMP.

Tema jenis ini memang masih belum banyak, tapi sangat di anjurkan untuk di pergunakan. Sebab situs blogspot yang memakai tema AMP jauh lebih di utamakan dan dapat bersaing dengan lebih bagus dalam memperebutkan posisi teratas pencarian google melalui ponsel, sebab situs dengan template AMP jauh lebih ringan.

Yang jadi masalahnya, menulis posting atau artikel valid AMP itu tidak sama dengan yang biasa kita lakukan saat memakai tema blogspot pada umumnya. Karena itu masih banyak yang mengeluh, dan merasa kesulitan sehingga enggan untuk berpindah ke tema AMP.

Jadi melalui postingan ini, Admin akan mencoba memberikan penjelasan kepada sahabat sekalian bagaimana caranya menulis artikel yang valid AMP, tapi ingat ya tutorial ini hanya berlaku jika sobat telah memakai tema blogspot AMP juga.

Menulis artikel menggunakan template AMP sebenarnya sangat mudah, karena hanya ada sedikit perbedaan saja. Terutama dalam menyisipkan gambar. Supaya kawan-kawan tidak merasa bingung, yuk simak panduannnya di bawah ini.

Pertama, silakan kawan-kawan tulis artikel seperti biasanya. Kalau mau lebih cepat, gunakan mode html saja. dan gunakan <p> sebagai awalan setiap paragraf serta </p> di akhir paragraf. Kalau kalian kurang terbiasa, kawan-kawan bisa menulis melalui mode compose seperti yang biasa kalian lakukan selama ini saat membuat postingan di blogspot, namun sebelum artikel di publikasikan, kalian tetap harus membuka mode HTML dan merubah beberapa kode seperti di bawah ini.

<div style="text-align: justify;"> ganti semua dengan <p>

</div> ganti dengan </p>

Dan untuk gambar kalian harus menambahkan “amp” di depan img. Supaya lebih jelas silakan perhatikan contoh berikut.

Sebelum

<div class="separator" style="clear: both; text-align: center;">
<img alt="Tutorial Membuat Posting Blogspot Valid AMP" border="0" data-original-height="152" data-original-width="500" height="121" src="url" width="400" /></div>

Sesudah

<amp-img alt="Cara Membuat Postingan Blog Valid AMP" title="sesuai keinginan" width="650" height="350" layout="responsive" src="url gambar postingan yang anda sisipkan"></amp-img>

Untuk postingan serta gambar dalam artikel semuanya sudah valid AMP jika kalian melakukannya dengan benar. Tapi untuk template versi AMP, kalian juga harus menambahkan kode untuk tubnail secara khusus di bagian paling atas postingan. Kalau tidak artikel kalian ngak akan ada gambar tubnhailnya. 

Bagaimana caranya ????

Gampang kok, kalian cukup menambahkan gambar di bagian paling atas dari post tersebut dengan di apit kode / tulisan <noscript> komponen gambar letakkan di sini</noscript >.

Contoh :

<noscript>

<img alt=" Tag Gambar" title="Judul gambar" width="650" height="350" src="url"/>

</noscript>

Setelah semuanya sudah selesai, kalian bisa langsung klik posting. Dan cek apakah artikel yang baru saja kalian buat sudah valid amp apa belum melalui google amp yang bisa kalian akses secara langsung melalui url berikut..., tapi perlu kalian ketahui untuk mengecek kevalidan url situs blogger, kalian harus mengguanakan url versi mobile dengan menambahkan “?m=1” di akhir link yang sobat cek.

Contoh : https://www.berbagaicara.com/2020/05/cara-efektif-memutus-rantai-penyebaran-virus-corona.html?m=1 (versi mobile)

Demikianlah paduan lengkap menulis artikel blogspot yang menggunakan tema AMP supaya valid AMP. Terima kasih, semoga bermanfaat.

Berbagi :