Favicon Nedir? Ne Anlama Gelir?

Tarayıcı sekmesinde sitenizin adının yanında duran o küçük simgeyi fark etmişsinizdir. Çoğu kişi ona bakmadan geçer, ama ziyaretçiler birçok sekme arasında sizi bu simgeyle tanır. Bu yazıda favicon'un ne olduğunu, ne işe yaradığını ve doğru hazırlanması için bilmeniz gerekenleri bulacaksınız.

**Favicon nedir**

Favicon, bir web sitesini temsil eden küçük simgedir. Tarayıcı sekmesinde, yer imlerinde, geçmiş listesinde ve bazı arama sonuçlarında site adının yanında görünür. Genellikle logonun sadeleştirilmiş hâlidir.

Terim, "favorite icon" (favori simge) ifadesinin kısaltmasından gelir. İlk kez Internet Explorer 5 döneminde, sitelerin yer imi listesinde ayırt edilmesi için kullanıldı. Bugün tüm modern tarayıcılar favicon'u destekler ve mobil cihazlarda da farklı biçimlerde karşımıza çıkar.

Favicon nerelerde görünür?

Hangi dosya biçimleri kullanılır?

Favicon için en yaygın biçimler ICO, PNG, SVG ve GIF'tir. Günümüzde pratik yaklaşım, ICO veya PNG ile birlikte SVG sunmaktır. SVG vektörel olduğu için her boyutta net görünür ve koyu tema uyumu gibi özelliklere imkân tanır.

**Favicon ne demek**

Favicon, Türkçede "site simgesi" veya "favori simge" anlamına gelir. Kelime, İngilizce "favorite" ve "icon" sözcüklerinin birleşiminden oluşur. Kısacası bir web sitesinin küçük boyutlu kimlik işaretidir.

Bu anlamı akılda tutmak, tasarım kararlarını da kolaylaştırır. Favicon bir illüstrasyon alanı değildir; bir tanıma işaretidir. Okunabilir olması, ayrıntılı olmasından daha önemlidir.

Favicon ile logo arasındaki fark

Logo, markanızın tam görsel kimliğidir ve genellikle simge ile yazıdan oluşur. Favicon ise bu kimliğin 16 x 16 piksel gibi çok küçük bir alana sığacak sadeleştirilmiş hâlidir. Uzun bir firma adını favicon'a sığdırmaya çalışmak okunmaz bir sonuç verir.

**Favicon nedir ne işe yarar**

Favicon'un temel işlevi, sitenizi ziyaretçinin gözünde hızlıca tanınır kılmaktır. Aynı anda on beş sekme açık olduğunda başlıklar kısalır ve geriye yalnızca simge kalır. Doğru bir favicon, sitenize geri dönmeyi kolaylaştırır.

Bunun yanında güven hissi de verir. Varsayılan boş simge, yani tarayıcının gösterdiği genel küre veya sayfa ikonu, siteyi bakımsız gösterebilir. Küçük bir ayrıntı gibi görünse de kurumsal bir sitede eksikliği hissedilir.

Kullanıcı deneyimine katkısı

• Sekmeler arasında hızlı gezinmeyi sağlar.
• Yer imleri listesinde sitenizi öne çıkarır.
• Marka tutarlılığını tarayıcıya kadar taşır.
• Mobilde ana ekrana eklenen kısayolun görünümünü belirler.

SEO açısından önemi

Favicon doğrudan bir sıralama faktörü olarak tanımlanmış değildir. Ancak Google, mobil arama sonuçlarında site adının yanında favicon'u gösterir. Bu görünüm tıklama kararını etkileyebilir. Google'ın kendi yönergelerine göre favicon, site ana sayfasından erişilebilir olmalı ve tarayıcı botlarının engellenmemiş olması gerekir.

Bilgi: Google'ın favicon dosyasını kullanabilmesi için dosya adresinin sabit olması, robots.txt tarafından engellenmemesi ve görselin en az 8 x 8 piksel olup 48 piksel kareye katlarında (örneğin 48, 96, 144) hazırlanması önerilir.

**Favicon görseli nedir**

Favicon görseli, simge olarak kullanılan kare formatlı görsel dosyasıdır. Genellikle logonun ana sembolü, baş harf veya basit bir şekil olur. Önemli olan, küçük boyutta bile ne olduğunun anlaşılmasıdır.

İyi bir favicon görseli sade, yüksek kontrastlı ve markanın renklerine uygun olmalıdır. Şeffaf arka plan kullanırsanız, koyu temalı tarayıcılarda görünürlüğünü mutlaka test edin.

Önerilen boyutlar

Adım adım favicon ekleme

1. Kare oranlı, sade bir görsel hazırlayın (en az 512 x 512 px kaynak dosya idealdir).
2. Görseli gerekli boyutlarda dışa aktarın veya SVG olarak kaydedin.
3. Dosyayı sitenizin ana dizinine yükleyin.
4. HTML dosyanızın <head> bölümüne bağlantıyı ekleyin:

<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">

1. Tarayıcı önbelleğini temizleyip simgenin göründüğünü kontrol edin.

İpucu: Favicon güncellediğiniz hâlde eski simge görünüyorsa sorun çoğunlukla önbellektir. Dosya adına sürüm parametresi eklemek (örneğin favicon.ico?v=2) yenilenmeyi hızlandırır.

WordPress kullanıyorsanız, ayrıca kod yazmanıza gerek yok. Görünüm > Özelleştir > Site Kimliği bölümünden "Site simgesi" alanına görsel yükleyebilirsiniz. Bu yöntem 512 x 512 piksel kare görsel ister.

Sık yapılan hatalar

• Logonun tamamını sığdırmaya çalışmak
• Çok fazla renk ve ince detay kullanmak
• Dosyayı yalnızca tek boyutta hazırlamak
• Koyu temada kaybolan koyu renkli simge seçmek
• Dosya yolunu değiştirip eski bağlantıyı güncellememek

**Favicon ne**

Kısa cevap: Favicon, web sitenizin tarayıcıdaki küçük kimlik kartıdır. Kod tarafında bir görsel dosyadan ve <head> içindeki birkaç satırdan ibarettir, ancak marka algısına katkısı bundan büyüktür.

Teknik açıdan bakıldığında, tarayıcılar siteye girildiğinde önce HTML içindeki link etiketlerine bakar. Etiket yoksa ana dizindeki favicon.ico dosyasını arar. Bu yüzden en azından bu dosyayı kök dizinde bulundurmak iyi bir alışkanlıktır.

Hosting ve alan adı tarafında dikkat edilecekler

Favicon dosyası sitenizle aynı sunucudan sunulur; bu yüzden hosting tarafında birkaç noktaya dikkat etmek gerekir:

• Dosyanın doğru dizine (genellikle public_html) yüklendiğinden emin olun.
• SSL kullanıyorsanız favicon bağlantısının da https üzerinden verildiğini kontrol edin; karışık içerik uyarılarını önler.
• Dosya izinlerinin okunabilir olduğunu doğrulayın.
• Alt alan adlarında (subdomain) farklı bir simge kullanacaksanız her biri için ayrı tanımlama yapın.

Netlen İnternet Hizmetleri üzerinde barındırılan bir sitede, dosya yöneticisi veya FTP ile favicon'u kök dizine yükleyip birkaç dakikada yayına alabilirsiniz. Barındırma, alan adı ve SSL ayarlarını tek yerden yönetmek, bu tür küçük ama görünür düzenlemeleri de kolaylaştırır.

Sık Sorulan Sorular

Favicon boyutu kaç piksel olmalıdır?

Klasik sekme simgesi için 16 x 16 ve 32 x 32 piksel yeterlidir. Google arama sonuçlarında kullanılması için 48 piksel ve katları önerilir. Mobil ana ekran için 180 x 180, Android için 192 x 192 piksel görseller de hazırlamak iyi olur.

Favicon hangi formatta olmalı?

ICO, PNG ve SVG yaygın biçimlerdir. ICO eski tarayıcılarla uyumluluk sağlar, SVG ise her boyutta net görünür. Modern bir kurulumda ICO ile SVG'yi birlikte kullanmak sağlıklı bir yaklaşımdır.

Favicon SEO'yu etkiler mi?

Doğrudan bir sıralama sinyali değildir. Ancak Google arama sonuçlarında site adının yanında gösterildiği için tıklama oranına dolaylı katkı sağlayabilir. Ayrıca profesyonel görünüm kullanıcı güvenini destekler.

Favicon neden görünmüyor?

En sık neden tarayıcı önbelleğidir. Dosya yolunun yanlış olması, dosyanın bozuk biçimde kaydedilmesi veya robots.txt ile engellenmesi de sorun yaratabilir. Önce sayfa kaynağından favicon bağlantısını kontrol edin, ardından dosyayı doğrudan adres çubuğundan açmayı deneyin.

Favicon ücretsiz nasıl oluşturulur?

Herhangi bir grafik düzenleme programıyla kare bir tuvalde sade bir tasarım hazırlayıp PNG veya SVG olarak dışa aktarabilirsiniz. Çevrim içi favicon oluşturucu araçlar da tek görselden gerekli tüm boyutları üretir. Logonuz karmaşıksa yalnızca baş harf ya da ana sembolü kullanmanız daha iyi sonuç verir.

Favicon nasıl değiştirilir?

Yeni dosyayı eskisinin yerine yükleyin veya HTML'deki bağlantıyı güncelleyin. WordPress gibi sistemlerde bunu tema ayarlarından yapabilirsiniz. Değişiklik hemen görünmezse önbelleği temizleyin; Google arama sonuçlarındaki simgenin güncellenmesi ise günler sürebilir.