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. 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.

• 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. Terima kasih telah mengunjungi Opick Weblog.

Bila ingin copas silahkan lapor & cantumkan link berikut.
Source : https://wajahilmu.blogspot.com/2015/08/cara-memasang-video-youtube-yang-lebih.html

Share this :