GRATIS ! INFO SEPUTAR WIRAUSAHA -Klik Disini-

Advertisment

Cara Memasang Gambar di Postingan Blog Agar Valid AMP HTML

Menambahkan Gambar di Postingan Blog AMP - Memiliki blog dengan loading yang sangat cepat sangatlah mengasyikkan. Dengan loading yang super fast, blog akan mudah untuk diakses sehingga memudahkan para pengunjung dalam menjelajahi sebuah blog.

Hal itulah mengapa google merangking blog dengan kecepatan loading tinggi dibanding blog yang memiliki loading berat. Tentunya di dukung dengan konten yang berkualitas, blog akan memiliki nilai plus di mata mesin pencari seperti google.


Cara agar blog memiliki kecepatan loading tinggi dan hemat biaya bagi pengguna blogger.com adalah menggunakan template AMP HTML.

Template blog AMP adalah solusi agar blog memiliki kecepatan tinggi terutama ketika dibuka menggunakan smartphone. Sayangnya, untuk bisa menggunakan template blog AMP anda harus melakukan setting tag AMP secara manual agar blog Anda valid AMP.

Seperti contoh pemasangan gambar yang ada dalam postingan blog AMP, diperlukan tag AMP di setiap gambar yang ada agar tampilan sebuah halaman blog tervalidasi AMP. Sangat melelahkan memang jika harus mengatur setiap gambar secara manual agar valid AMP.

Itulah alasan beberapa blogger enggan berganti template AMP dan tetap mempertahakan template non AMP.  Biasanya template AMP digunakan untuk blog yang baru dibangun saat ini, karena gambar belum terlalu banyak sehingga lebih mudah untuk penyetingan gambar.

Cara Memasang Gambar di Postingan Blog AMP

Cara memasang gambar menggunakan template blog AMP hingga saat artikel ini ditulis hanya bisa dilakukan secara manual. Berikut ini adalah kode yang harus di tambahkan di setiap gambar agar tampilan halaman blog tervalidasi AMP. 

<amp-img src=" https://2.bp.blogspot.com/-qo8lbNeZ2JA/WobvaYDLEiI/AAAAAAAACBk/Mkyfl9qqNX0-3OYJ4WJQdywOTApcbVW1ACLcBGAs/s320/gambar-amp.jpg "
      width="750"
      height="462"
      layout="responsive"
      alt=" Cara Memasang Gambar pada Postingan Blog AMP "></amp-img>
Silahkan salin kode diatas kemudian ganti url gambar yang ada di postingan blog. Untuk ukuran silahkan ubah width="750" dan height="462" menyesuaikan ukuran asli gambar.

Jika Anda ingin meletakkan gambar dibagian kiri, tengah maupun kanan silahkan gunakan kode berikut.

<div class="img-left">
<amp-img src=" https://2.bp.blogspot.com/-qo8lbNeZ2JA/WobvaYDLEiI/AAAAAAAACBk/Mkyfl9qqNX0-3OYJ4WJQdywOTApcbVW1ACLcBGAs/s320/gambar-amp.jpg "
      width="750"
      height="462"
      layout="responsive"
      alt=" Cara Memasang Gambar pada Postingan Blog AMP "></amp-img>
</div>

Anda dapat merubah posisi gambar dengan mengganti tulisan yang di blok merah dengan kalimat berikut:
  • Untuk rata kiri ganti : left
  • Untuk rata tengah: center
  • Untuk rata kanan: right
Setelah selesai jangan lupa melakukan pengecekan untuk mengetahui blog telah tervalidasi AMP ataukah masih error. Jika masih error berarti masih ada penempatan kode yang salah.

Baca Juga: 7 Template AMP Blogger Gratis Responsive Terbaik

Silahkan lakukan perbaikan atau penghapusan kode penyebab halaman tidak valid AMP. Kemudian cek kembali untuk memastikan blog telah tervalidasi AMP.

Demikian ulasan mengenai cara menambahkan gambar di postingan blog AMP. Semoga bermanfaat untuk pembaca semua. Terimakasih atas kunjungan Anda.

Buka KomentarTutup Komentar