Jika anda ingin memasang video youtube di blogger yang valid HTML dan pastinya SEO, caranya adalah dengan mengganti kode bawaan dari youtube. Mengapa harus diganti? Jika anda langsung memakai video dari youtube dan meletakkannya pada blogger lalu mempublish artikel tersebut, ketika anda cek SEO di website Chkme.com maka akan muncul warning "Iframe : Bad" yang menandakan bahwa blog anda tidak SEO. Untuk mengatasi hal itulah, MasGugu membuat artikel ini. Silahkan disimak agar video youtube yang anda pasang pada blog menjadi SEO dan valid HTML.
 |
| Screenshot Video Youtube Responsive |
<iframe width="560" height="315" src="https://www.youtube.com/embed/vUI_R0rpIfo" frameborder="0" allowfullscreen></iframe>
Dari kode di atas, silahkan anda hapus yang diberi warna merah, lalu ganti (replace) yang diberi warna hijau menjadi sebagai berikut:
- kode <iframe diganti dengan <object
- Kode src diganti dengan data
- Kode </iframe> diganti dengan </object>
Setelah semua kode yang diberi warna merah dihapus dan kode yang berwarna hijau diganti dengan kode yang berwarna biru, maka hasilnya akan menjadi seperti di bawah ini.
<object width="560" height="315" data="https://www.youtube.com/embed/vUI_R0rpIfo"></object>
SELESAI. Silahkan anda pasang kode tersebut pada postingan artikel blogspot anda. Caranya, pertama login dulu, buat postingan baru atau edit postingan lama anda. Ada dua opsi pada tampilan pos, yaitu COMPOSE dan HTML. Silahkan anda pilih HTML lalu pastekan kode tersebut.
Bagaimana caranya membuat Video youtube menjadi responsive?, silahkan anda baca postingan sebelumnya disini Cara Membuat Video Youtube Responsive. Disana juga terdapat contoh video youtube yang di ubah menjadi responsive. Jika anda masih kurang jelas mengenai artikel ini, silahkan lihat di bawah ini
<div class="ResponsiveVideo"><object width="560" height="315" data="https://www.youtube.com/embed/PCifmGoUUls"></object></div>
Untuk menjadikan full responsive, silahkan tambahkan kode ini <div class="ResponsiveVideo"> di depan dan tambahkan kode ini </div> di bagian belakang. Kemudian silahkan anda simpan post anda. SELESAI. Lihat contoh video responsive di bawah ini
Contoh Video Responsive - 30 Hewan Unik yang Mirip Alien
Nahh cukup sampai disini saja dulu tentang artikel Cara SEO Memasang Video Youtube di Blogger/ Blogspot Valid HTML Full Responsive, jika masih kurang jelas, silahkan anda tanyakan melalui komentar di bawah. Terimakasih, semoga bermanfaat.