Favicon nedir, nasıl eklenir?
Kısa cevapFavicon, tarayıcı sekmesinde, yer imlerinde ve Google arama sonuçlarında site adınızın yanında görünen küçük kare simgedir. Eklemek için logonuzdan kare bir görsel hazırlayıp sitenin kök klasörüne yüklersiniz ve ana sayfanın head bölümüne rel="icon" değerli bir link etiketi koyarsınız; WordPress gibi sistemlerde bu, ayarlardaki “site simgesi” alanından yapılır.
Favicon'u 6 adımda ekleyin
- Kare bir görsel hazırlayın: logonuzun en sade hâlini (çoğu zaman yalnız ilk harf ya da amblem) 1:1 oranında kesin. Küçük boyutta okunmayan uzun yazılar simgede işe yaramaz.
- Boyutu büyük tutun: Google en az 8×8 piksel kabul ediyor ama farklı ekranlarda net görünmesi için 48×48 pikselden büyük bir görsel öneriyor.
- Desteklenen bir biçimde kaydedin: Google'ın belgesinde ICO, PNG, GIF, JPEG, BMP, PPM ve TIFF sayılıyor; en yaygın seçim PNG ya da ICO'dur.
- Dosyayı sabit bir adrese yükleyin: ör. alanadiniz.com/favicon.png. Google adresin sık değişmemesini istiyor; her güncellemede yeni dosya adı vermeyin.
- Ana sayfaya etiketi ekleyin: <head> içine <link rel="icon" href="/favicon.png"> yazın. WordPress'te Görünüm → Özelleştir → Site kimliği bölümündeki site simgesi alanı bu işi kendisi yapar; site kurucularda genellikle ayarlarda “favicon” alanı vardır.
- Kontrol edin ve bekleyin: sekmede simgeyi görün (tarayıcı önbelleği yüzünden gizli pencerede bakın), sonra Search Console'daki URL denetimiyle ana sayfanızı yeniden taratın. Google'a yansıması günler, bazen haftalar sürebilir.
Favicon nerede görünür, neye dikkat edilir?
| Nerede | Ne işe yarar | Dikkat |
|---|---|---|
| Tarayıcı sekmesi | Çok sekme açıkken sitenizi bulmayı kolaylaştırır. | Simge yoksa tarayıcının boş varsayılan simgesi görünür. |
| Yer imleri ve geçmiş | Kaydedilen sitenizi listede tanıtır. | Logo çok ayrıntılıysa küçükte leke gibi görünür. |
| Telefonda ana ekrana ekleme | Ziyaretçi sitenizi uygulama gibi ekrana koyabilir. | Bunun için apple-touch-icon etiketi de eklenebilir; Google da bu etiketi tanır. |
| Google arama sonuçları | Site adınızın yanında markanızı gösterir, sonuç daha güvenilir görünür. | Ana sayfa ve dosya Google'ın tarayıcılarına açık olmalı (robots.txt engellemesin); koşullar sağlansa da gösterim garanti değildir. |
Sık yapılan hatalar
- Etiketi yalnız bir alt sayfaya koymak; Google favicon'u ana sayfadaki etiketten okur ve alan adı başına tek simge kullanır.
- Logoyu olduğu gibi küçültmek; yatay, yazılı logolar kareye sıkışınca okunmaz hâle gelir.
- robots.txt ile görseller klasörünü engellemek; Google'ın görsel tarayıcısı dosyaya ulaşamazsa simge sonuçlarda çıkmaz.
- Başka bir markanın simgesini ya da internetten bulunan bir ikonu kullanmak; simge sizin markanızı temsil etmeli ve kullanım hakkı size ait olmalı.
- Simgeyi değiştirdikten sonra hemen sonuç beklemek; tarayıcı ve Google eski simgeyi bir süre göstermeye devam edebilir.
Ana sayfayı yeniden taratmak için Search Console hesabınızın olması gerekir. Simgede de internetten bulduğunuz görseller için aynı telif kuralları geçerlidir. Favicon'un yerinde olup olmadığı, siteyi teslim aldığınız gün bakılacak küçük ama görünür ayrıntılardandır.
Kendiniz yapabilirsiniz
Logonuz hazırsa favicon'u kendiniz kısa sürede ekleyebilirsiniz: ücretsiz bir görsel düzenleyicide kare kesin, PNG olarak kaydedin ve sitenizin panelindeki site simgesi alanına yükleyin. Kod yazmanız gereken kendi kodlu bir siteniz varsa tek satırlık etiketi ana sayfanın head bölümüne eklemeniz yeterli.
Ya da biz halledelim
Sitenizi biz yaptığımızda favicon, telefonda ana ekran simgesi ve paylaşım görseli logonuzdan hazırlanıp ana sayfaya eklenir; logonuz yoksa işletme adınızın baş harfiyle sade bir simge önerilir. Önce mobil tasarımı görürsünüz, ödeme onayınızdan sonra Stripe ile o günkü kurla euro olarak alınır. Site 9.900 TL · Site + 1 yıl hosting 55.000 TL · Site + kaynak kodlar 150.000 TL.
Tasarımımı gör →