Pernahkah anda mengalami favicon blog / web anda tidak muncul di hasil pencarian google? Favicon blog yang tidak muncul biasanya hanya menampilkan gambar globe warna putih di Google Search Console (GSC) ataupun di hasil pencarian Google via mobile.
Ada beberapa penyebab kenapa favicon blog / web anda tidak muncul di hasil pencarian Google.
Pada artikel kali ini Ngoolie.id akan membahas satu per satu 5 penyebab dan cara mengatasi favicon web tidak muncul di hasil pencarian dan GSC.
- Diblokir oleh robots.txt
Penyebab yang sering terjadi adalah favicon tidak dapat dirayapi oleh Google karena diblok oleh robots.txt.
Ada pengaturan pada robots.txt anda yang tidak mengizinkan Google untuk merayapi dan mengindeks favicon anda.
Cek pada file robots.txt anda apakah ada kode seperti ini (dalam artikel ini menggunakan contoh file Robots.txt di WordPress).
Disallow: /wp-content/uploads/Kode tersebut berarti, anda tidak mengizinkan Google merayapi file-file gambar ataupun icon anda dari website anda.
Jika ada kode tersebut pada file robots.txt anda, maka segera hapus kode tersebut atau ubah menjadi kode seperti di bawah ini.
Allow: /wp-content/uploads/Setelah anda mengedit file robots.txt anda, segera untuk melakukan request pengindeksan ulang pada GSC. Biasanya tidak langsung berubah saat itu juga. Google perlu waktu untuk merayapi dan mengindeks ulang file favicon anda. Waktu bisa berhari-hari, jadi ditunggu saja, seharusnya tidak lebih dari seminggu.
- Tidak ada tag favicon
Jika anda sudah memastikan bahwa file robots.txt sudah tidak memblokir mesin pencari untuk mengindeks favicon anda. Maka setelahnya anda perlu memastikan bahwa ada tag favicon pada html website anda.
Ya, salah satu penyebab favicon anda tidak muncul di GSC maupun hasil pencarian Google adalah tidak adanya tag favicon pada file html website anda.
Berikut tag favicon yang harus ada di html website anda.
<link rel="icon" href="path_website_anda/favicon.ico">Bagaimana cara mengecek apakah tag favicon sudah ada atau belum pada html website anda?
Caranya cukup mudah, jika anda menggunakan web browser Chrome, maka anda dapat mengikuti langkah-langkah berikut ini.
- Buka website anda melalui Chrome
- Setelah website anda berhasil terbuka, klik kanan mouse anda, lalu klik Inspect
- Setelah muncul tools inspect element, anda cukup klik CTRL + F pada keyboard anda secara bersamaan (ini berfugsi untuk find/temukan/cari)
- Lalu ketik rel=”icon” dan klik Enter
- Jika sudah ditemukan, berarti sudah ada tag favicon pada html anda
Jika anda mengalami kendala saat inspect element ini, anda dapat bertanya melalui kolom komentar di bawah ya.
- Tag favicon tidak ada di dalam tag head
Setelah anda memastikan tag favicon ada di dalam html website anda. Berikutnya anda harus memastikan bahwa posisi tag favicon berada di dalam tag head.
Untuk melihat apakah tag favicon ada di dalam tag head atau tidak di html website anda, anda dapat melakukan langkah yang sama dengan memastikan ada tidaknya tag favicon pada html anda.
Anda cukup melanjutkan melihat pada tab Elements, apakah letak tag favicon anda sudah berada di antara tag <head> dan </head>.
<head>
<link rel="icon" href="path_website_anda/favicon.ico">
</head>- Ukuran favicon belum sesuai
Penyebab berikutnya adalah bisa jadi ukuran favicon anda belum sesuai dengan ketentuan dari Google.
Google menyarankan bentuk favicon adalah persegi dengan ukuran kelipatan 48 piksel, misalnya: 48×48 piksel, 96×96 piksel, 144×144 piksel, dan seterusnya. Kecuali anda menggunakan gambar dengan format SVG.
Google akan mengubah ukuran favicon menjadi 16×16 piksel agar dapat digunakan di hasil penelusuran, jadi pastikan favicon anda tampak bagus dalam resolusi ini.
Ketentuan lain terkait favicon, anda dapat membaca Panduan tentang Favicon dari Google.
- Google belum selesai merayapi favicon anda
Penyebab kelima yang mungkin terjadi adalah Google belum selesai merayapi dan mengindeks favicon anda.
Seperti yang sudah dijelaskan di atas, Google perlu waktu untuk merayapi dan mengindeks ulang favicon anda.
Oleh karena itu, sangat disarankan agar anda tidak terlalu sering mengganti-ganti favicon anda.
Itulah 5 penyebab dan cara mengatasi fav icon website anda yang tidak muncul di GSC dan hasil pencarian Google.
Ingin tahu lebih banyak mengenai tutorial Blogging di Ngoolie.id, anda bisa mengunjungi halaman Tutorial Blogging.
