Ikon kecil yang muncul di depan nama situs di bookmark browser sudah diketahui banyak orang. Elemen miniatur ini, meskipun sering kali luput dari perhatian, telah menjadi bagian integral dari sumber daya apa pun. Sebelumnya, favicon dianggap sebagai detail yang tidak penting, hanya digunakan untuk mengisi ruang kosong, namun saat ini, ketika setiap perbaikan penting bagi konversi, favicon berperan penting. Ini bukan hanya elemen branding, tetapi juga faktor yang diperhitungkan oleh mesin pencari.
Bagi yang belum familiar dengan istilah ini, izinkan kami menjelaskan: favicon adalah elemen grafis (berukuran 16x16 piksel) yang ditempatkan di kode situs dan ditampilkan di hasil pencarian di sebelah judul. Paling sering, logo atau gambar sederhana (huruf, angka atau ikon) digunakan. Agar mesin pencari dan layanan lain mengenali file ini sebagai favicon, file tersebut harus diberi nama “favicon.ico”.
Menariknya, dukungan untuk favicon dimulai di masa lalu, ketika format ini pertama kali mulai berfungsi di browser Internet Explorer 5. Awalnya, favicon hanya berfungsi untuk kebutuhan teknis dan merupakan label sederhana untuk alamat situs web. Akhirnya, di awal tahun 2000an, mereka secara resmi dimasukkan dalam -markup sebagai elemen standar.
Meski awalnya favicon merupakan elemen untuk kenyamanan pengguna, kini perannya melampaui aspek teknis. Ini penting bagi pengguna akhir dan mesin pencari. Mari kita pertimbangkan di mana dan bagaimana favicon digunakan, dan apakah mungkin dilakukan tanpa favicon.
Untuk memulai, pilih gambar untuk digunakan sebagai favicon Anda dan ganti namanya menjadi favicon.ico. Disarankan menggunakan format PNG untuk menghindari background putih. Ukuran ikon yang paling umum adalah 16x16 piksel, tetapi ada format lain:
Setelah gambar disiapkan dan diganti namanya, gambar tersebut perlu diunggah ke root situs menggunakan klien FTP atau panel hosting. Periksa apakah favicon tersedia di: sitename.ru/favicon.ico.
Untuk menambahkan favicon ke -code, gunakan templat berikut: . Penting untuk dicatat bahwa untuk browser IE versi lama Anda mungkin perlu menambahkan atribut rel="ikon jas pendek".
Jika situs Anda ditargetkan untuk perangkat seluler Apple, tambahkan atributnya rel="ikon-sentuh-apel"agar favicon ditampilkan dengan benar di iPhone dan di daftar situs yang sering dikunjungi di MacOS.
Memilih gambar untuk favicon Anda penting karena gambar itulah yang akan dikaitkan dengan situs Anda. Favicon yang baik harus sederhana namun mudah diingat. Mari kita lihat beberapa jenis favicon:
Meskipun ukurannya kecil, favicon sangat penting untuk sebuah website. Ini membantu dalam identifikasi sumber daya dan meningkatkan pengalaman pengguna. Penggunaannya meningkatkan kenyamanan pencarian, terutama saat membuka banyak tab. Untuk meningkatkan visibilitas situs dalam hasil pencarian dan meningkatkan rasio klik-tayang, disarankan untuk memperhatikan pilihan favicon dan konfigurasi yang benar.
Untuk konsultasi tambahan mengenai SEO dan pengembangan web, Anda dapat menghubungi studio SEO COMPUTER jika ada pertanyaan melalui email info@seo.computer.
ID 1687