İçeriğe geç
parazade

Favicon Nedir?

Yayın: · Son güncelleme:

Favicon Nedir? Kısaca

Favicon, bir web sitesinin tarayıcı sekmesinde, yer imlerinde ve arama sonuçlarında adresin yanında görünen küçük simgesidir. Siteyi diğer sekmeler arasında kolay tanınır hâle getirir.

Favicon nedir?
İçindekiler
  1. Favicon nedir?
  2. Hangi boyut ve biçimde hazırlanır?
  3. Siteye nasıl eklenir?

Favicon nedir?

Favicon, İngilizce "favorite icon" yani favori simgesi ifadesinden türemiştir. Tarayıcı sekmesinde sitenin adının solunda görünen küçük resimdir. Yer imlerinde, tarayıcı geçmişinde, telefon ana ekranına eklenen kısayollarda ve bazı arama sonuçlarında da kullanılır.

Aynı anda on sekme açık olduğunu düşünün. Sekme başlıkları kısaldığında hangi sekmenin hangi site olduğunu çoğu zaman bu simgeyle ayırt edersiniz. Bu yüzden favicon küçük ama marka tanınırlığı açısından görünür bir parçadır.

Hangi boyut ve biçimde hazırlanır?

Klasik favicon dosyası favicon.ico adıyla sitenin kök klasörüne konur ve 16x16 ile 32x32 piksel boyutlarını içerir. Modern tarayıcılar PNG ve SVG biçimlerini de destekler.

Telefon ana ekranı ve uygulama benzeri kullanım için daha büyük boyutlar gerekir. Apple cihazlar için 180x180 piksellik bir apple-touch-icon, Android ve PWA için de 192x192 ve 512x512 piksellik simgeler yaygın olarak hazırlanır.

Siteye nasıl eklenir?

Simge dosyası hazırlandıktan sonra sayfanın <head> bölümüne bir bağlantı etiketi eklenir. Örneğin <link rel="icon" href="/favicon.svg" type="image/svg+xml"> satırı tarayıcıya hangi dosyayı kullanacağını söyler. WordPress gibi sistemlerde bu işlem tema ayarlarındaki "site simgesi" alanından yapılır.

Küçük boyutta detaylar kaybolur, bu yüzden logonun tamamı yerine baş harf ya da sade bir sembol kullanmak daha iyi sonuç verir. Değiştirdiğiniz simge hemen görünmüyorsa tarayıcı önbelleğini temizleyip tekrar deneyin.

Sıkça Sorulan Sorular

Favicon SEO'yu etkiler mi?

Sıralamayı doğrudan etkilemez. Ancak mobil arama sonuçlarında sitenin yanında görünebildiği için tanınırlığa ve tıklama kararına katkı sağlayabilir.

Favicon değiştirdim ama eskisi görünüyor, neden?

Tarayıcılar favicon dosyasını uzun süre önbellekte tutar. Önbelleği temizlemek, gizli sekmede açmak ya da dosya adını değiştirmek genellikle sorunu çözer.

İlgili terimler

Meta Etiketi(Meta Tag)Meta etiketi, HTML sayfasının head bölümüne yazılan ve sayfa içeriği hakkında tarayıcılara, arama motorlarına ve sosyal medya platformlarına bilgi veren, ziyaretçiye doğrudan görünmeyen etiketlerdir.Tarayıcı Önbelleği(Browser Cache)Tarayıcı önbelleği (browser cache), ziyaret ettiğiniz web sitelerine ait görsel, stil ve betik dosyalarının cihazınızda geçici olarak saklandığı alandır. Aynı siteyi tekrar açtığınızda sayfanın daha hızlı yüklenmesini sağlar.Web Tasarım(Web Design)Web tasarım, bir web sitesinin yerleşimini, renklerini, yazı tiplerini, görsellerini ve kullanıcı akışını planlayarak sitenin hem estetik hem de kolay kullanılır olmasını sağlayan tasarım alanıdır.HTMLHTML (HyperText Markup Language), web sayfalarının başlık, paragraf, bağlantı, görsel ve form gibi içerik yapısını etiketlerle tanımlayan ve tarayıcıların sayfayı nasıl göstereceğini belirleyen standart işaretleme dilidir.Tarayıcı(Web Browser)Tarayıcı (web browser), internetteki web sayfalarını açmak, görüntülemek ve sayfalar arasında gezinmek için kullanılan yazılımdır. Chrome, Safari, Firefox ve Edge en yaygın tarayıcılardandır.PWA(Progressive Web App)PWA (Progressive Web App), bir web sitesinin ana ekrana eklenebilmesini, çevrim dışı çalışabilmesini ve bildirim gönderebilmesini sağlayarak mobil uygulama gibi davranmasını mümkün kılan web teknolojileri bütünüdür.WordPressWordPress, web sitesi ve blog kurmak için kullanılan, ücretsiz ve açık kaynaklı bir içerik yönetim sistemidir. PHP ve MySQL üzerinde çalışır; tema ve eklentilerle hemen her tür siteye uyarlanabilir.Tema(Theme)Tema, bir yazılımın, uygulamanın ya da web sitesinin renk, yazı tipi, yerleşim gibi görsel özelliklerini toplu olarak belirleyen ve içeriği değiştirmeden uygulanabilen tasarım paketidir.