Cara Membuat Postingan Valid Amp di Blog

"Silahkan kunjungi postingan Cara Membuat Postingan Valid Amp di Blog untuk membaca artikel selengkapnya dengan klik link di atas."

2 min read

Cara Membuat Postingan Valid AMP di Blog - AMP atau dikenal dengan istilah Accelerated Mobile Pages yang diterbitkan oleh Google pada bulan Oktober 2015 yang lampau merupakan inovasi terbaru untuk mempercepat halaman pada blog dan terlihat bagus pada perangkat mobile. Seperti diketahui tujuan Google menerbitkan AMP, karena maraknya pengguna internet yang berbasis mobile. AMP sendiri merupakan solusi untuk meningkatkan pengalaman pengguna khususnya blogger untuk memuat halaman secara optimal dan upaya optimasi yang baik pada perangkat mobile.

Cara Membuat Postingan Valid Amp di Blog
Cara Membuat Postingan Valid AMP  di Blog

Namun, kebijakan baru yang dikeluarkan Google tidak serta merta dikuasai kebanyakan pengguna blogger. Selama beberapa tahun AMP berlangsung masih menjadi kesulitan khusunya blogger pemula, baik penggunaan template AMP atau AMP HTML, dan cara membuat postingan agar valid AMP. Artikel kali ini akan memmbahas mengenai bagaimana cara membuat postingan valid AMP.


Cara Membuat Postingan Valid Amp di Blog

1. Memasang Postingan Gambar Valid AMP

Memasang postingan gambar AMP digunakan dan diletakan paling atas pada judul postingan artikel sehingga ketika dishare ke media sosial gambar tersebut akan muncul pada isi postingan artikel menggunakan kode gambar dengan metode HTML

<noscript><img alt="TULIS KETERANGAN GAMBAR" width="680" height="382" src="https://ALAMAT URL GAMBAR.jpg" title="Cara Memasang Gambar AMP" /></noscript>

Keterangan: Anda bisa mengganti tulisan yang berwarna merah menjadi alamat URL sebagai gambar utama artikel pada postingan

2. Memasang Postingan Gambar Pada Isi Artikel

Gunakan kode yang tercantum di bawah ini untuk memasang gambar postingan pada artikel Anda

<amp-img alt="AMP HTML" height="300" layout="responsive" src="https://ALAMAT URL GAMBAR.jpg" width="430"></amp-img>

3. Memasang Video Yotube Valid AMP

Anda bisa menggunakan kode yang tercantum di bawah ini untuk menampilkan video yang diambil dari YouTube. Ganti tulisan yang berwarna merah menjadi id URLvideo youtube

  • Ambil kode yang terdapat pada video dari URL video youtube yang Anda gunakan
  • Simpan pada kode amp-youtube
  • Simpan kode tersebut pada postingan halaman blog

Di bawah ini kode youtube valid AMP HTML

<amp-youtube data-videoid="i7BgOu5hkQ" height="270" layout="responsive" width="480"></amp-youtube>

4. Tulisan Artikel Menggunakan Justify

Cari kode bisa menggunakan CTRL+F kemudian ketikan .post-body pada template yang kita gunakan, larinya ke dashbord  > template > edit html.

Silakan gunakan kode css .center {text-align: justify;}

kemudian gunakan <div> untuk menggunakannya. Contoh:

<div class='center'>

Isi Artikel

</div>

Keterangan: Pengunaan kode secara umum pada AMP HTML, kadang setiap template mempunyai setingan yang berbeda, jangan lupa untuk bereksperimen dan coba terus!

Sekian apa yang bisa saya bagikan untuk artikel tentang cara membuat postingan valid AMP di blog, semoga bermanfaat dan silahkan mencoba!!!

Posting Komentar