Oyun

[Oyun][bleft]

Program

[Program][bleft]

Film

[Film][twocolumns]

Favicon Nedir? Nasıl Yapılır? Seo İçin Önemi Nedir?


Web sitelerinin logosu malum belirli standart yerlerde görüntülenir. Favicon dediğimiz küçük resimler ise browserların üst başlığında, site adının hemen yanında görüntülenir. Web site yer imlerine eklendiğinde bu küçük icon ile tanınır. Ayrıca yoğun bir browser' da fark edilmesi için iyidir. Seo için tavsiye edilen web sitesinin kullanılabilirliğini arttıran, yapılması basit bir ektir. Google tarafından kullanılması da tavsiye edilir.

Nasıl Bir Favicon Oluşturmalı?

Favicon boyut olarak kare olan ebatlardadır. Minimum 16x16 pixel' den oluşur, katları olarak da artabilir. Burada dosya boyutu da önemlidir. Sonuçta hiçbir zaman büyümeyecek küçük bir resmi daha büyük pixel olarak kullanmak mantıklı değildir. Dosya boyutunu da düşünmemiz gerekir.

Resim küçük olduğundan anlaşılabilir bir tasarım için genelde harf tercih edilir. Örneğin web sitenizin baş harfleri olabilir. Bu kaidelerden yola çıkarak yapılacak favicon idealdir.

Favicon Tasarımı

Dosya uzantısı olarak .ico / .icon tercih edilir. Yine de diğer dosya uzantılarından bazılarının (.png, .gif) chrome ve mozilla tarafından desteklendiğini biliyorum. Standartlardan çıkmamak için .ico / .icon tercih edilmesi daha uygundur.

Eğer Photoshop' da favicon oluşturacaksanız. Çalışmanızı kaydedeceğiniz .ico / .icon formatı varsayılan olarak bulunmaz. Şu adrese girerek eklentiyi edinirseniz .ico dosya kaydedebilirsiniz. Daha sonra indirdiğiniz dosyayı adobenin kurulu olduğu dosya yolu "C:\Program Files\Adobe\Photoshop \Plug-Ins\" içerisine yapıştırın. Photoshop' u kapatıp açtıktan sonra .ico olarak dosya kaydede-bileceksiniz.




Bazı online araçlarda bulunuyor. Herhangi bir grafik uygulaması kullanmak istemiyorsanız online araçlara da bakabilirsiniz. Şunu deneyin http://www.favicon.co.uk

Web Sitesinde Favicon Nasıl Kullanılır?

Oluşturduğunu favicon dosyasını tagları içerisine tagı ile ekliyoruz. Favicon.ico dosyanızı kök dizine yükledikten sonra şu kodu yapıştırın.


 

2010 Html5 standartlarına göre rel="ICON" tanımlaması da link tag ına eklendi. Bu kod üstteki ile aynı yalnızca shortcut ibaresi yer almamaktadır.. Aynı zamanda desteklenen browserlar: Chrome, FireFox, Opera, Safari ve IE11.

 

IE9 ve üstü için;
 

veya png için;
 


Blogger İçin Favicon Kullanımı

Bloggerda favicon kullanımı oldukça basittir. Favicon.ico dosyanızı oluşturduysanız Yerleşim > Sık Kullanılan Simge > Düzenle adımlarını izleyin ve açılan pencerede favicon.ico dosyanızı yükleyin. Hepsi bu kadar.


Son Olarak: Favicon' un Seo İçin Önemi Nedir?

Favicon' un iki adet önemi görünüyor. Biri yer imleri için diğeri ise web sitesinin kullanılabilirliği. Kullanılabilirlik seo açısından önemli bir kriterdir. Bir web sitesi ne kadar işlevli ve Google kriterlerine dikkat ediyorsa o kadar rekabette var demektir. Bu nedenle hiç olmamasındansa online araçları kullanarak siteniz için favicon oluşturmanızı tavsiye ediyorum.


Başka bir yazıda görüşünceye dek hoşçakalın :)

Hiç yorum yok:

Yorum Kuralları
*Lütfen yanlızca yazı ile ilgili yorumlar yazınız.
*Yazının konusu dışında iletmek veya sormak istediğiniz bir şey varsa iletişim formunu kullanın.
*Bir Google Hesabınız yoksa Yorumlama Biçimi seçeneklerinden "Anonim" tıklayıp yorum yapabilirsiniz.

HTML

[HTML][twocolumns]

Wordpress

[Wordpress][twocolumns]

CSS

[CSS][twocolumns]