Skip to main content

Cara Mudah Membuat Artikel atau Postingan yang Valid AMP

Cara Mudah Membuat Artikel atau Postingan yang Valid AMP

Membuat artikel atau postingan yang valid AMP itu susah dan mudah. Kenapa saya mengatakan demikian? Sebab jika kamu sudah paham Apa Itu AMP maka bisa dipastikan kamu dalam membuat artikelnya mudah begitupun sebaliknya, jika kamu belum tahu tentang AMP maka akan kesulitan untuk membuat artikel yang valid AMP.

Dalam membuat artikel untuk blog AMP kita wajib menggunakan mode HTML pada blogspot jangan menggunakan mode compose dalam pembuatannya karena nanti akan terjadi postingan tidak valid AMP. Jadi kamu harus tahu kode htmlnya, di bawah saya akan memberikan kamu kode yang sering dipakai dalam pembuatan artikel untuk blog AMP, silahkan kamu salin dan simpan agar nantinya saat dalam pembuatan artikel kamu hanya perlu membuka kode tersebut.

Membuat Postingan Valid AMP

1. Mengupload Gambar

Ada 2 cara untuk mengupload gambar di blog AMP, yaitu upload gambar untuk dipakai thumbnail dan di dalam postingan.

a. Untuk Thumbnail

<noscript><img alt="Judul gambar" width="680" height="382" src="https://ALMAT GAMBAR.jpg" title="Judul gambar" /></noscript>

b. Di Dalam Postingan

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

2. Embed Video Youtube

Untuk memasukkan video youtube (embed youtube), kamu hanya perlu memasukkan id videonya saja pada kode di bawah ini.

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

3. Embed Satus dan Video Facebook

Berikut kode yang bisa kamu gunakan untuk memasukkan status dan video facebook kamu ke dalam blog AMP.

a. Status Facebook

<amp-facebook width="552" height="310"
    layout="responsive"
    data-href="https://www.facebook.com/ParksCanada/posts/1712989015384373">
</amp-facebook>

b. Video Facebook

<amp-facebook width="552"
      height="310"
      layout="responsive"
      data-href="https://www.facebook.com/zuck/videos/10102509264909801/">
  </amp-facebook>

Penutup

Demikian cara membuat artikel atau postingan yang valid AMP. Kode yang saya bagikan ke kamu itu kode yang biasa atau dasar, jika kamu ingin lebih tahu lebih banyak silahkan kamu pergi ke website resmi AMP DEV, di situ di jelaskan seluruh detailnya. Saya di sini hanya memberikan dasar-dasarnya saja, jika ada yang mau ditanyakan silahkan berkomentar.

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