Cara Membuat Artikel atau Post Valid AMP HTML

Alwan    April 23, 2019    Tutorial Blog    Comment   

Halo sobat blogger,pada pembahasan kali ini admin akan memberikan materi tentang bagaimana membuat artikel atau post valid AMP HTML pada sebuah blog,perlu diketahui AMP merupakan singkatan dari Accelerated Mobile Pages,yang merupakan tampilan laman web yang dimuat dengan cepat dan terlihat bagus pada perangkat seluler,dan sistem APM ini dirilis oleh Google pada tahun 2015 bulan oktober,yang di tujukan untuk para publisher agar laman web bisa maksimal untuk optimasi mobile yang dengan performa yang baik.

Namun dengan adanya sistem APM ini,untuk performa halaman web semakin baik dan mudah di akses,namun sampai saat ini masih banyak juga yang menggunakan versi non AMP,namun itu tidak masalah,tentunya semua tergantung bagaimana cara mengoptimasi dan menampilkan konten yang berkualitas.

Namun dalam pembelajaran yang akan saya berikan kali ini,tentunya bisa di pergunakan untuk para publisher yang ingin membuat sebuah artikel atau postingan yang mendukung blog AMP.dan dalam pembuatan postingan suports APM ini tentunya banyak langkah yang harus diikuti,yuk kita sama sama melihat bagaimana cara pembuatannya.

Membuat Postingan Suport AMP HTML

Baik yang pertama tentunya harus memasang gambar utama,yang berguna untuk menampilkan gambar yang nantinya akan terlihat di paling atas judul postingan,dan ketika di sahre ke media sosial maka gambar ini tidak akan muncul pada isi artikel atau postingan yang anda buat.

Jadi intinya kode dibawah ini ada tempel sebelum artikel anda,yang nantinya akan tampil sebelum judul postingan anda.

Dan untuk memasang Kode Gambar simak Kode berikut Ini :

<noscript><img alt="cara membuat email di blogger?" width="680" height="382" src="https://ALMAT GAMBAR.jpg" title="cara membuat email" /></noscript>

Note : Silahkan ganti text yang bertanda merah ini menjadi alamat gambar yang ingin anda gunakan sebagai tampilan gambar utama pada artikel atau postingan anda.

Silahkan pasang Gambar pada isi Artikel Atau Postingan

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

Note : silahkan pakai kode dibawah ini,yang berguna untuk memasang gambar pada artikel anda

Cara Memasang Video YouTube Valid AMP HTML

Baik mungkin setelah Artikel blog suport APM anda sudah selesai,kini bagaimana cara memasang Video YouTube Valid AMP HTML pada sebuah blog atau postingan anda,dalam pembuatan ini tentunya juga ada beberapa langkah yang harus di ikuti yakni :

Simak Juga : Modifikasi Ukuran Iklan AdSense dengan CSS

Gunakan kode yang akan admin berikan dibawah ini,guna untuk menampilkan video dari YouTube.dalam fase ini sedikit berbeda,silahkan ganti tulisan yang ditandai warna merah dengan id video dengan cara..?

1. Silahkan ambil kode dari alamat video YouTube yang ingin anda gunakan
2. Silahkan letakan pada kode amp-youtube
3. Dan silahkan simapan kode tersebut pada artikel atau postingan anda

Silahkan copy Kode ini dan pastekan pada postingan anda,dan jangan lupa kode yang berwarna merah silahkan ganti dengan id Video yang akan anda masukan.

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

Dan selanjutnya gunakan Tulisan Justify

Gunakan Kode CSS ini : .center {text-align;justify;}
Kemudian Gunakan <div> yang berguna untuk balance kode dan untuk cara menggunakannya adalah :
<div class='center'>
Seoblogger.id merupakan blog dengan sejuta tutorial lengkap
</div>

Baik sobat blogging semua mungkin hanya itu saja yang bisa admin berikan tentang pembahasan " Cara Membuat Artikel atau Post Valid AMP HTML" semoga bermanfaat dan berguna bagi anda,salam sukses dari www.seoblogger.id