2026-10-27
Favicon Tidak Muncul di Google? 8 Penyebab dan Cara Memperbaikinya
Google masih menampilkan bola abu-abu atau ikon lama? Begini cara memperbaikinya: tag halaman depan, aturan ukuran dan format, crawling diblokir, dan lama pembaruan.
Terakhir diperbarui: 27 Oktober 2026. Persyaratan di bawah ini diambil dari dokumentasi favicon Google Search Central (terakhir diperbarui 28 Agustus 2026). Pemeriksaan dijalankan dengan curl terhadap imagic-ai.com.
Ikon baru kamu sudah tampil di tab browser, tetapi Google masih menampilkan bola abu-abu, logo bawaan site builder, atau ikon yang kamu ganti berbulan-bulan lalu. Perbedaan seperti ini wajar. Browser membaca ikon dari halaman mana pun yang kamu buka. Google membacanya dari satu tempat saja, yaitu halaman depan situs kamu, dan hanya memperbaruinya saat merayapi ulang halaman tersebut.
Sebagian besar kasus bermuara pada salah satu dari delapan penyebab berikut. Masing-masing cukup butuh satu menit untuk diperiksa, dan perbaikannya sederhana. Bagian yang paling lama adalah menunggu Google mengambil perubahan itu.
Jawaban cepat: kenapa favicon saya tidak muncul di Google?
Periksa daftar berikut secara berurutan. Tiga yang pertama mencakup sebagian besar kasus:
- Tag tidak ada di halaman depan. Google hanya membaca
<link rel="icon">dari halaman depan kamu. - File tidak berbentuk persegi, atau terlalu kecil. Google butuh gambar berkasio 1:1 minimal 8x8 px dan merekomendasikan lebih besar dari 48x48 px.
- Google belum merayapi ulang. Google mengatakan perayapan ulang memakan waktu "beberapa hari hingga beberapa minggu".
Kalau tiga hal itu sudah benar, periksa sisanya:
- Formatnya tidak ada di daftar Google. Format yang didukung adalah BMP, GIF, ICO, PNG, JPEG, PPM, dan TIFF. SVG tidak tercantum.
- Perayapan diblokir. Googlebot harus bisa mengakses halaman depan dan Googlebot-Image harus bisa mengakses file ikonnya.
- URL ikon terus berubah. Google meminta URL yang stabil.
- Halaman depan kamu berada di subdirektori.
example.com/shoptidak didukung sebagai halaman depan favicon. - Google menilai gambarnya tidak pantas. Google lalu menampilkan ikon default sebagai gantinya.
Gunakan tabel di bawah ini untuk cepat menemukan perbaikannya:
| Gejala | Penyebab paling mungkin | Perbaikan |
|---|---|---|
| Bola abu-abu, tidak pernah ada ikon di hasil pencarian | Tag tidak ada di halaman depan, atau file diblokir | Tambahkan tag ke halaman depan, periksa robots.txt |
| Ikon lama masih tampil setelah diubah | Google belum merayapi ulang | Minta pengindeksan halaman depan, lalu tunggu |
| Ikon tampil di Chrome tapi tidak di Google | Hanya SVG, atau tag hanya ada di halaman dalam | Tambahkan versi ICO atau PNG di halaman depan |
| Muncul di sebagian subdomain, tidak di lainnya | Satu favicon per nama host | Tambahkan tag ke halaman depan tiap subdomain |
| Logo platform (bawaan builder) muncul | Setelan ikon situs di builder kosong | Unggah ikon persegi di pengaturan situs |
Bagaimana Google memilih favicon yang ditampilkan?
Jadikan halaman depan sebagai satu-satunya target kamu. Dokumentasi Google menjelaskan proses tiga langkah: buat favicon yang memenuhi pedoman, tambahkan tag <link> ke header halaman depan kamu, lalu tunggu Google merayapinya ulang.
Tag minimalnya seperti ini:
<link rel="icon" href="/favicon.ico" sizes="any">
Google menerima empat nilai rel: icon, shortcut icon (dipertahankan "karena alasan historis"), apple-touch-icon, dan apple-touch-icon-precomposed. Nilai href bisa relatif atau absolut, dan Google mengatakan file tersebut "tidak perlu di-hosting di situs kamu", jadi ikon yang ada di CDN tidak masalah.
Tiga aturan cakupan ini sering menjebak orang:
- Satu favicon per nama host.
www.example.comdanshop.example.commasing-masing bisa punya favicon sendiri. - Subdirektori memakai ikon milik host.
example.com/blogtidak bisa punya favicon yang berbeda di hasil pencarian. - Halaman depan di subdirektori tidak didukung. Jika halaman depan situs kamu adalah
example.com/store, Google tidak akan mengambil favicon dari sana.
Apakah ukuran dan bentuk favicon kamu sudah tepat?
Pilih bentuk persegi. Google mewajibkan rasio aspek 1:1 dengan ukuran minimal 8x8 px, dan merekomendasikan di atas 48x48 px. Google tidak menerbitkan ukuran maksimum, tapi apa pun di atas 512 px hanya menambah ukuran file.
![]()
Ukuran hanya separuh cerita. Ikon di hasil pencarian sangat kecil, jadi detailnya hilang. Pada gambar di atas, logo lencana dengan tiga baris teks berubah jadi noise di bawah 48 px, sementara satu huruf tebal tetap terbaca di 16 px. Kalau logo lengkap kamu terlalu ramai, pakai bagian yang paling sederhana: satu huruf, satu simbol, atau bentuk utama logonya.
Wordmark yang lebar adalah jebakan lainnya. Kamu tidak bisa sekadar meregangkannya jadi persegi, dan potongan tengah (centre crop) justru memotong huruf-hurufnya:
![]()
Mulailah dari sumber berbentuk persegi dan sisanya jadi mudah. Potong dengan image cropper (alat pemotong gambar) bila perlu, lalu olah dengan favicon converter (konverter favicon). Alat itu memotong bagian tengah menjadi persegi dan mengemas versi 16, 32, 48, 64, 128, dan 256 px ke dalam satu favicon.ico, langsung di browser kamu.
Format file apa yang diterima Google?
Pakai ICO atau PNG untuk file yang dibaca Google. Daftar format yang didukung adalah BMP, GIF, ICO, PNG, JPEG, PPM, dan TIFF.
SVG tidak ada di daftar itu. Browser modern menampilkan favicon SVG tanpa masalah, itulah kenapa situs yang hanya memakai SVG bisa menampilkan ikonnya di semua tab tetapi tetap mendapat bola kosong di Google. Simpan SVG-nya kalau kamu suka, dan tambahkan versi raster di sampingnya:
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
Kalau kamu hanya punya SVG, konversi dulu dengan SVG to PNG converter (konverter SVG ke PNG), lalu buat ICO dari PNG tersebut.
| Format | Tampil di tab browser | Diterima Google Search | Catatan |
|---|---|---|---|
| ICO | Ya | Ya | Satu file bisa berisi beberapa ukuran |
| PNG | Ya | Ya | Sederhana, dukungannya luas |
| SVG | Ya (browser modern) | Tidak tercantum | Tambahkan ICO atau PNG di sampingnya |
| JPEG | Ya | Ya | Tanpa transparansi; sudut tetap terisi |
| GIF, BMP, TIFF, PPM | Bervariasi | Ya | Jarang layak dipakai |
Bisakah Google benar-benar mengambil favicon kamu?
Selanjutnya, periksa perayapannya. Google menyatakan bahwa "Googlebot-Image harus bisa merayapi file favicon dan Googlebot harus bisa merayapi halaman depan." Aturan Disallow yang mencakup folder ikon, halaman login wajib, atau aturan firewall yang memblokir bot bisa membuat ikon itu tersembunyi.
Jalankan pemeriksaan berikut dari terminal:
- Ambil HTML halaman depan dan pastikan tagnya ada:
curl -s https://example.com/ | grep -i 'rel="icon'. - Ambil ikonnya dan pastikan responsnya 200 dengan content type gambar:
curl -sI https://example.com/favicon.ico. - Baca robots.txt dan pastikan tidak ada aturan yang mencakup path ikon maupun halaman depan.
- Gunakan URL Inspection di Search Console pada halaman depan, lalu jalankan live test untuk melihat apa yang diterima Googlebot.
Saat saya menjalankan tiga pemeriksaan pertama di imagic-ai.com, halaman depannya mendeklarasikan ICO, SVG, dan apple-touch-icon. /favicon.ico mengembalikan 200 sebagai image/x-icon (5,430 bytes) saat diminta dengan user agent Googlebot-Image. robots.txt hanya melarang /api/ dan /health. Kombinasi itulah yang seharusnya kamu kejar: ikon raster yang diterima Google dan dapat dijangkau oleh kedua crawler.
![]()
Kenapa Google masih menampilkan favicon lama kamu?
Pertama-tama, terimalah masa tunggunya. Google mengatakan perayapan "bisa memakan waktu dari beberapa hari hingga beberapa minggu", tergantung seberapa sering sistem mereka memutuskan konten kamu perlu disegarkan. Tidak ada langkah di pihak kamu yang bisa memaksa pembaruan instan.
Tapi kamu tetap bisa mendorongnya:
- Minta pengindeksan halaman depan dengan alat URL Inspection di Search Console. Inilah langkah yang ditunjukkan Google sendiri di panduan faviconnya.
- Jaga URL ikon tetap stabil. Google meminta kamu untuk tidak mengubah URL favicon terlalu sering. Mengganti isi file di URL yang sama tidak masalah; mengganti namanya setiap kali deploy tidak.
- Jangan menumpuk redirect. Kalau
/favicon.icomengalihkan ke lokasi baru, pastikan URL akhirnya mengembalikan gambar dengan respons 200.
Browser kamu punya cache terpisah. Kalau tab kamu masih menampilkan ikon lama, buka situsnya di jendela privat. Tapi itu tidak mengatakan apa-apa soal Google: hasil pencarian diperbarui sesuai jadwal Google, bukan jadwal browser kamu.
Bagaimana kalau site builder yang mengatur favicon kamu?
Periksa halaman depan yang dihasilkan, bukan layar pengaturannya. Site builder dan tema biasanya punya kolom "site icon" atau "favicon" (ikon situs), dan mereka menuliskan tag <link> untuk kamu. Saat kolomnya kosong, beberapa platform menampilkan ikon bawaan milik mereka sendiri, itulah kenapa sebagian situs muncul di hasil pencarian dengan logo si penyedia.
Unggah PNG persegi minimal 48x48 px di setelan itu, publikasikan, lalu lihat sumber halaman depan untuk memastikan ada tag rel="icon" yang mengarah ke file kamu. Kalau builder hanya menerima satu ukuran, berikan 512x512 px dan biarkan dikecilkan sendiri.
Apa yang Google tolak untuk ditampilkan?
Google tidak akan menampilkan favicon yang "dianggap tidak pantas, termasuk pornografi atau simbol kebencian", dan menggantinya dengan ikon default. Google juga meminta ikon tersebut "mewakili citra merek situs web kamu secara visual". Meski semua pedoman sudah terpenuhi, Google mencatat bahwa favicon "tidak dijamin muncul". Kalau kamu sudah memeriksa semua hal di atas dan menunggu beberapa minggu, Google menyediakan formulir masukan yang ditautkan dari dokumentasi faviconnya.
Kesimpulan utama
Pasang ICO atau PNG persegi di halaman depan kamu dengan tag rel="icon", pastikan Googlebot dan Googlebot-Image bisa mengakses keduanya, jaga URL tetap stabil, minta pengindeksan, dan beri waktu beberapa minggu. Aturan lengkapnya ada di pedoman favicon untuk Search milik Google, dan langkah-langkah perayapan ulang ada di Minta Google merayapi ulang URL kamu.
Untuk membuat file-nya sendiri, favicon converter menyusun ICO multi-ukuran langsung di browser kamu, dan panduan desain favicon membahas ukuran, dark mode, dan tag HTML secara lebih mendalam.
Pertanyaan yang Sering Diajukan
Berapa lama waktu yang dibutuhkan favicon baru untuk muncul di Google?
Google mengatakan perayapan bisa memakan waktu dari beberapa hari hingga beberapa minggu. Meminta pengindeksan halaman depan di Search Console bisa mempercepatnya, tapi tidak ada pembaruan instan.
Kenapa favicon saya tampil di Chrome tapi tidak di Google?
Chrome membaca ikon dari halaman mana pun dan mendukung SVG. Google membacanya hanya dari halaman depan dan tidak mencantumkan SVG sebagai format yang didukung. Tambahkan tag ICO atau PNG di halaman depan.
Berapa ukuran favicon yang ideal untuk Google?
Persegi, minimal 8x8 px, dan Google merekomendasikan lebih besar dari 48x48 px. ICO multi-ukuran dengan versi 16 hingga 256 px sekaligus mencukupi kebutuhan browser dan pencarian.
Bisakah saya memakai favicon SVG untuk Google Search?
SVG tidak ada di daftar format yang didukung Google. Simpan SVG untuk browser kalau kamu mau, tapi tambahkan juga versi ICO atau PNG di halaman depan.
Apakah setiap subdomain perlu favicon sendiri?
Ya. Google mengizinkan satu favicon per nama host, jadi blog.example.com memakai tag di halaman depannya sendiri. Subdirektori seperti example.com/blog memakai ikon milik situs utama.
Kenapa Google menampilkan ikon bola default untuk situs saya?
Bisa jadi Google tidak menemukan favicon yang bisa dipakai di halaman depan kamu, tidak bisa merayapinya, atau menggantinya karena tidak memenuhi pedoman. Kerjakan dulu daftar periksa di atas, lalu minta pengindeksan.
Kredit gambar
Foto sampul: Firmbee.com (laptop di atas meja kayu), dari Pexels dengan lisensi Pexels. Dua gambar logo dibuat untuk artikel ini dan diperkecil seperti cara konverter favicon: potong persegi di tengah, lalu ubah ukuran. Gambar terminal menampilkan output curl asli dari imagic-ai.com pada 28 Oktober 2026.
Gunakan alat gratis sambil mengikuti panduan.
Lanjutkan membaca

2026-10-28
Ukuran Gambar WhatsApp: 1600px, 1080×1920, dan Batas 16MB
WhatsApp mengompres setiap foto. Saya menguji foto profil, status, dan gambar terkirim, lalu menemukan trik dokumen yang melewati kompresi dan menjaga resolusi.

2026-09-13
Peta Kedalaman 16-Bit: Atasi Banding dan Periksa File PNG Anda
Perbaiki peta kedalaman yang bertingkat atau terbalik dengan uji PNG 8-bit vs 16-bit yang dapat diulang, skrip pemeriksaan file, dan checklist impor Blender.

2026-09-13
GIF Maker dari Gambar: Buat GIF Animasi yang Cepat Dimuat
Ubah sekumpulan gambar menjadi GIF animasi untuk web dan media sosial: jeda frame yang realistis, batas ukuran tiap platform, dan kapan memilih video.