General, How To

Web siteniz için nasıl site ikonu oluşturulur. A’dan Z’ye adım adım talimatlar

Sahip olduğunuz bilgi düzeyine rağmen, bir web sitesinin geliştirilmesi sırasında bazı şeyler genellikle ihmal edilir.

Buna en mükemmel örnek site ikonudur. Site ikonunun ne olduğunu biliyor musunuz? Etkin bir biçimde kullanıyor musunuz?

Site ikonu nedir?

Site ikonu, normalde bir logo, markanın ilk harfi veya işin türünü veya web sitesinin temasını yansıtan tipik bir görüntü içeren 16×16 veya 32×32 piksel boyutundaki küçük bir simgedir.

what-is-favicon

Site ikonu neden önemlidir?

Site ikonunun işlevi şunlardır:

  • Markalaşma.
  • Web sitesinin kullanıcı tarafından tanımlanması (kullanılabilirlik).
  • Web sitesine profesyonel bir görünüm vermek.

Site ikonunun temel faydaları hakkında daha fazla ayrıntı verelim.

Marka tanınırlığı

Bir site ikonu, web site kimliği gibi bir şeydir. Giriş bölümünde belirtildiği gibi site ikonu kullanıcılara web sitenizi görüntülenen diğer siteler arasından hatırlamalarına yardımcı olur. Site ikonu, kullanıcıların sitenizi gezinme geçmişi, Google arama sonuçları veya tarayıcınızda sık kullanılanlara eklenmiş siteler arasında kolayca bulmaya yardımcı olur.

Site ikonu, ister gezinme geçmişi, ister Google arama sonuçları, isterse de tarayıcınızda sık kullanılanlara eklenmiş site listesinde olsun, sitenizin kolayca bulunmasına yardımcı olur.

Виділення_001
Güvenilirlik

Kullanıcılar, mal ve hizmet satıcılarını, İnternet sitelerinin ne kadar profesyonel olduğuna bakarak yargılama eğilimindedir. Site ikonunuz yoksa bu (arama motorları siteyi boş bir belge simgesiyle site ikonsuz olarak görüntüler), özellikle insanlar sizi rakiplerle karşılaştırdığında, güvenilirlik kaybına yol açabilmektedir.

Tekrarlanan ziyaretler

İnsanların görüntülere metinden daha iyi tepki verdiği bilinmektedir. Şimdi, ziyaretçinizin ilk ziyaret sırasında acelesi olduğunu ve daha sonra geri dönmek için sitenizi yer imlerine eklemeye karar verdiğini varsayalım. Google’ın kayda değer ve eşsiz G harfi gibi hatırlanabilir bir site ikonuna sahipseniz şanslısınız demektir. Eğer site ikonunuz yoksa, siteniz sık kullanılanlardan silinebilir.

Kullanıcılara zaman kazandırır

Site ikonu, sık kullanılanlarda, geçmişte veya tarayıcının çabuk tanımlanabilirlik için site ikonu yerleştirdiği diğer yerlerde kullanıcılara zaman kazandırır. Web sitenize gelen ziyaretçilerin hayatını kolaylaştırır.

SEO faydaları

Web sitenizde site ikonunuz varsa, arama sonuçlarında olmayanlarla karşılaştırıldığında daha görünür olacak ve bu nedenle daha fazla ziyaretçi çekebileceksiniz.

How to create a favicon

Site ikonu nasıl yapılır?

Birkaç dakika içinde site ikonu oluşturmak için kullanabileceğiniz birçok araç var. Tasarım beceriniz yoksa veya nasıl yapılacağını bilmiyorsanız, Logaster ile site ikonu oluşturmaya çalışın.

Şu adımları takip edin:

Adım 1. Şirket adınızı girin ve “Bir logo oluştur” butonuna basın

create logo Logaster
Adım 2. Hoşunuza giden logoyu seçin

Logaster size onlarca çeşit logo üretecektir. Gelecekteki markanız hakkında şimdiden bir ön görünüz varsa, örneğin, belirli bir renk tercih ediyorsanız, sektörünüzü, renk paletinizi seçerek, elinizdeki seçenekleri daraltma şansına sahipsiniz. Birden fazla logoyu beğendiyseniz, daha sonra seçim yapmak için bunları “Sık Kullanılanılanlar”a ekleyebilirsiniz.

choose logo logaster
Adım 3. Logonuzu özelleştirin

Düzenleyici, logo tasarımınızı değiştirebilmeniz için birçok seçenek sunar. Her şeyden önce, düzenleme sınırı yok. Şirket adınızı, yazı tipini veya rengini değişitirebildiğiniz gibi simgeyi, logo düzenini veya herhangi başka bir öğeyi değiştirebilirsiniz. Ve tüm bunlar tamamen ücretsiz. Yapılan değişiklikleri kaybetmemek için “Kaydet” düğmesine basmayı unutmayın.

customize logo logaster
Adım 4. Site ikonu tasarımı için bir görsel seçin
Artık logonuz hazır. Şimdi, gelecekteki site ikonu tasarımınız için bir logo seçmeniz gerekiyor. Bunun için logo sayfanızda sol menü çubuğunda bulunan Sosyal medya Kiti düğmesini tıklayın. Ardından LinkedIn Social Assets’e kadar aşağı kaydırın ve indirmek için logo simgenizi (LinkedIn 60 * 60 boyutunda kare logo) seçin.

image for favicon
Adım 5. PNG dosyanızı ICO’ya dönüştürün
İzlenecek bir sonraki adım, dosyanızı ICO’ya dönüştürmektir. Google’a “.PNG’yi .ICO’ya online dönüştür” yazıp arayın ve sunulan servislerden birini seçin. Servislerin çoğu özel boyut belirleme imkanı sunar. Unutmayın ki site ikonu 32×32, 64×64 veya 16×16 boyutlarında olabilir.

favicon preview logaster
Site ikonunuza ilham bulmak için aşağıdaki web sitelerinden birini ziyaret edin:

Site ikonu Galerisi
favicon gallery screen

Taze Site İkonları
fresh favicons screen

Site ikonunu nerede kullanabilirim?

Site ikonunu şuralarda kullanabilirsiniz:

  • Online;
  • Mobil cihazlar. Kullanıcı, cihazının giriş ekranına site ikonu ekleyebilir (yer imi gibi) – Android, IOS, Windows Phone vb.;
  • PC / Mac için uygulamalar.

Site ikonu siteye nasıl kurulur?

Site ikonu oluşturduktan sonra, sunucuya kurulması birkaç dakikadan fazla sürmez ve iki aşamada gerçekleştirilir. Web sitesinin HTML kodunu değiştirmek için web sitenizin kök dizinine ve metin düzenleyicisine erişmeniz gerekir.

Adım 1.

Favicon.ico dosyasını sunucuya yüklemek gereklidir. Bunu yapmak için ftp istemcisini, örneğin, FileZilla‘yı indirip yüklemeniz gerekir.

Ardından dosyayı yüklemek için kullanıcı adınızı ve şifrenizi girin. Site ikonu dosyasını nasıl yükleyebileceğiniz ile ilgili daha ayrıntılı talimatları buradan okuyun.

Adım 2.

Artık tarayıcıların site ikonunuzu bulmalarına yardımcı olmak için web sitenizin HTML kodunu düzenlemeniz gerekir. FTP penceresi açıkken, index.html veya header.php dosyasını bulun ve sunucudan indirin.

Kodu düzenlemeden önce, herhangi bir hataya karşı eski sürümü kurtarmak için dosyaların bir kopyasını aldığınızdan emin olun.

index.html dosyasını bir metin düzenleyicide açın – Notepad, Notepad ++, Sublime Text gibi.

How to create a favicon

Web siteniz saf HTML içeriyorsa, index.html dosyasının HEAD kısmına özel bir kod ekleyin.
How to create a favicon

WordPress kullanıyorsanız, aşağıdaki kodu header.php dosyasının HEAD kısmına ekleyin.

Tamamlandığında dosyayı aldığınız yere geri yükleyin. Bitti! Site ikonunu görmek için lütfen web sitenizi yeniden yükleyin.

Çoğu modern tarayıcı, bu kod olmadan da favicon dosyasını nasıl bulacağını bilecek kadar akıllıdır, fakat yalnızca görsel formatı 16×16 piksel, favicon.ico isimli ve web sitesinin kök dizininde yer alıyorsa.

Bu makalenin size bir site ikonu oluşturmaya yardımcı olacak, web sitenizi daha başarılı ve çekici hale getirecek yararlı bilgiler sağladığını umuyoruz.

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading...


About Andriy Kozak

No information is provided by the author.

Leave a Reply

Your email address will not be published. Required fields are marked *