Daftar isi 13 bagian
- Apa yang berubah di dokumentasi favicon Google?
- Siapa yang paling mungkin terdampak?
- Bagaimana cara mengaudit favicon langkah demi langkah?
- Contoh deklarasi yang aman
- Hasil pengecekan nyata di socta.id
- Kesalahan umum yang membuat favicon tidak tampil
- Apa kaitannya dengan peringkat?
- Bagaimana memperbaikinya di platform yang umum dipakai?
- Bagaimana memantau hasilnya tanpa mengarang angka?
- Pertanyaan yang sering muncul
- Checklist favicon untuk tim Anda
- Sumber primer yang dipakai
- Mau favicon dan sinyal merek situs Anda diaudit?
Favicon di hasil pencarian Google hanya muncul jika file-nya persegi (rasio 1:1), minimal 8x8 piksel, dan berformat yang tercantum di dokumentasi Google: BMP, GIF, ICO, PNG, JPEG, PPM, atau TIFF. SVG tidak ada di daftar itu. Situs yang hanya menyediakan favicon.svg berisiko tampil dengan ikon bawaan di hasil pencarian, padahal tab browser terlihat normal. Artikel ini memberi langkah audit yang bisa selesai dalam 30 menit, lengkap dengan hal yang belum bisa dipastikan.
Apa yang berubah di dokumentasi favicon Google?
Ada dua pembaruan resmi yang perlu dibedakan, supaya tidak dikira satu perubahan besar.
| Tanggal | Perubahan menurut Google | Dampak untuk Anda |
|---|---|---|
| Oktober 2024 | Syarat ukuran dan rasio dinyatakan eksplisit: 1:1, minimal 8x8px, disarankan lebih dari 48x48px | Ikon non-persegi tidak memenuhi syarat |
| 28 Agustus 2026 | Format file yang didukung dicantumkan langsung di dokumentasi, sebelumnya hanya merujuk referensi eksternal | Daftar format kini bisa dicek sendiri |
| 27 Oktober 2026 | Tanggal “terakhir diperbarui” halaman favicon | Baca ulang halaman sebelum audit |
Google menyatakan format yang didukung tidak berubah pada pembaruan Agustus. Dokumentasi hanya membuat daftarnya eksplisit. Jadi situs yang selama ini tidak tampil dengan benar bukan korban perubahan algoritma, melainkan tidak memenuhi syarat sejak awal.
Satu catatan jujur: daftar di dokumentasi tidak menyebut SVG, tetapi saya tidak menemukan kalimat Google yang menulis “SVG ditolak”. Kesimpulan “SVG tidak didukung” adalah bacaan atas daftar itu, dan sebagian ringkasan pihak ketiga menyatakannya lebih tegas. Perlakukan sebagai risiko tinggi, bukan kepastian.
Siapa yang paling mungkin terdampak?
- Situs yang dibuat dengan template modern dan hanya mendeklarasikan
<link rel="icon" href="/favicon.svg" type="image/svg+xml">. - Situs yang pindah tema atau pindah hosting dan kehilangan
favicon.icolama. - Situs yang memakai logo panjang (misalnya 300x80px) sebagai ikon, sehingga tidak 1:1.
- Situs yang menaruh favicon di subfolder, padahal Google hanya mendukung satu favicon per hostname dari beranda.
Bagaimana cara mengaudit favicon langkah demi langkah?
- Buka beranda dan lihat tag
<link>di<head>. Hanya beranda yang dibaca untuk favicon. Subdirektori seperti/blog/tidak punya favicon sendiri. - Catat nilai
rel. Google menerimaicon,shortcut icon,apple-touch-icon, danapple-touch-icon-precomposed. - Unduh tiap file favicon dan cek format serta ukuran. Di terminal:
file favicon-32.png. Hasilnya memuat dimensi dan tipe asli, bukan sekadar ekstensi. - Pastikan rasio 1:1. Lebar dan tinggi harus sama. Disarankan lebih besar dari 48x48px.
- Cek akses crawler. Beranda harus bisa dirayapi Googlebot, dan file ikon harus bisa dirayapi Googlebot-Image. Periksa
robots.txtagar tidak adaDisallowuntuk/favicon*atau folder aset. - Pastikan URL stabil. Google meminta URL favicon tidak sering berubah. Hindari nama file ber-hash yang berganti tiap build.
- Uji URL beranda di Search Console. Gunakan URL Inspection, lalu minta pengindeksan ulang setelah perbaikan. Google menyebut proses rayap bisa berlangsung dari beberapa hari sampai beberapa minggu.
Contoh deklarasi yang aman
Pertahankan SVG untuk browser, tambahkan PNG sebagai jalur yang jelas didukung Google:
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="icon" href="/favicon-48.png" type="image/png" sizes="48x48">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
Mengapa 48x48? Itu ukuran yang disarankan Google sebagai batas bawah agar ikon tidak buram di berbagai permukaan. Ukuran 32x32 masih memenuhi syarat minimum 8x8, tetapi di bawah rekomendasi.
Hasil pengecekan nyata di socta.id
Pada 6 November 2026, saya memeriksa situs ini sendiri:
| Berkas | Status HTTP | Tipe | Catatan |
|---|---|---|---|
/favicon.svg | 200 | image/svg+xml | Ada |
/favicon-32.png | 200 | image/png | 32x32, persegi |
/apple-touch-icon.png | 200 | image/png | 180x180, persegi |
/favicon.ico | 404 | text/html | Tidak ada |
Beranda mendeklarasikan SVG, PNG 32x32, dan apple-touch-icon. Jadi syarat format sudah terpenuhi lewat PNG. Satu hal yang bisa ditingkatkan: PNG 32x32 di bawah rekomendasi 48x48. Saya belum memverifikasi tampilan favicon di hasil pencarian Google untuk socta.id, karena akses Search Console belum tersedia di lingkungan audit ini.
Kesalahan umum yang membuat favicon tidak tampil
- Mengira ikon tab browser sama dengan ikon Google. Browser menerima SVG; Google punya daftar format sendiri.
- Mengandalkan
/favicon.icotanpa tag<link>. Deklarasikan eksplisit di<head>beranda. - Memblokir folder aset di
robots.txt. Ikon yang tidak bisa dirayapi tidak bisa dipakai. - Mengganti file ikon tiap rilis. URL yang berubah-ubah menyulitkan Google menyimpan ikon.
- Memakai ikon yang tidak mewakili merek. Google menyebut ikon harus representatif secara visual, dan ikon yang dianggap tidak pantas diganti ikon bawaan.
- Berharap hasil instan. Setelah perbaikan, tunggu rayap ulang. Ikon juga tidak dijamin tampil walau semua syarat terpenuhi.
Apa kaitannya dengan peringkat?
Tidak ada bukti dokumentasi Google bahwa favicon memengaruhi peringkat. Pengaruhnya pada pengenalan merek di daftar hasil: pengguna memindai banyak hasil, dan ikon yang jelas membantu mengenali situs. Ukur dengan CTR halaman merek di Search Console dalam 28 hari sebelum dan sesudah perbaikan, tanpa mengklaim sebab-akibat. Hindari membaca hasilnya selama ada pembaruan inti Google yang sedang berjalan.
Bagaimana memperbaikinya di platform yang umum dipakai?
Prinsipnya sama di semua platform: sediakan berkas PNG persegi, lalu pastikan tag muncul di <head> beranda. Detail yang berbeda hanya letak pengaturannya.
- WordPress. Buka Customizer atau pengaturan identitas situs, lalu unggah gambar persegi. Pengaturan ini biasanya menyediakan ukuran minimal 512x512 piksel dan membuat versi turunannya sendiri. Setelah itu, periksa sumber beranda untuk memastikan tag tidak ganda dari tema dan plugin.
- Astro, Next.js, dan situs statis. Taruh berkas di folder
public/dan deklarasikan di layout utama. Situs ini sudah memakai pola tersebut: SVG untuk browser modern, PNG untuk jalur yang jelas didukung Google, dan apple-touch-icon. - Shopify. Favicon diatur di pengaturan tema. Unggah gambar persegi minimal 32x32; gunakan ukuran lebih besar agar tetap tajam.
- Situs dengan beberapa subdomain. Tiap hostname punya favicon sendiri.
blog.contoh.comtidak otomatis mewarisi daricontoh.com, jadi deklarasikan di beranda masing-masing.
Setelah perubahan rilis, ambil ulang berkas dari URL produksi, bukan dari folder lokal. Cache CDN kadang masih menyajikan berkas lama beberapa jam.
Bagaimana memantau hasilnya tanpa mengarang angka?
Favicon tidak punya laporan khusus di Search Console. Yang bisa Anda lakukan adalah pemantauan sederhana dan jujur:
- Catat tanggal perbaikan dan bukti teknis (status HTTP, tipe, dimensi).
- Cari nama merek di Google pada perangkat seluler dan desktop, lalu simpan tangkapan layar tiap minggu selama empat minggu.
- Bandingkan CTR kueri merek di Search Console untuk 28 hari sebelum dan sesudah. Perubahan kecil bisa berasal dari musim, kampanye, atau pembaruan Google, jadi catat sebagai indikasi, bukan bukti.
- Jika ikon belum berubah setelah beberapa minggu, minta pengindeksan ulang beranda dan cek kembali
robots.txtserta URL berkas.
Indikator kegagalan yang jelas: setelah rayap ulang, hasil pencarian merek masih menampilkan ikon bawaan padahal semua checklist lolos. Pada kondisi itu, jangan mengutak-atik berulang. Ganti satu variabel (misalnya tambah PNG 48x48), lalu tunggu.
Pertanyaan yang sering muncul
Apakah SVG harus dihapus? Tidak. Browser modern menampilkannya dengan baik. Tambahkan PNG atau ICO di sampingnya, jangan menggantinya.
Apakah favicon wajib berukuran 48x48? Syarat minimum Google 8x8 piksel. Ukuran lebih dari 48x48 adalah rekomendasi untuk ketajaman.
Apakah favicon dijamin tampil jika semua syarat terpenuhi? Tidak. Google menyatakan favicon tidak dijamin muncul walau pedoman dipenuhi.
Apakah halaman selain beranda perlu tag favicon? Google membaca favicon dari beranda hostname. Tag di halaman lain tidak diperlukan untuk tujuan ini, walau layout bersama biasanya menyertakannya.
Checklist favicon untuk tim Anda
| Item | Lolos jika | Cara cek |
|---|---|---|
| Format | BMP, GIF, ICO, PNG, JPEG, PPM, atau TIFF tersedia | file <berkas> |
| Rasio | Lebar = tinggi | Dimensi dari file |
| Ukuran | Minimal 8x8, disarankan lebih dari 48x48 | Dimensi dari file |
| Deklarasi | Tag <link rel="icon"> di beranda | Lihat sumber halaman |
| Crawl | Tidak diblokir robots.txt | Buka /robots.txt |
| Stabilitas | URL tidak berubah tiap rilis | Bandingkan 2 rilis |
| Hostname | Satu favicon per hostname | Cek subdomain |
Sumber primer yang dipakai
- Google Search Central, Define a favicon to show in search results, terakhir diperbarui 27 Oktober 2026 (
developers.google.com/search/docs/appearance/favicon-in-search). - Google Search Central, Documentation updates (
developers.google.com/search/updates): entri 28 Agustus 2026 (format favicon) dan Oktober 2024 (ukuran dan rasio). - Pemeriksaan langsung berkas favicon socta.id, 6 November 2026.
Saya tidak menemukan pernyataan Google yang menulis SVG secara eksplisit sebagai format tidak didukung. Ringkasan pihak ketiga menyebutnya demikian, tetapi dokumentasi hanya tidak mencantumkannya.
Mau favicon dan sinyal merek situs Anda diaudit?
Socta mengaudit deklarasi ikon, robots.txt, nama situs, dan data terstruktur supaya merek Anda tampil rapi di Google. Lihat layanan SEO Socta atau hubungi tim kami untuk audit teknis awal.