Cara Atasi 'Google tidak dapat mendeteksi adanya video yang terlihat jelas di halaman ini' di Blogger
Beberapa waktu yang lalu tepatnya tanggal 7 Maret 2023, blog seed steam yang masih menggunakan Blogger ini mendapatkan notifikasi pesan terkait peringatan masalah pengindeksan video di Google Search Console hasil dari embed video Youtube ke dalam salah satu artikel.
Bunyi peringatan terkait video tersebut adalah:
"Google tidak dapat mendeteksi adanya video yang terlihat jelas di halaman ini."
Ketika saya mengunjungi tautan artikel terkait, hasil embed video pada dasarnya berhasil dan pengunjung bisa melihatnya dengan baik.
Tidak ada masalah secara visual dari apa yang sudah saya lakukan.
Tapi karena penasaran sebab ini adalah kali pertama (setahu saya) mendapatkan peringatan permasalahan indeks video seperti ini di Google Search Console, akhirnya saya coba buka (edit) postingannya dengan memilih Tampilan HTML editor.
Kemungkinan besar masalahnya ada pada kode HTML yang saya gunakan. Entah salah ketik karena keyboard hp kepencet saat saya menulis dan menyunting tulisan atau apalah.
Pokoknya harus saya cek dulu.
Benar saja, ternyata memang ada kesalahan dari sisi saya sendiri sebagai pengelola.
Dan itu tampak dari kode HTML embed video Youtube yang saya gunakan tidak sesuai dengan kode template yang diterapkan di blog ini.
Harus menggunakan shortcode embed video yang sesuai
Sejak awal saya mulai mempublikasikan artikel di blog ini, template Blogger premium yang saya gunakan itu adalah Mini Site yang saya beli di IDNTheme.
Setelah saya membaca ulang dokumentasi penggunaan template tersebut, khusus untuk cara meng-embed video Youtube ternyata disarankan untuk menggunakan shortcode yang sudah disediakan.
Karena kode itu yang nantinya sejalan dengan template itu sendiri. Dan pada dasarnya pengembang sudah pasti mempertimbangkannya baik terkait bagaimana video akan ditampilkan sekaligus dalam kaitannya dengan proses indeks halaman yang mengandung video hasil dari proses embedding.
Sedangkan yang saya lakukan sebelumnya dalam artikel tersebut adalah asal menyalin link video Youtube lalu dimasukkan sebagaimana biasa ketika menggunakan fitur embed yang sudah disediakan oleh Blogger.
Sebelumnya, contoh kode HTML hasil embed video Youtube yang saya terapkan adalah sebagai berikut (ini hanya contoh saja):
<div class="separator" style="clear: both; text-align: center;"><iframe allowfullscreen="" class="BLOG_video_class" height="266" src="https://www.youtube.com/embed/7AaVZZORAPQ" width="320" youtube-src-id="7AaVZZORAPQ"></iframe></div>Sedangkan, kode embed yang sebaiknya saya gunakan sesuai saran developer template adalah:
<div class="videoyoutube">
<div class="video-responsive">
<div class="video-youtube loader" data-src="//www.youtube.com/embed/7AaVZZORAPQ">
</div>
</div>
</div>Penggunaan shortcode seperti yang disarankan oleh developer template seperti di atas tentu bisa saja berbeda antara template yang satu dan lainnya.
Jadi harap baca dokumentasi template yang sudah disediakan atau bisa menanyakannya langsung ke pihak pengembang tema.
Biar tidak salah embed seperti yang pernah saya lakukan.
Dan benar saja, 2 hari setelahnya yaitu pada tanggal 9 Maret 2023 setelah saya memperbaiki (update) kode embed dan mengirimkan permintaan validasi permasalahan ini, Google Search Console memberikan status "Lulus" pada video tersebut sebagai pertanda bahwa permasalahan indeks video telah berhasil diperbaiki.
Terkait: Cara Index URL Blog Agar Bisa Muncul di Google
Bagi blogger lain yang sedang mengalami hal yang sama, silahkan coba menggunakan shortcode yang sesuai dengan yang disarankan oleh pengembang tema blog yang digunakan.
Memang sedikit repot karena kodenya harus di copy-paste dan disunting secara manual tanpa melibatkan fitur yang disediakan Blogger.
Tapi mengingat bahwa belum tentu setiap artikel blog akan memiliki video Youtube hasil embed, seharusnya kerepotan tersebut sepertinya tidak akan berarti apa-apa.