Favicon Nedir? Nasıl kullanılır?

Favicon Nedir? Nasıl kullanılır?

 Bu yazımızda bir web sitesine görüntü zenginliği kazandıran unsurlardan biri olan favicona odaklanıyoruz. Favicon nedir, nasıl kullanılır, hangi konularda avantaj sağlar, nasıl oluşturulur diye merak ediyorsanız doğru yerdesiniz.

favicon

 

Favicon Nedir?

En basit tabirle faviconu, bir web sitesinin küçük boyutlardaki logosu olarak tanımlayabiliriz. Eğer bir internet kullanıcısının aklında kalıcı olmak istiyorsanız mutlaka oluşturduğunuz web sitenizde bunu kullanmanız gerekir. Böylelikle kullanıcılar sitenizin logosunu farklı yerlerde görse dahil, sizin olduğunuzu anlayacaklardır. Yani bu logo sizin için bir imza niteliği taşıyacaktır.

İngilizcedeki Favorites Icon’un kısaltmasından oluşan favicon, bir web sitesinin tanınırlığını arttırır. Özellikle mobil kullanıcılar açısından daha çok göze çarpar.  Bir web sitesini favorilere eklediğinizde ya da mobil cihazda ana dizindeki siteye eklediğinizde sitenin iconu ana görsel olarak ayarlanacaktır. Bu gibi durumlar söz konusu olduğunda görsel açıdan iyi şekilde hazırlanacak bir favicona ihtiyaç doğar. Bu iconun kullanıcıya hitap eden ve aynı zamanda site ile bağ kuran şekilde kullanılması önemlidir.

Favicon, web sayfanızın başlığının ve sayfadaki URL kısmının hemen önünde yer alır. Genellikle 16X16 boyutlarına sahip bir simge şeklinde tercih edilir. Bazen bir harf şeklinde veya bir logo şeklinde tasarlanabilir. Sembolleri tasarlarken amaç, web sitesi tanınırlığını sağlamaktır. Bunu yaparak web siteniz için görüntü zenginliği de oluşturmuş olursunuz.

İlginizi çekebilir: https://earnado.com/tr/subdomain-nedir-nasil-kurulur-ve-kullanilir/

Favicon Hangi Boyutlarda Tasarlanmalıdır?

Genellikle tercih edilen tasarım boyutu 16×16 pikseldir. Ancak bu oranın katları da kullanım için uygun olacaktır. Boyutlarının bulundurması gereken en temel özellik kare şekline sahip olmalarıdır. Kullanabileceğiniz boyutlar şöyledir:

  • 16×16
  • 32×32
  • 48×48
  • 64×64
  • 128×128

Favicon Nasıl Kullanılır?

Siteniz için bir favicon mu eklemek mi istediniz? Öncelikle 16×16 ya da katlarındaki bir görseli png formatıyla kaydetmelisiniz. Daha sonra görseli .ico formatına dönüştürmeniz gerekecektir. Bu noktada kaliteli ve gelişmiş grafik editörlerinden yararlanabilirsiniz. Bu dönüştürme işlemi çalışmanın kalitesinin düşmemesi açısından oldukça önemlidir. Ancak oluşturulan iconun .ico formatına dönüştürülebilmesi ve kullanılabilmesi için online çeviri araçlarından birinin kullanılması gerekir. Eğer favicon hazırlama konusunda teknik altyapınız bulunmuyorsa, favicon maker gibi online siteleri kullanabilirsiniz. Ya da tercihinizi ikon sitelerinde yer alan kullanımı ücretsiz ikonlardan yana da kullanabilirsiniz.

favicon

Ardından yapmanız gereken, oluşturduğunuz görseli site sunucusuna ya da herhangi bir dış adrese yüklemek olacaktır. Bunun için ftp ile web sitenize bağlanıp ana dizine .ico resminizi atmanız ve ardından web sitenizin index kısmında bulunan

<head>   ….   </head> etiketleri arasına şunları yazmanız gerekir: <link rel= “shortcut icon” href=” /favicon.ico” type=” image/x-icon” />

Oluşturduğunuz bu kodun içindeki “href” kısmı favicon.ico sembolünün yerini belirler. Bu adımlardan sonra yapmanız gereken, görseli İnternet sitenize aktarmak ve sayfayı tekrar güncellemek veya yenilemek olacaktır. Eğer hazırladığınız görsel görünmüyorsa bir kontrol işlemi gerçekleştirmeniz gerekir. Bunun için yapılması gereken, tarayıcı geçmişinizi tamamen silmektir. Ardından tarayıcı yeniden başlatılıp faviconun gözüküp gözükmediğini kontrol etmeniz gerekir.

Favicon’un tasarımında kurumsal renklerinizle uyum içinde olan bir stil ikonu oluşturmanız gerekir. Çünkü web sitenizi hatırlatacak olan bu simge aynı zamanda kurumsal kimliğinizi ve amacınızı da yansıtmalıdır.

Favicon Oluşturucu Olarak Kullanabileceğiniz Online Araçlar Nelerdir?

Yazımızın başında bahsettiğimiz, resimleri .ico formatına dönüştürme işlemi için yararlanabileceğiniz bazı online araçların detaylarına aşağıdan ulaşabilirsiniz:

Favicon Generator:

Görüntüyü siteye yükledikten hemen sonra ücretsiz bir şekilde gif, jpeg ve png formatlarından içe aktararak resim .ico formatına dönüştürebilirsiniz. Dönüştürme işleminin gerçekleşmesinden sonra dosyanın sitenin kök klasörüne eklenmesi ile işlem sona erer. https://www.favicon-generator.org/ adresi üzerinden dönüştürme işlemini yapabilirsiniz.

brandfavicon

Favicon.cc:

Çevrimiçi icon oluşturulan ve canlandıran bir sitedir. Jpg, jpeg, gif, png, bmp, ico ve cur gibi formatları destekler. https://www.favicon.cc/ üzerinden dönüştürme işleminizi yapabilirsiniz.

Dynamic Drive-Favicon Generator:

En çok tercih edilen icon oluşturucusudur. Bunun nedeni hem kullanımının kolay olması hem de ücretsiz bir favicon oluşturucusu olmasıdır. Gif, jpg, png ve bmp formatındaki görüntülerin .ico formatına dönüştürülebilmesine yardımcı olur. Boyut açısından 16×16’nın yanı sıra 32×32 ve 48×48 seçenekleri de sunar. http://tools.dynamicdrive.com/favicon/ adresinden dönüştürme işleminizi yapılabilirsiniz.

Genfavicon:

Bu araç ise 3 adımda dönüştürme işleminin tamamlanabildiği bir online araçtır. Jpg, gif ve png formatındaki resimleri dönüştürebilen Genfavicon aynı zamanda size, faviconun boyutunu ayarlama seçeneği de sunar. Diğerlerinde olduğu gibi 16×16, 32×32, 48×48, 128×128 boyutlarını tercih edebilirsiniz. Ancak Genfavicon’u farklı kılan; oluşturulan faviconun önceden görülebilmesi için yakala ve önizle özellikleri de bulundurmasıdır. https://genfavicon.com/ linkinden dönüştürme işleminizi yapılabilirsiniz.

Convertico

Ana dizine .ico uzantılı favicon dosyasının eklenebilmesi için görseli .ico uzantılı hale çeviren bir uygulamadır. Convertico da en fazla tercih edilen favicon dönüştürücülerinden birisidir. Bunun nedeni, hızlı ve problemsiz çalışan bir online araç olmasıdır. Görseli yükledikten sonra otomatik olarak favicon dosyasına dönüştürür. Önce Converticonun dönüştürdüğü bu dosyayı bilgisayara indirmeniz gerekir. İndirdikten sonra sitenize yükleyebileceğiniz hale gelecektir. https://convertico.com/ adresinden favicon dosyanızı oluşturulabilirsiniz.

favicon

Neden Favicon Kullanmalısınız?

Bilindiği gibi kullanıcılar web sitelerini sık kullananlar sekmesine kaydeder. İşte bu evrede, web sitenizde favicon kullandığınız zaman kullanıcılar, kaydettikleri siteler arasında sizin sitenizin adını daha kolay bulacak hale gelirler. Bunun dışında eğer kullanıcılarınız sitenizin kısayolunu masaüstüne yerleştirdiyse, kısayol resminde de aynı şekilde faviconunuz görünecek ve web siteniz kolaylıkla fark edilecek hale gelecektir.

Özellikle tarayıcıda çok sayıda sayfa ard arda açıldığında belli bir noktadan sonra, sayfaların sadece faviconları gözükmektedir. Bu gibi bir durumda sitenizin ziyaretçileri, çeşitli siteleri tarayıcıda açtıktan sonra başlıklara bakarak hangi siteyi açtıklarını anlamaya çalışmak yerine, faviconlara bakarak doğrudan siteleri tahmin edebilecek hale gelirler.

Faviconlar boyutları çok küçük olduğu için çoğu zaman bir ayrıntı olarak akla gelir, site sahipleri fazla üstünde durmaz ve pekçok web sitesi sahibi bunu ihmal eder. Ancak boyutlarına kıyasla web sitenize katkıları oldukça büyüktür. Site ziyaretçilerinin tarayıcısında boş bir simge ile karşılaşmaları yerine bir faviconun olması, sitenin kullanıcılar tarafından daha güvenli ve profesyonel gözükmesine yardımcı olacaktır. Faviconlar site ziyaretçilerinin bilinçaltlarına yerleşir ve daha önceden siteden memnun kalan veya diğer sitelerden memnun kalmamış olan ziyaretçilerin web sitesine yönlendirilebilmesinde favicon etkili olur.

Site ziyaretçilerinin yanı sıra arama motorları web sitenizi indekslerken yada web tarayıcıları sitenizi ziyaretçilere gösteren favicon.ico dosyasına erişmeye çalışır. Eğer web sitenizde favicon dosyası yoksa sunucu hata dosyasına dosyanın bulunmadığını belirten bir satır ekler. Bu durum -özellikle siteniz çok hit alan bir site ise- zamanla log dosyalarınızın çok fazla büyümesine ve sunucunuzun yavaşlamasına yol açacaktır. Favicon tüm bu özellikleri sayesinde bir web sitesinin markalaşması ve kurumsal kimliğini oluşturması noktasında büyük önem taşımaktadır.

İlgili içerik: 2021 SEO teknikleri

Favicon’un SEO Açısından Faydaları Nelerdir?

Web sitenizin tanınırlığı açısından oluşturacağınız faviconunuz son derece önemlidir. Özellikle;

  • Dijital platformlarda kullanıcıların belleğinde kalması,
  • Kullanıcının aradığı siteyi daha kolay bulur hale gelmesi
  • Görünür olması gibi açılardan fayda sağlar.

Direkt bir etkisi olmasa da, dolaylı yoldan SEO açısından etkisi bulunmaktadır. Favicon, her şeyden önce siteler açısından bir kalite yönergesidir. Özellikle sitelerin, kullanıcıların aklında kalması için sitenin logosu kadar etkili bir özelliktir. Sürekli değişen ve gelişen web teknolojilerinde ortaya çıkan favicon özelliği, web teknolojilerinin SEO’ya etkisi açısından da kullanılması gereken bir yapıdır. SEO’daki önemi daha çok kullanıcılar açısından hatırda kalmayı sağlamasıdır. Bu nedenle faviconun arama motoru optimizasyonu veya bir sayfanın arama sonuçlarındaki sıralaması üzerinde etkisi dolaylı olacaktır.

Herhangi bir Favicon sahibi olmayan sayfada ne görürsünüz? Bu icon yerine URL’nin yanında genel bir simge yer alır. Google’ın icon kurallarını ihlal eden imge kullanan sayfalarında da bu görünecektir.  Pek çoğumuzun bildiği bu simge aşağıdaki gibidir:

failicon

Google bu konuda yeni bir değişiklik yaptı. Bu sayede markalaşma SEO dünyasında hiç olmadığı kadar önemli hale geldi. SEO çalışması yapan kişiler, markalaşma söz konusu olduğunda sitenize favicon eklemenin ne kadar önemli olduğunun farkındadır ve bunu müşterilerine mutlaka önerirler. Çünkü Google bir sayfayı taradığında otomatik olarak URL’ye yani “https://www.yoursite.com/favicon.ico” adresine erişmeye çalışır. Bu durumda eğer favicon’unuz yoksa ne olu? Google web sitenizdeki sayfalarda olduğu gibi bir 404 hatası ile karşılaşır. Bununla birlikte, Google faviconların sıralamada nasıl bir rol oynadığına dair açıklamada bulunmamıştır.

Sonuç olarak; Bir web sitesi geliştirirken bahsettiğimiz site ikonu da dahil olmak üzere en küçük ayrıntıya bile dikkat etmeniz gerekir. Bu markayı yansıtan görüntü, görünümün ne derece etkili olabileceği gerçeğini gözler önüne serer. Küçük olsa da, site ikonu kurumsal markanız açısından önemli bir rol oynar. Bu sebeple favicon oluşturduğunuz web sitesinin kimliği olur. En genel anlamı ile kurumsal yaklaşımınızı web sitesi tasarımınıza yansıtır ve kullanıcıların dikkatine sunar.

İlginizi çekebilir: Marka bilinirliği reklamları nasıl yapılır?

Mısra Uygun
Mısra Uygun

Dijital pazarlama ve girişimcilik ile ilgili öğrendiklerimi ve araştırdıklarımı sizlere aktarmaya çalışacağım. Umarım sizler için faydalı olur.

İlgili yazılar
2 Yorum
Deniz

Ayrıntılı ve bilgilendirici bir yazı olmuş teşekkürler

Gayet güzel ve açıklayıcı bir yazı olmuş. Bu faydalı yazı için teşekkür ediyoruz. Emeğinize sağlık.👏👏👏

Yorum bırak

Bilgilerinizi girerek yorum yapabilirsiniz.Required fields are marked *