Template dan Tips Seputar Blogger

Thursday, June 22, 2017

Cara Memasang Video Youtube yang Lebih SEO dan Responsive

Cara Memasang Video Youtube yang Lebih SEO dan Responsive - Seringkali saya melihat banyak blog film/video yang menampilkan trailer dari Youtube. Ketika melihat kode yang digunakan ternyata masih menggunakan kode iframe yang sebenarnya dapat membuat loading blog berat.

Cara Memasang Video Youtube yang Lebih SEO dan Responsive

Bisa coba sendiri untuk menggunakan cek SEO tools di chkme.com, masukkan link post atau halaman dengan kode iframe, pasti akan ada peringatan "IFrames: Bad: IFrames are not indexed at all, and you have 1". Hal ini jelas dapat mengurangi nilai SEO score blog Anda.

Video youtube yang tidak responsive juga dapat mengganggu pengunjung karena ukuran video yang tidak sesuai dengan gadget. Terutama para pengguna mobile yang sering mengakses blog film/video. Bagaimana cara mengatasinya? ikuti tutorial berikut sampai tuntas.

Cara Memasang Video Youtube Yang SEO dan Responsive


1. Ubahlah halaman post ke mode HTML bukan Compose.

2. Letakkan kode video yang lebih SEO (tanpa iframe) berikut ini lalu baca keterangannya.

<center><object data="http://www.youtube.com/embed/xxxxx" frameborder="0" height="315" width="560"></object></center>

Keterangan:

Gantilah kode "xxxxx" dengan link kode video, lebih jelasnya lihat gambar.

Cara Memasang Video Youtube yang Lebih SEO dan Responsive

Cara Memasang Video Youtube Yang Lebih SEO dan Responsive


Anda bisa mengganti nilai height dan width agar sesuai dengan ukuran postingan sobat.

Hilangkan kode <center> dan </center> bila tidak ingin membuat video rata tengah.

3. Setelah Anda save/publish, segera menuju ke Edit HTML lalu letakkan CSS Responsive berikut sebelum kode </style>.

@media only screen and (max-width:768px){
object{width:100%}}

@media only screen and (max-width:480px){
object{width:85%}}

@media only screen and (max-width:320px){
object{width:280px}}

4. Save dan silahkan dicek seo score post/halaman Anda.

Saya rasa sekian tutorial kali ini tentang Cara Memasang Video Youtube yang Lebih SEO dan Responsive. Silahkan berkomentar sebelum mencobanya, dan bila ada pertanyaan langsung tuliskan pada kolom komentar dibawah.

Berikan tanggapan Anda
EmoticonEmoticon

Adblock Detected

Like this blog? Keep us running by whitelisting this blog in your ad blocker

This is how to whitelisting this blog in your ad blocker

Thank you

×