Nasıl kullanılır?
- 1Bir görsel yükleyin ya da harf/emoji yazın.
- 2Harf modunda arka plan rengi, yazı rengi ve köşe yuvarlaklığını ayarlayın.
- 3Önizlemelerden sonucu kontrol edin.
- 4Dosyaları indirip sitenizin kök dizinine yükleyin, HTML kodunu <head> bölümüne ekleyin.
Hangi dosyalar oluşturuluyor?
Araç 16×16, 32×32 ve 48×48 PNG simgeleri, iPhone ve iPad ana ekranı için 180×180 apple-touch-icon, Android ve PWA için 192×192 ve 512×512 PNG dosyalarını üretir. Bunlara ek olarak birden fazla boyutu tek dosyada barındıran gerçek bir favicon.ico, uygulama adı ve simgeleri tanımlayan site.webmanifest dosyası ve sayfanıza ekleyeceğiniz hazır HTML etiketleri oluşturulur.
Favicon neden önemli?
Favicon tarayıcı sekmesinde, yer imlerinde, telefon ana ekranında ve Google’ın mobil arama sonuçlarında sitenizin adının yanında görünür. Favicon’u olmayan siteler sonuçlarda genel bir dünya simgesiyle gösterilir ve daha az güven verir. Google, favicon’un en az 48×48 piksel ve kare olmasını önerir; araç bu boyutu da üretir.
İyi bir favicon için ipuçları
16 piksellik bir simgede ayrıntılı logo okunmaz. Logonuzun yalnızca sembolünü veya markanızın baş harfini, güçlü kontrastlı renklerle kullanın. Harf modu bu yüzden pratik bir başlangıçtır: marka renginizi arka plan seçip baş harfinizi yazmanız yeterli. Görsel modunda kare ve sade bir kaynak görsel kullanmak en net sonucu verir. Tüm işlem tarayıcınızda yapılır.
Sık sorulan sorular
Favicon dosyalarını nereye yüklemeliyim?
Dosyaları sitenizin kök dizinine yükleyin ve verilen HTML etiketlerini <head> bölümüne ekleyin. WordPress’te Görünüm > Özelleştir > Site Kimliği bölümünden de site simgesi yükleyebilirsiniz.
favicon.ico hâlâ gerekli mi?
Güncel tarayıcılar PNG favicon’ları destekler, ancak bazı tarayıcılar ve araçlar hâlâ kök dizindeki /favicon.ico dosyasını arar. Uyumluluk için eklemeniz önerilir.
Favicon’um Google’da neden görünmüyor?
Google’ın favicon’u fark etmesi biraz zaman alabilir. Simgenin kare, en az 48×48 piksel olduğundan, robots.txt ile engellenmediğinden ve ana sayfada doğru etiketle tanımlandığından emin olun.
Emoji ile favicon yapabilir miyim?
Evet. Harf/metin moduna bir emoji yazmanız yeterli. Emojinin görünümü işletim sisteminin emoji yazı tipine göre değişebilir.
Sonuçlar iç açıcı değil mi?
Hızlı, SEO uyumlu web siteleri, e-ticaret ve Google Ads yönetimi için Webin Agency ekibiyle görüşün.