Digital Transformation
Favicon
Favicon adalah ikon kecil yang muncul di tab browser, bookmark, dan hasil pencarian, berfungsi sebagai identitas visual website.
TL;DR: Favicon adalah ikon 16x16 atau 32x32 piksel yang muncul di tab browser, bookmark, dan hasil pencarian mobile Google. Walau kecil, favicon memengaruhi persepsi profesionalisme dan dapat meningkatkan CTR pada hasil pencarian.
Apa itu Favicon?
Favicon, singkatan dari "favorites icon", adalah ikon miniatur yang merepresentasikan sebuah website di browser dan mesin pencari. Format umumnya adalah .ico, tetapi browser modern mendukung .png dan .svg. Favicon muncul di tab browser, daftar bookmark, riwayat, dan sejak 2019 juga tampil di samping judul halaman pada hasil pencarian Google di perangkat mobile.
Analogi sederhana: favicon adalah logo mini website. Sama seperti logo brand membuat sebuah produk mudah dikenali di rak toko, favicon membuat website Anda mudah dikenali di antara puluhan tab browser yang terbuka.
Ukuran Favicon yang Direkomendasikan
| Lokasi | Ukuran |
|---|---|
| Tab browser | 16x16, 32x32 |
| Apple Touch Icon | 180x180 |
| Android Chrome | 192x192, 512x512 |
| Google SERP mobile | Minimal 48x48, kelipatan 48 |
Google mensyaratkan favicon minimal 48x48 piksel dan kelipatannya untuk tampil di hasil pencarian. Panduan resmi: Google Search Central tentang Favicon.
Kenapa Penting?
Untuk personal brand atau UMKM, favicon sering diremehkan tetapi langsung terlihat saat audiens membuka banyak tab sekaligus. Saat me-audit website klien, saya sering menemukan tab browser menampilkan ikon default kosong yang membuat situs terlihat belum selesai. Menambahkan favicon adalah fix cepat, biasanya di bawah 30 menit, tapi memberi sinyal kualitas yang konsisten dengan Personal Branding atau identitas bisnis.
Pertanyaan Umum
Bagaimana cara memasang favicon di Next.js?
Letakkan file favicon.ico di folder app/ atau public/. Next.js 13+ akan otomatis mendeteksi dan memasangnya di <head>.
Apakah favicon memengaruhi SEO secara langsung?
Tidak langsung untuk peringkat, tapi dapat meningkatkan CTR di hasil pencarian mobile karena membuat listing terlihat lebih kredibel.
Istilah Terkait