Membuat Artikel Atau Post Valid Amp Html

Accelerated Mobile Pages atau disingkat menjadi AMP atau Seluler yang dipercepat merupakan prakarsa sumber terbuka yang digunakan buat menyediakan laman web yang dimuat dengan cepat serta terlihat bagus pada perangkat seluler. AMP ini dirilis oleh Google pada oktober 2015 yang bertujuan utnuk meningkatkan pengalaman pengguna khususnya publisher sehingga dapat memuat laman yang maksimal serta optimasi mobile yang baik.

Pada kali ini Saya bakal memberikan sedikit tutoial cara menulis artikel atau postingan yang mendukung buat blog AMP

Membuat Artikel atau Post Valid AMP HTML

1. Memasang Gambar Utama dari Postingan

Memasang gambar utama ini digunakan selaku gambar utama dari postingan kamu sehingga gambar ini biasanya bakal terlihat di paling atas judul postingan atau gambar dikala di share ke media sosial. Gambar ini tidak bakal muncul pada isi artikel atau postingan.

Contoh Artikel atau Postingan Valid AMP HTML: Lihat Postingan

Kode Gambar Utama

<noscript><img alt="Membuat Artikel atau Post Valid AMP HTML Membuat Artikel atau Post Valid AMP HTML" width="680" height="382" src="https://ALMAT GAMBAR.jpg" title="Membuat Artikel atau Post Valid AMP HTML" /></noscript>

Keterangan: Ganti tulisan yang di mark warna kuning, menjadi alamat gambar yang mau kamu gunakan selaku gambar utama artikel atau postingan

2. Memasang Gambar pada isi Artikel atau Postingan

Gunakan kode di bawah ini buat memasang gambar pada artikel kamu

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

3. Cara Memasang Video YouTube Valid AMP HTML

Gunakan kode di bawah ini buat menampilkan video dari YouTube. Ganti tulisan yang di mark kuning menjadi id video dengan cara

1. Ambil kode video dari alamat video YouTube yang mau kamu gunakan
2. Letakan pada kode amp-youtube
3. Simpan kode pada artikel atau postingan kamu

Kode YouTube valid AMP HTML

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

4. Menggunakan Tulisan Justify

Gunakan kode CSS  .center {text-align: justify;}

kemudian gunakan <div> buat menggunakannya. Contoh:

<div class='center'>

PANDUANBLOG.ID merupakan media blog yang digunakan buat bertukar serta berbagi informasi mengenai tutorial blogger.

</div>

Sekian mengenai Cara Membuat Artikel atau Postingan Valid AMP HTML semoga bermanfaat. Terimaksih serta Selamat mencoba 😀

Bagikan Artikel ini