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.

TanggalPerubahan menurut GoogleDampak untuk Anda
Oktober 2024Syarat ukuran dan rasio dinyatakan eksplisit: 1:1, minimal 8x8px, disarankan lebih dari 48x48pxIkon non-persegi tidak memenuhi syarat
28 Agustus 2026Format file yang didukung dicantumkan langsung di dokumentasi, sebelumnya hanya merujuk referensi eksternalDaftar format kini bisa dicek sendiri
27 Oktober 2026Tanggal “terakhir diperbarui” halaman faviconBaca 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.ico lama.
  • 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?

  1. Buka beranda dan lihat tag <link> di <head>. Hanya beranda yang dibaca untuk favicon. Subdirektori seperti /blog/ tidak punya favicon sendiri.
  2. Catat nilai rel. Google menerima icon, shortcut icon, apple-touch-icon, dan apple-touch-icon-precomposed.
  3. Unduh tiap file favicon dan cek format serta ukuran. Di terminal: file favicon-32.png. Hasilnya memuat dimensi dan tipe asli, bukan sekadar ekstensi.
  4. Pastikan rasio 1:1. Lebar dan tinggi harus sama. Disarankan lebih besar dari 48x48px.
  5. Cek akses crawler. Beranda harus bisa dirayapi Googlebot, dan file ikon harus bisa dirayapi Googlebot-Image. Periksa robots.txt agar tidak ada Disallow untuk /favicon* atau folder aset.
  6. Pastikan URL stabil. Google meminta URL favicon tidak sering berubah. Hindari nama file ber-hash yang berganti tiap build.
  7. 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:

BerkasStatus HTTPTipeCatatan
/favicon.svg200image/svg+xmlAda
/favicon-32.png200image/png32x32, persegi
/apple-touch-icon.png200image/png180x180, persegi
/favicon.ico404text/htmlTidak 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.ico tanpa 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.com tidak otomatis mewarisi dari contoh.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:

  1. Catat tanggal perbaikan dan bukti teknis (status HTTP, tipe, dimensi).
  2. Cari nama merek di Google pada perangkat seluler dan desktop, lalu simpan tangkapan layar tiap minggu selama empat minggu.
  3. 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.
  4. Jika ikon belum berubah setelah beberapa minggu, minta pengindeksan ulang beranda dan cek kembali robots.txt serta 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

ItemLolos jikaCara cek
FormatBMP, GIF, ICO, PNG, JPEG, PPM, atau TIFF tersediafile <berkas>
RasioLebar = tinggiDimensi dari file
UkuranMinimal 8x8, disarankan lebih dari 48x48Dimensi dari file
DeklarasiTag <link rel="icon"> di berandaLihat sumber halaman
CrawlTidak diblokir robots.txtBuka /robots.txt
StabilitasURL tidak berubah tiap rilisBandingkan 2 rilis
HostnameSatu favicon per hostnameCek subdomain

Sumber primer yang dipakai

  1. 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).
  2. Google Search Central, Documentation updates (developers.google.com/search/updates): entri 28 Agustus 2026 (format favicon) dan Oktober 2024 (ukuran dan rasio).
  3. 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.