Favicon Nedir, Nasıl Eklenir ve Neden Önemlidir?

Sosyal Medyada Paylaşmak İçin:

Kullanıcılarınızın düzinelerce web sayfası açtığını hayal edin. Sizinkini nasıl takip edecekler?

Faviconlar burada devreye girer. Çünkü sayfa sekmesinde başlıkla birlikte görünerek “Buradayım!” diyecektir. Bu sadece görünürlüğünüzü arttırmaz, aynı zamanda web ortamında size bir kimlik yaratır.

“Favicon nedir, SEO’yu ne yönde etkiler ve nasıl eklenir?” için bu yazıyı okumaya devam etmelisiniz.

Öyleyse başlayalım!

Favicon Nedir?

Favicon, bir markayı veya siteyi temsil eden 16×16 piksel simgesidir. Temel amacı, sekmeler arasında sayfanızın takip edilebilirliğini kolaylaştırmaktır.

Küçük boyutları sebebiyle basit resimler veya bire üç karakterlik metinler olarak tercih edilir.

Dikkat etmeniz gereken bir şey var!

Faviconlar, logolarla karıştırılmamalıdır. Daha küçük boyutlu olduğundan logonun bir parçası olmaktadır. Ama bazen logo ile aynıdır.

Peki favicon’u nerede görebilirsiniz?

Faviconlar, web sitenizi tanımlayan her şeyin yanında yer alır.

Tarayıcı geçmişi
Yer imleri açılır menü
Tarayıcı sekmeleri
Araç çubuğu uygulamaları
Arama çubuğu
Geçmiş açılır menü

En bilinen Faviconlardan birine Google, sahiptir.

Tarayıcımın adres çubuğundaki çok renkli G’yi görüyorsunuz. Hepimiz, onun Google olduğunu biliriz.

Yazıyı okurken adres sekmenize bakın, makale başlığının yanında Prix Studio’nun simgesini göreceksiniz.

Faviconlar; sadece bilgisayarlarda değil, mobil arama sonuçlarında da görünür. Tarayıcıma “Prix Studio web tasarım hizmetleri” yazdım ve çıkan sonuçlara bir bakın.

Evet, sol köşedekiler birer favicon!

Favicon Neden Önemlidir?

Bir işletme web siteniz varsa favicon oluşturmak küçük ama önemli bir adımdır. Çünkü sadece görünürlüğünüzü arttırmaz. Ayrıca markanızın daha profesyonel ve güvenilir görünmesini sağlar. Böylece potansiyel tüketiciler açısından, meşruiyetiniz artacaktır. Ayrıca pek çok seçenek içinden, sizinkini hatırlamalarına ve sayfanıza geri dönmelerine yardımcı olur.

Örneğin Google’da belli bir konu ile ilgili arama yaptığınız da SERP sayfasında çıkan sitelerin faviconlarının da aradığınız temel konu ile ilgili olduğunu fark edebilirsiniz. Bu aratılan konu hakkında, o sitelerin bilgi sahibi olduklarına dair bir gönderme yapıyor.

Peki bunun yerine bir yerküre işareti olsaydı, bu sitelere aynı şekilde güvenebilir miydik?

Google Chrome özel bir site simgesi olmayan web sitelerine yerküre simgesi atar. Bahsettiğim siteler aşağılarda kalmıştı. Bu demek oluyor ki öncelik her zaman bir faviconu olanların!

Favicon’un Boyutu Nedir?

Sizler için site simgelerinin, farklı amaçlar için tercih edilen boyutlarını paylaşıyorum.

16×16 : Tarayıcı faviconlarının boyutu.
32×32 : Görev çubuğu kısa yol simgelerinin boyutu.
96×96 : Masaüstü kısa yol simgelerinin boyutu.
300×300 : Squarespace’in gerektirdiği boyut.
512×512 : WordPress’in gerektirdiği boyut.

Favicon SEO’yu Nasıl Etkiler?

Site simgeniz, arama motorlarında sıralamanızı doğrudan etkilemez. Fakat kullanıcı deneyimini arttırdığı için dolaylı olarak etkilenir. Esasında ziyaretçilerinizin sayfanızda ne kadar vakit geçirdiğini etkiler.

Şunu düşünün, müşterileriniz hangi sekmenin size ait olduğunu bilemezse sitenize tekrar uğrama ihtimalleri önemli ölçüde düşecektir.

Aslında faviconların, SEO’yu etkileme durumları 2 açıdan inceleyecek olursak:

1. Kullanıcı Deneyimi: Faviconlar sayesinde ziyaretçileriniz sayfanızı yer imi olarak kaydedip sonrasında tekrar uğrar.
Peki kullanıcılar sayfanızı yer imi olarak kaydederse ne olur?

Google sitenizi güçlendirir ve SEO sıralamanızı yükseltir. Ayrıca kullanıcılarınız sitenizi tekrar ziyaret etmek isterse geçmişe gidecek ve faviconunuz sayesinde sizi tanımaları kolaylaşacaktır.

2. Marka Otoritesi ve İmajı: Benzersiz bir simgeye sahip olmak, müşterilerinizin gözünde sizi daha eşsiz kılacaktır. Ayrıca onların gözünde güvenilirliğinizin artacağına da emin olabilirsiniz.

Dikkat etmeniz gereken bir şey var! Kullanıcılarınızın sizi ayırt etmesi açısından sitenizin faviconu şekil ve renk açısından benzersiz olmalıdır.

Artık bir favicon’un ne işe yaradığını ve özelliklerini anladığımıza göre gelin nasıl yapılacağına bir göz atalım.

Favicon Nasıl Tasarlanır?

Bir favicon tasarlamak istediğinizde sıfırdan başlamak yerine yapmanız gereken başka bir şey var:

Şirket logonuzu temel almalısınız!

Unutmayın, faviconunuz logonuzla benzerlik gösterir ancak tamamen aynısı olmasına gerek yoktur. Genelde, boyutları sebebiyle logodan daha basit bir görünümü olması iyi olacaktır.

Eğer tasarım konusunda fikriniz yoksa bir grafik tasarımcıyla çalışmayı seçebilirsiniz.

Unutmadan, favicon tasarlarken dikkat etmeniz gereken bazı kriterler var:

Boyuta dikkat edin.
Olabildiğince basit tutun.
Marka kimliğinizin dışına çıkmayın.
İşletme adınızı anımsatacak şekilde kısaltmalar yapın.
Renk koordinasyonuna özen gösterin.

Peki Favicon Nasıl Yapılır?

Logonuzu oluşturduktan sonra faviconunuzu yapmaya başlayabilirsiniz. Ancak faviconunuzun logonuzdan çok küçük olacağını unutmayın.

Yani onu sıkıştırıp küçülttüğünüzde kalite düşebilir veya yazınız okunmaz hale gelebilir. Yapmanız gereken, logonuzun tümünü değil en tanınır bölümünü seçmektir. Sonrasında simge düzenleme yazılımları veya tüm işlemleri tek seferde halletmek için favicon oluşturucular kullanarak logonuzu bir icona çevirmeniz gerekecek.

İşte hazır ama kullanmaya başlamadan önce,

HTML’de Favicon Nasıl Eklenir?

Onu nerede bulacaklarından tarayıcılara bahsetmeniz gerekir. Bunu yapmak için, HTML dosyanızın <head> bölümüne bir kod satırı eklemelisiniz.

Varsayalım ki dosyanızı “favicon.ico” şeklinde kaydettiniz. Ardından, aşağıdaki kod parçacığını <head></head> etiketlerinizin arasına eklersiniz.

Ancak dikkat edin! Çoğunlukla öyle olsa da faviconunuzun sitenizin kök dizinine yerleştirilmesine gerek olmayabilir. Başka bir konuma kaydettiyseniz ‘href’ özelliğinin doğru olduğundan emin olun.

Web sitenizin, markanızın kimliğini ve akılda kalıcılığını sağlayacak olan en temel gösterge: “Favicon nedir?” in net bir cevabı diyebiliriz. Peki, hangimiz istemeyiz, havalı bir favicon’umuz olmasını! Bunların yanı sıra SEO açısından da faydalarına yer verdik ve nasıl ekleyebileceğinizi de paylaştık. Şimdi sıra sizde…

Bu yazımda sizlere faviconun ne olduğundan, neden önemli olduğundan ve tasarım-yapım unsurlarından bahsettim.

Artık web siteniz için spesifik bir simge oluşturmaya hazırsınız.

Görüşmek üzere!