Skip to main content

Membuat Artikel Atau Postingan Yang Valid AMP

AMP ialah kependekan dari Accelerated Mobile Page (Seluler yang dipercepat). AMP adalah prakarsa sumber terbuka yang digunakan untuk menyediakan laman web dimuat lebih cepat dan terlihat bagus untuk perangkat seluler (mobile).

AMP dirilis dari tahun 2015 yang bertujuan untuk meningkatkan pengalaman bagi pengguna khususnya publisher sehingga bisa memuat laman web dengan cepat, maksimal dan optimasi yang lebih baik.

Pada artikel kali ini saya akan membagikan tutorial bagaimana cara membuat artikel atau postingan yang valid AMP, karena dalam pembuatan artikel untuk blog AMP itu berbeda dengan blog yang Non AMP.

Membuat Artikel Atau Postingan Yang Valid AMP

1. Mengupload Gambar Di AMP

Ada dua cara dalam mengupload gambar untuk blog AMP, yaitu yang pertama untuk gambar thumbnail dan gambar di dalam artikel.

Memasang Gambar Thumbnail dan Gambar Utama

Kode ini nantinya hanya akan menampilkan gambar untuk thumbnail dan gambar utama yang biasanya berada di atas judul.


<noscript><img alt="Selena Gomez Artist Beautiful in the World?" width="680" height="382" src="https://ALMAT GAMBAR.jpg" title="How To Earn Money on the Internet Quickly" /></noscript>

KETERANGAN:
Ganti kalimat yang ada di ALT dan TITLE dengan judul artikel.
Ganti https://ALMAT GAMBAR.jpg dengan URL gambar yang akan dijadikan thumbnail dan gambar utama.

Memasang Gambar Di Dalam Artikel Atau Postingan

Jika kalian ingin memasang gambar di dalam artikel atau postingan jangan gunakan kode di atas, sebab kode di atas hanya untuk thumbnail dan gambar utama saja. Gunakan kode di bawah ini bila kalian ingin memasang gambar di dalam artikel atau postingan.


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

KETERANGAN:
Ganti kalimat yang ada di ALT dan TITLE dengan judul artikel.
Ganti https://ALMAT GAMBAR.jpg dengan URL gambar kalian.

Cara Embed Video Youtube Di Blog AMP

Untuk meng embed video youtub, kalian hanya perlu id videonya dan letakan di videoid pada kode yang ada di bawah ini.


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

Demikian cara membuat artikel atau postingan valid AMP. Mudah bukan? semoga dengan adanya tutorial ini kalian bisa membuat postingan yang valid AMP. Jika ada masalah silahkan berkomentar.

Newest Post
Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar