Cara Membuat Postingan atau Artikel Blog Valid AMP

Apakah Blog anda menggunakan Template AMP? Jika iya, maka selain template valid AMP, postingan atau artikel pun harus valid AMP. Memang tidaklah mudah jika kita menggunakan template AMP banyak yang harus diperbaharui. Akan tetapi manfaat dalam menggunakan Template  AMP lebih besar daripada pengorbanan kita memperbaharui agar semuanya bisa valid AMP.

Manfaat Menggunakan Template AMP

Manfaat yang bisa kita dapatkan dari menggunakan template AMP antara lain adalah sebagai berikut:
  • Meningkatkan Loading Website bagi Pengguna Mobile.
  • Meningkatkan Peringkat Search Engine. 
  • Meningkatkan Traffik Blog.
  • Meningkatkan Rangking SEO
  • Meningkatkan Kinerja Server.

Jadi bagaimana cara kita menulis postingan atau artikel di blogger agar valid AMP? Maka simak penjelasan di bawah ini dengan seksama.

Sebelumnya agar lebih mudah kita kerjakan dalam memperbaharui postingan atau artikel agar valid AMP, kita harus menghilangkan kode style="text-align: left;" trbidi="on", jika setiap kita akan memulai menulis artikel ada kode tersebut pada mode halaman HTML.

Cara Membuat Blog Valid AMP

Jika sudah kita akan terus dengan cara membuat artikel baru agar valig AMP.

Dalam membuat artikel baru jika kalian membuat artikel baru, agar artikel selalu valid AMP tidak diperbolehkan untuk mennggunakan fitur mengganti jenis huruf dan mewarnai tulisan.
Dan apabila dalam artikel kita menggunakan gambar, kita harus mengubah kode seperti bawah ini.
Kode non-AMP

<div class="separator" style="clear: both; text-align: center;">

<a href=""URL GAMBAR" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1000" data-original-width="1600" height="200" src=""URL GAMBAR" width="320" /></a></div>
Dirubah menjadi kode valid AMP seperti dibawah ini

<div class="img-width-300 img-center">

<amp-img alt="cara meningkatkan BPK" height="300" layout="fixed"  src="URL GAMBAR" width="400"></amp-img>

</div>
Untuk ukuran gambar yang digunakan yaitu dengan tinggi ± 200-300 dan lebar 400-500, jika ukuran gambar tidak sesuai atau gambar tidak terlihat jelas maka artikel tidak akan valid AMP.

Cara agar artikel lama valid AMP, anda perlu mengedit semua artikel lama dan menghilangkan beberapa kode. Berikut cara agar artikel valid AMP.

- Pertama, pilih dan buka artikel yang ingin di edit.
- Setelah itu, blok semua teks dengan (ctrl + A ) dan klik ikon remove formating di menu edit postingan. (lihat gambar)
- Setelah semua format dihilangkan, silahkan format kembali artikel anda tanpa menggunakan kode style.
- Untuk bisa menampilkan gambar thumbnail pada artikel masukan kode dibawah ini dan simpan di paling atas artikel.

<noscript><img alt="Compare Cheap Car Insurance Quotes" width="680" height="382" src="https://cariajadisini.com.jpg" title="How Does Health Insurance Work?" /></noscript>
- Untuk gambar dalam artikel silahkan rubah kode tersebut seperti yang saya jelaskan tadi diatas, seperti dibawah ini

<amp-img alt="How Does Health Insurance Work?" height="300" layout="fixed"  src="URL GAMBAR" width="450"></amp-img>
Catatan:
Jika anda sudah merubah kode html untuk gambar, jangan kaget jika pada saat halaman edit postingan pada mode compose gambar dan thumbnail-nya tidak nampak, gambar dan thumbnail-nya akan terlihat jika anda melihat artikel setelah di publish atau dengan pratinjau.
Baca juga : Cara Membuat Kotak Kode Script di Dalam Postingan

Jika dalam artikel anda terdapat video youtube, rubah kode sebelumnya dan gantikan dengan kode dibawah ini

<amp-youtube data-videoid="masukan id video youtube" height="270" layout="responsive" width="480"></amp-youtube>
- Setelah anda merubah semua format dan telah mem-pulish artikel tersebut, silahkan cek validasi AMP artikel anda di AMP Test. Jika terjadi tidak valid AMP, klik saja informasi tidak valid tersebut agar kita mengetahui bagian mana atau kode apa yang membuat artikel tidak valid AMP.

Demikian artikel tentang Cara membuat Postingan/Artikel Blog valid AMP. Semoga artikel bisa bermanfaat untuk anda.

0 Response to "Cara Membuat Postingan atau Artikel Blog Valid AMP"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel