-->

Iklan Atas Artikel

Cara Membuat Postingan Valid Amp di Blog

Cara Membuat Postingan Valid AMP di Blog - AMP atau dikenal dengan istilah Accelerated Mobile Pages yang diterbitkan oleh Google pada bulan Oktober 2015 lalu 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.

Postingan Blog Valid AMP

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. Pada kesempatan kali ini admin akan memberikan tutorial mengenai cara membuat postingan agar valid AMP

Baca juga! Kelebihan dan kekurangan blog AMP

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 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>

Baca juga! Cara mendapatkan penghasilan dari rajabacklink.com

3. Memasang Video Yotube Valid AMP

Anda bisa menggunakan kode 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!






LihatTutupKomentar

Iklan Tengah Artikel 2