Welcome to www.winkamaru.com

Cara Posting Video Youtube di Blog AMP


Cara membuat postingan blog valid amp terutama ketika akan memasukan video youtube ke dalam posting blog amp harus diterapkan dengan cara yang berbeda.

Seperti kita ketahui, khususnya pengguna blogger yang telah menggunakan amp html blogger template, tentunya wajib tahu untuk membuat postingan blog yang memuat video youtube bisa menjadi valid amp. Terutama pada penelusuran oleh Google AMP.

Oleh karenanya pada tulisan kali ini, kita akan belajar mengenai cara memposting video youtube ke dalam postingan blog AMP agar postingan blog valid terhadap penelusuran AMP di Google.

Simak panduannya pada ulasan saya di bawah ini:

Langkah 1
Pastikan di template blog AMP yang anda gunakan sudah terpasang javascript 'amp-youtube'. Jika belum silakan untuk menambahkan kode berikut tepat di atas kode </head> atau &lt;/head&gt;&lt;!--<head/>--&gt;

 <script async='async' custom-element='amp-youtube' src='https://cdn.ampproject.org/v0/amp-youtube-0.1.js'></script>  

Langkah 2 - Save template blog AMP anda

Langkah 3
Pilih Bagikan atau Share Video youtube, untuk mendapatkan URL embed youtube:


Langkah 4
Silakan salin link video youtube yang didapatkan:


Sehingga kita akan mendapatkan link youtube seperti berikut:

  https://youtu.be/r3X98BulIXk   

Langkah 5
Dari link di atas yang diambil hanyalah kode terakhir saja, yakni!

 r3X98BulIXk  

Langkah 6
Kode tersebut selanjutnya, ketika akan diposting ke dalam blog amp, maka akan disisipkan ke dalam format kode AMP HTML video youtube seperti berikut:

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

Penting:
Saat menuliskan kode tersebut dalam postingan amp blog, wajib melalui mode HTML bukan mode Compose.


Setelah menerapkan kode di atas dalam postingan blog AMP maka hasilnya kurang lebih akan seperti ini:


Sekian semoga bermanfaat, untuk memastikan apakah postingan anda sudah valid amp atau belum bisa dicek melalui uji AMP google.