Cara Memasang Gambar dan Video Valid AMP didalam Postingan Blog - Informasiajib

Cara Memasang Gambar dan Video Valid AMP didalam Postingan Blog

Template AMP (Accelerated Mobile Pages) merupakan jenis template yang sangat direkomendasikan oleh google karena sangat ringan dan ramah untuk para pengguna mobile phone. Ada salah satu permasalahaan yang membuat blogger kebingungan saat mengganti template lama mereka ke template AMP yaitu permasalahan gambarr maupun video didalam postingan yang membuat postingan tersebut tidak valid AMP. Perlu diketahui mengupload gambar dan video kedalam postingan blog yang menggunakan template AMP agak sedikit berbeda dengan template biasa. Kita harus mengedit kode script gambar dan video ketika membuat postingan dengan mode HTML agar gambar dan video tersebut valid AMP.

Ini memang terdengar sangatlah merepotkan terlebih lagi bagi kalian yang memiliki postingan yang banyak dan kemudian mengganti template lama ke template AMP tentu harus mengedit artikel satu per satu agar terdeteksi valid AMP oleh google. Akan tetapi kalian tidak usah khawatir bagi kalian yang sudah menggunakan template AMP dan bingung bagaimana cara membuat gambar dan video didalam postingan menjadi valid AMP.

Cara Memasang Gambar Valid AMP didalam Postingan

  • Upload sebuah gambar didalam postingan kalian
Cara Mendapatkan Penghasilan Dari Facebook Dengan Instant Article
  • Kemudian ubah mode pengedtian dari Compose ke > HTML
Cara Mendapatkan Penghasilan Dari Facebook Dengan Instant Article
  • Kita akan menemukan kode script dari gambar yang di upload tadi dan kurang lebih kode scriptnya akan seperti dibawah ini
<div class="separator" style="clear: both; text-align: center;">
<a href="https://3.bp.blogspot.com/-R4lgMtNk0kM/WsV6jGjEu5I/AAAAAAAAIzI/Mrmly59FpYwiq-CmWKmR3nXesQcBoRkkQCLcBGAs/s1600/parse.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="499" data-original-width="878" height="181" src="https://3.bp.blogspot.com/-R4lgMtNk0kM/WsV6jGjEu5I/AAAAAAAAIzI/Mrmly59FpYwiq-CmWKmR3nXesQcBoRkkQCLcBGAs/s320/parse.jpg" width="320" /></a></div>
  • Kemudian ubah kode dari gambar tersebut hingga menjadi seperti dibawah ini
<amp-img data-original-height="278" data-original-width="476" height="186" src="https://3.bp.blogspot.com/-R4lgMtNk0kM/WsV6jGjEu5I/AAAAAAAAIzI/Mrmly59FpYwiq-CmWKmR3nXesQcBoRkkQCLcBGAs/s1600/parse.jpg" width="320" layout="responsive"></amp-img>
  • Sekarang gambar dalam postingan kalian sudah valid AMP

Cara Memasang Video Valid AMP didalam Postingan

  • Buat sebuah postingan
  • Ubah pengeditan dari mode Compose ke > HTML
  • Pastekan kode script dibawah ini kedalam Postingan
     <amp-youtube
     data-videoid="ID Video Youtube"
     height="270"
     layout="responsive"
     width="480"></amp-youtube>
  • Tulisan ID VIDEO Youtube kalian ganti dengan ID dari video youtube yang ingin dimasukan.
  • Selesai dan sekarang video youtube yang kalian masukan kedalam postingan sudah valid AMP.
  • Untuk menguji apakah postingan kalian valid AMP atau tidak, kalian bisa melakukan tes disini > Google AMP Test

0 Response to "Cara Memasang Gambar dan Video Valid AMP didalam Postingan Blog"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel