Saat ini, tidak ada satu situs pun yang dapat melakukannya tanpa favicon. Ikon standar diletakkan saat membuat situs. Hanya saja mereka tidak selalu sesuai dengan pengguna. Masalahnya adalah tidak semua pemilik resource tahu cara menambahkan favicon. Tindakannya tidak begitu sulit. Tetapi hasilnya akan memungkinkan Anda untuk mengidentifikasi situs di antara beberapa situs lainnya dalam hasil pencarian. Lagi pula, kata kunci bisa serupa, tetapi favicon tidak akan mengecewakan Anda. Penambahan dialah yang sering menjelaskan keputusan pengunjung untuk mengunjungi sumber tersebut.
Favicon untuk situs web
Sebelum Anda dapat menempatkan favicon di situs, Anda harus membuatnya. Untuk melakukan ini, Anda dapat memilih salah satu opsi yang diusulkan:
- Pesan tata letak dari desainer.
- Buat layanan online Anda sendiri di Internet.
- Buat sendiri di Photoshop.
Gambar standar disimpan dengan ekstensi ICO. Ukurannya diinginkan untuk memilih 16x16 piksel. Ada ukuran dan lainnya. Mereka dibutuhkan saat pengguna menyimpan halaman di desktop.
Selanjutnya, letakkan gambar di root situs. Untuk melakukan ini, masukkan baris https://site.ru/favicon.ico, di mana alih-alih:
- site.ru tulis nama sumber daya Anda sendiri;
- favicon.ico masukkan nama file favicon.
Untuk refleksi yang benar di mesin pencari, Anda harus memasukkan gambar dalam kode. Untuk mengunduh, gunakan tag. Tali dimasukkan ke dalamnya. Ada pilihan lain -.
Setelah itu, logo yang dirancang akan dipasang. Anda dapat melihatnya baik di situs maupun di hasil kueri. Ada ikon di depan alamat sumber daya.
Favicon dan browser
Sebelum menambahkan favicon, Anda harus memutuskan ekstensinya. Bisa jadi:
- ICO.
- SVG.
- PNG.
- APNG.
- GIF.
- JPEG.
Tetapi browser yang berbeda mendukung ekstensi yang berbeda. Browser mana yang setia dengan format favicon mana, tabel di bawah ini akan ditampilkan.
| Jenis peramban | ICO | SVG | PNG | APNG | GIF | animasi GIF | JPEG |
| Internet Explorer | 2 | 3 | 1 | 1 | 1 | 1 | 1 |
| Google Chrome | 3 | 3 | 2 | 1 | 2 | 1 | 2 |
| Firefox | 2 | 1 | 2 | 2 | 2 | 3 | 3 |
| Opera | 2 | 2 | 2 | 2 | 2 | 2 | 2 |
| Safari | 3 | 1 | 2 | 1 | 2 | 1 | 2 |
1 - tidak mendukung;
2 - tidak mendukung semua versi;
3 - mendukung semua versi.
Karena masih banyak yang memilih format standar. Dengan menambahkan favicon seperti itu, Anda tidak perlu khawatir tentang jenis browser klien. Jika Anda tidak memperhitungkan usia, profesional, dan preferensi audiens lainnya sebelum menambahkan favicon, Anda dapat dibiarkan tanpa logo.
Jika Anda ingin menambahkan beberapa favicon
Terkadang ada keinginan atau kebutuhan untuk menambahkan gambar kecil untuk setiap halaman atau membuat format yang berbeda untuk dilihat pada browser yang berbeda. Dalam hal ini, untuk pertanyaan tentang cara menambahkan favicon standar, Anda perlu menambahkan beberapa goresan lagi.
Menulis sisipan favicon di root situs sangat sederhana. Tapi ini tidak cukup untuk membuat banyak ekstensi. Untuk melakukan ini, Anda harus memasukkan kode HTML, setelah membingkai baris.
Saat membuat struktur seperti itu, Anda harus ingat bahwa untuk Internet Explorerikon kata tidak cukup. Anda perlu memasukkan pintasan di depannya. Dalam hal ini, browser standar akan merespons frasa, dan sisanya - hanya kata terakhir.
Ada banyak pertanyaan di forum tentang cara menambahkan favicon ke Yandex. Jika gambar ditambahkan ke root situs, maka pendaftaran tidak diperlukan. Robot akan menemukannya secara default.
Ditambah dan hilang
Kebetulan semua tindakan dilakukan dengan benar, tetapi ketika memeriksa mesin pencari tidak ada gambar. Lagi pula, yang utama bukanlah berapa banyak yang harus ditambahkan, tetapi bagaimana cara menambahkan favicon. Di Yandex. Direct, jika ditambahkan dengan benar, moderasi gambar akan memakan waktu 2 hingga 4 minggu. Selama waktu ini, situs akan ditampilkan tanpa favicon. Perlu juga disebutkan bahwa jika posisi situs rendah dalam hasil pencarian, ikon mungkin tidak ditampilkan sama sekali.
Jika waktu telah berlalu dan tidak ada ikon, ekstensi mungkin tidak cocok dengan browser. Anda dapat memeriksa keberadaan favicon:
- untuk "Yandex" –
- untuk "Google" –
Setelah dikenali oleh sistem, favicon akan menjadi bagian integral dari situs web dan citra perusahaan. Karena itu, ada baiknya memperlakukannya secara bertanggung jawab. Ikon yang dipilih dengan benar dan ditambahkan dengan benar akan menjadi cahaya penuntun bagi pelanggan. Dan ini berarti peningkatan konversi dan, karenanya, keuntungan besar.
