1. Apa itu Favicon?
Pernahkah Anda memperhatikan ikon kecil yang muncul di tab browser saat Anda membuka sebuah website? Ikon tersebut dinamakan Favicon. Meskipun ukurannya sangat kecil, elemen visual ini memiliki peran yang sangat penting dalam membangun identitas dan profesionalisme sebuah situs web.
Mari kita bahas lebih dalam mengenai apa itu Favicon, manfaatnya, dan bagaimana cara membuatnya dengan benar.
Favicon (singkatan dari Favorite Icon) adalah ikon kecil yang muncul di tab browser, bar alamat, dan daftar bookmark. Ikon ini berfungsi sebagai identitas visual sebuah situs web. antara lain:
- Tab Browser: Di samping judul halaman web yang sedang dibuka.
- Bar Alamat (Address Bar): Di sebelah kiri URL website (pada beberapa browser).
- Daftar Bookmark: Memudahkan pengguna menemukan situs Anda di antara daftar simpanan mereka.
- Riwayat Pencarian (History): Membantu mengidentifikasi situs yang pernah dikunjungi.
Singkatnya, favicon berfungsi sebagai "logo mini" atau identitas visual instan bagi situs web Anda.
2. Manfaat dan Kegunaan
- Branding: Membantu pengunjung mengenali blog Anda dengan cepat di antara banyak tab.
- Profesionalisme: Menghilangkan logo standar Blogger (B Oranye) membuat blog terlihat lebih terpercaya.
- SEO Mobile: Google menampilkan favicon di samping hasil pencarian seluler, yang dapat meningkatkan klik pengunjung.
3. Cara Membuat Favicon
Agar tampilannya tidak pecah, ikuti standar berikut:
- Rasio: Harus persegi (1:1).
- Ukuran: Minimal 16x16 pixel, idealnya 32x32 atau 48x48 pixel.
- Format: Ekstensi .ico adalah yang paling standar, namun .png transparan lebih populer saat ini.
4. Implementasi Script di Template Blogger
Jika fitur upload bawaan tidak berhasil, masukkan script berikut di dalam editor HTML (di bawah kode <head>):
<!-- Script Favicon Manual -->
<link href='URL_GAMBAR_KAMU' rel='icon' type='image/x-icon'/>
<link href='URL_GAMBAR_KAMU' rel='shortcut icon' type='image/x-icon'/>
<link href='URL_GAMBAR_KAMU' rel='apple-touch-icon' sizes='180x180'/>
Tips: Ganti URL_GAMBAR_KAMU dengan link gambar yang sudah di-upload ke internet.
5. Solusi Jika Favicon Tidak Muncul
- Hard Refresh: Tekan Ctrl + F5 di keyboard untuk menghapus cache browser lama.
- Mode Penyamaran: Cek blog melalui jendela Incognito. Jika muncul, berarti masalahnya hanya di cache browser utama Anda.
- Peletakan Kode: Pastikan script diletakkan tepat di bawah tag <head> paling atas agar dibaca lebih dulu oleh sistem.
