Cara Memasang Video Youtube Di Blog Agar Valid HTML5 Dan SEO Friendly

Seperti biasa, ini ialah pengalaman wacana kutak-katik blog hehehe... Sebenarnya aku tidak menyadarinya selama ini sebab sudah menganggap bahwa cara memasang video Youtube selama ini sudah valid HTML5, jadi aku tidak mengecek ke-SEO-annya. Ternyata pagi ini ada pertanyaan dari sobat Kompi Ajaib, Mas Aulia pemilik Abitalita Blog yang saat mengecek skor SEO templatenya di Chkme terdapat error/bad pada iframe.

Ketika aku lihat pada page source blog Mas Aulia, ternyata pada salah satu artikel yang sekarang tampil di homepage-nya terdapat iframe dari video Youtube. Nah untuk itu kini aku cara memasang video Youtube biar valid HTML5 dan SEO Friendly setelah aku kutak-katik sebab aku searching di Google tidak menemukannya.

Biasanya instruksi embed video Youtube akan menyerupai di bawah ini:

<iframe width="560" height="315" src="http://www.youtube.com/embed/Bgt9g1q-xj0?rel=0" frameborder="0" allowfullscreen></iframe>

Namun saat dicek pada validasi HTML5, instruksi embed di atas tidak valid HTML5. Kaprikornus bila mau valid HTML5 kodenya harus dirubah, perhatikan instruksi berwarna merah di atas silahkan ganti dengan tana kutip (") sehingga menjadi menyerupai di bawah ini.

<iframe width="560" height="315" src="http://www.youtube.com/embed/Bgt9g1q-xj0"></iframe>

Nah dengan cara di atas, instruksi embed video Youtube sekarang sudah valid HTML5. Namun ternyata setelah dicek untuk skor SEO template, iframe pada instruksi tersebut error/bad. Nah untuk mengatasinya silahkan gunakan cara di bawah ini.

Ketika Anda klik tombol embed video di Youtube, silahkan gunakan instruksi embed lama Youtube dengan memberi tanda centang pada "Use old embed code". Dan kodenya akan menyerupai di bawah ini.

<object width="560" height="315"><param name="movie" value="http://www.youtube.com/v/Bgt9g1q-xj0?hl=en_US&version=3&rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/Bgt9g1q-xj0?hl=en_US&version=3&rel=0" type="application/x-shockwave-flash" width="560" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>

Perhatikan instruksi yang berwarna merah, silahkan hapus instruksi tersebut dan instruksi yang berwarna biru ganti dengan tanda (/), sehingga penampakannya akan menyerupai di bawah ini.

<embed src="http://www.youtube.com/v/Bgt9g1q-xj0" width="560" height="315"/>

Nah sekarang coba cek validasi HTML5 di W3C dan skor SEO templatenya di Chkme. Bagaimana, mudah kan? Semoga pengalaman ini dapat bermanfaat bagi kita semua.

Komentar

Postingan populer dari blog ini

Teknik Mengolah Kata Kunci, Cara Sederhana Riset Keyword Tanpa Tools

Pada postingan kali ini saya mau bagikan lagi sebuah teknik mengolah kata kunci. Agar isi dalam artikel ini praktis dipahami jadi saya menggunakan sedikit ulasan bergambar semoga nantinya praktis dipahami. Teknik ini yaitu salah satu teknik seo yang sering digunakan oleh para internet marketing untuk mampu menggaet calon pelanggannya secara tertarget. Dan percaya saja bahwa ini kali pertama anda menemukan satu dari sekian banyaknya teknik seo yang ada yang mampu membantu anda menerima visitor yang banyak. Kabar baiknya, walaupun ini yaitu seni administrasi seo marketing tapi mampu juga diaplikasikan untuk jenis website artikel. Bahkan hal ini akan sangat bagus.. Ribuan pengunjung organik google dalam 1 bulan bukan duduk duduk masalah lagi untuk mampu didapatkan secara mudah. Oleh alasannya yaitu itu simak baik-baik, baca poin per poin semoga wawasan anda mampu ditambahkan secara menyeluruh. Berikut yang akan kita pelajari... Survey Google Auto Complete Google Sugge...

Baca selengkapnya

Cara Upload File, HTML, CSS, Javascript Di Google Drive

D ari info beberapa sumber yang saya baca, bahwa Google Code ada kemungkinan tahun depan sudah tidak mampu dipakai alasannya yakni Google akan menutupnya. Nah sebagai penggantinya Google telah menyiapkan daerah gres untuk menghosting file menyerupai file dokumen, HTML, CSS, maupun JavaScript yaitu Google Drive. Untuk itu kini saya mulai mengalihkan file JavaScript dan HTML blog Kompi Ajaib dari Google Code ke Google Drive dan ternyata sangat mudah dan script berjalan sempurna. Sekarang saya akan menguraikan cara upload file HTML, CSS, atau Javascript di Google Drive. Bagi yang tertarik untuk mencobanya silahkan ikuti langkah-langkahnya di bawah ini: 1. Silahkan masuk ke Google Drive dengan link berikut https://drive.google.com/ dan login dengan akun Google Anda. 2. Kemudian klik tanda upload untuk mulai mengupload file dari komputer Anda, menyerupai pada gambar di bawah ini. 3. Silahkan pilih file yang ingin Anda upload kemudian akan muncul kotak upload, bi...

Baca selengkapnya

Cara Mengganti Foto Profil (Avatar) Mobile Legends Dengan Foto Sendiri

Cara mengganti foto profil atau avatas di Mobile Legends - Pada postingan sebelumnya saya mengatakan tips mengenai game Mobile Legends Bang Bang, ialah cara berganti akun Mobile Legends dengan Facebook . Nah pada kesempatan kali ini saya kembali akan membagikan tips mengenai game Mobile Legends, tipsnya ialah cara mengganti avatas atau foto profil di Mobile Legends. Tutorial ini saya buat khusus bagi Anda yang belum tahu bagaimana cara mengganti avatar di Mobile Legends yang sering dilakukan oleh player lain. Pada dasarnya dikala kita gres membuat sebuah akun Mobile Legends, foto prrofil atau avatar yang digunakan ialah default dari Mobile Legends yang bergambar berbagai huruf pendekar Mobile Legends. Avatar tersebut bersifat random, tetapi mampu juga kita pilih dan atur sendiri. Tapi, jika kita menautkan akun Mobile Legends tersebut dengan Akun Facebook , maka otomatis avatar Mobile Legends juga akan berganti dengan Foto Profil Facebook. Lalu bagaimana cara mengganti avatar Mobil...

Baca selengkapnya

tutorial apa saja

Cari Blog Ini