Favicon adalah gambar berukuran kecil yang muncul di tab browser, bookmark, dan hasil pencarian.
Lalu, bagaimana cara membuat favicon?
Apakah favicon bisa memengaruhi performa SEO?
Cek jawabannya pada ulasan di bawah ini!
Daftar Isi
Apa itu Favicon?
Favicon adalah gambar berukuran kecil yang muncul di tab browser (peramban), bookmark (penanda), dan di SERP (Search Engine Results Page).
Favicon merupakan singkatan dari kata Favorite Icon.
Bentuk favicon biasanya persegi dengan rasio 1:1.
Ukurannya yang paling kecil adalah 8×8 piksel hingga ukuran maksimal yang disarankan adalah 48×48 piksel.
Oleh karena itu, teman-teman tidak disarankan untuk membuatnya dalam bentuk rectangle (persegi panjang), karena akan terlihat terlalu kecil nantinya di tab browser.
Mengapa Favicon Penting untuk Dibuat?
Favicon menjadi penting dibuat karena beberapa manfaat yang dihadirkan.
Dengan menerapkan favicon pada website, teman-teman bisa mendapatkan sejumlah benefit berikut ini:
Branding dan Profesionalisme
Pernah mengunjungi website yang favicon-nya jelek? Atau bahkan tidak ada favicon sama sekali?
Bagaimana tanggapan teman-teman tentang hal itu? Tentu terlihat kurang profesional bukan?
Favicon berfungsi sebagai logo mini yang memungkinkan website Anda langsung dikenali di tab browser dan SERP.
Selain itu, teman-teman juga dapat memperkuat brand identity (identitas merek) menggunakan favicon.
Sederhananya, semakin sering user melihat logo brand Anda, maka brand teman-teman akan semakin melekat pula di pikiran mereka.
User Experience (UX)
Dengan favicon, navigasi user menjadi lebih mudah, mereka dapat dengan cepat menemukan tab website Anda dan beralih di antara beberapa tab browser yang terbuka.
Hal yang sama juga terjadi ketika mereka ingin mengakses bookmark dengan cepat.
Mereka hanya perlu melihat “logo” favicon website teman-teman tanpa perlu melihat alamat domainnya.
Lebih lanjut lagi, ketika website Anda disimpan sebagai mobile shortcut, favicon otomatis akan muncul, memungkinkan user mengaksesnya hanya dengan sekali sentuh.
Apakah Favicon Memengaruhi SEO?
Favicon tidak memiliki dampak langsung terhadap SEO (Search Engine Optimization) atau ranking.
Namun, Google akan menampilkan favicon website saat mereka menampilkan halaman di hasil pencarian.
Website tanpa favicon, atau yang menggunakan favicon yang melanggar pedoman favicon Google, akan memiliki ikon default di samping URL, bukan ikon yang ditentukan.
Terlihat kurang profesional bukan?
Pasalnya SEO sendiri akan berjalan beriringan dengan aktivitas branding kita.
Panduan Implementasi Favicon Website
Panduan ini terbagi menjadi dua, yaitu di WordPress dan HTML:
Implementasi Favicon di HTML
Pertama-tama pastikan teman-teman sudah memiliki gambar favicon-nya.
Kedua, unggah favicon-nya ke folder utama pada website teman-teman.
Ketiga, tautkan link favicon-nya di antara tag <head>.
Contoh kodenya:
<link rel="icon" href="favicon.png" type="image/png">
Ganti href=”favicon.png” dengan URL favicon yang teman-teman punya.
Implementasi Favicon di WordPress
Untuk menambahkan favicon di WordPress, teman-teman bisa buka:
Appearance (Tampilan) > Customize (Kustomisasi) > Site Identity (Identitas Situs), klik “Site Icon“ (“Ikon Situs”), lalu pilih atau unggah file gambar favicon Anda.
Lakukan cropping jika perlu, jika sudah selesai klik “Save“ (“Simpan“), lalu publish.
Catatan: Teman-teman bisa baca dokumentasi lebih lengkap di WordPress.org atau theme website tertentu yang Anda gunakan.
Penutup
SEO bukan hanya tentang strategi dan taktik di dalamnya, namun juga melibatkan aktivitas branding.
Nah, salah satu aktivasi branding yang bisa teman-taman lakukan di SEO, khususnya di dalam website adalah dengan memiliki favicon.
Pertanyaannya, apakah teman-teman ingat dengan logo DailySEO ID yang muncul di tab browser kalian?
Demikianlah tulisan mengenai apa itu favicon, cara membuat, dan pengaruhnya terhadap performa SEO ini, jika teman-teman memiliki pertanyaan silakan tuliskan di kolom komentar di bawah atau bisa gabung ke grup Telegram DailySEO ID di sini.
Teman-teman juga bisa ajukan topik selanjutnya untuk kami bahas! Jika ingin belajar SEO dari ahlinya, yuk belajar di course-nya DailySEO ID!
Referensi:
https://developers.google.com/search/docs/appearance/favicon-in-search?hl=id
https://www.woorank.com/en/blog/the-importance-of-favicons-for-seo
