Cara Pasang Video Youtube SEO Friendly & Responsive di Posting Blog

Romeltea | Follow @romel_tea

Cara Memasang Video Youtube SEO Friendly di Posting Blog
Cara Memasukkan, menyisipkan, atau memasang Video Youtube SEO Friendly & RESPONSIVE di Posting Blog. Khususnya buat blog video (vlog) yang simpan video di Youtube.

JIKA kita menyertakan kode video Youtube dalam postingan blog, maka kode tempelnya (embed) akan mengandung kode <iframe> yang menurut Chkme tidak diindeks mesin pencari Google. Skor seo blog pun akan berkurang hingga 28 poin jika ada kode iframe di blog kita.

Misalny, kita buka kink video Youtube saat Valentino Rossi nejek, nojeh, najong alias "menendang" Marc Marquez di MotoGP Malaysia (25/10/2015) hingga Marqeuz jatuh di lap 14.

Alamat link videonya:
https://www.youtube.com/watch?v=42uIR4vzCLU

Kode tempelnya:

<iframe width="600" height="338" src="https://www.youtube.com/embed/42uIR4vzCLU?rel=0" frameborder="0" allowfullscreen></iframe>

Nah, ada iframenya 'kan? Kita bisa saja pasang langsung kode tempel itu di postingan (di mode HTML), namun itu tadi, tidak seo friendly.

Supaya ramah mesin pencari dan diindeks Google, maka kode yang kita gunakan adalah:

<embed height="338" src="http://www.youtube.com/v/42uIR4vzCLU" width="600"></embed>

Perhatikan kode warna merah. Jadi, tinggal ganti saja kode warna merahnya sesuai dengan kode yang ada di alamat (link) atau kode tempel di Youtube. 


HASILNYA:



Gampang 'kan Cara Memasang Video Youtube SEO Friendly di Posting Blog?

KODE VIDEO YOUTUBE RESPONSIVE

Jika ingin menjadikannya responsive, gunakan kode yang di-share Blogger & SEO Tech ini:

1. Simpan kode berikut ini di atas kode ]]></b:skin>,

.bst-responsive-video {
position: relative;
padding-bottom: 56.25%;
height: 0;
margin: 20px 0;
overflow: hidden;
}
.bst-responsive-video iframe, .bst-responsive-video object, .bst-responsive-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


2. Nanti kodenya simpan di tengah kode ini:


<div class="bst-responsive-video">
KODE DI SINI
</div>

Misalnya:

<div class="bst-responsive-video">
<embed height="338" src="http://www.youtube.com/v/42uIR4vzCLU" width="600"></embed>
</div>

Cara Memasang Video Youtube SEO Friendly di Posting Blog ini sekaligus mengingatkan kita akan pentingnya posting yang lengkap (rich blog post), konten multimedia, hanya teks dan gambar, tapi juga video, biar mesin pencari suka banget sama blog kita. (http://blogromeltea.blogspot.com).*

Previous
« Prev Post
Author Image

Romeltea
Romeltea adalah onair dan online name Asep Syamsul M. Romli aka Kang Romel. Praktisi Media, Blogger, Trainer Komunikasi from Bandung, Indonesia. Follow me: facebook twitter instagram linkedin youtube

Recommended Posts

Related Posts

Show comments
Hide comments

1 comment on Cara Pasang Video Youtube SEO Friendly & Responsive di Posting Blog

  1. Asswrwb.
    Terima kasih infonya...Saya sudah coba....Tapi kalau kita klik atau pindah ke mode COMPOSE, kenanapa videonya blank/tidak ada yah?

    ReplyDelete

No Spam, Please!