Bir ziyaretçi web sitenize girdiğinde ilk gördüğü şeylerden biri sol üst köşedeki logonuzdur. Tarayıcı sekmesinde, yer imlerinde ve hatta Google arama sonuçlarında ise logonuzun küçük hâli olan favicon görünür. Bu ikisi doğru hazırlandığında siteniz profesyonel ve güvenilir görünür; özensiz hazırlandığında en iyi tasarım bile amatör bir izlenim bırakır. Bu rehberde kurumsal web sitelerinde logonun neden önemli olduğunu, web için logo dosyalarının nasıl hazırlanacağını ve favicon'un ne olduğunu, nasıl yapılacağını anlatıyoruz.

Kurumsal Web Sitesinde Logo Neden Önemlidir?

Logo, markanızın yüzüdür. İnsanlar bir yüzü nasıl hatırlıyorsa, markanızı da logonuzla hatırlar. Kurumsal bir web sitesinde logonun önemi dört noktada öne çıkar:

• İlk izlenim: Ziyaretçi sitenizin kalitesine dair ilk kararını saniyeler içinde verir. Net, düzgün görünen bir logo bu ilk izlenimi olumlu yönde etkiler.
• Tanınırlık ve tutarlılık: Web sitenizde, sosyal medya hesaplarınızda, kartvizitinizde ve tabelanızda aynı logoyu görmek, markanızın akılda kalmasını sağlar.
• Güven: Logosu olmayan ya da bulanık, bozuk görünen bir logo kullanan siteler ziyaretçide “küçük ve özensiz bir işletme” algısı yaratabilir.
• Rakiplerden ayrışma: Başka bir markayı hatırlatmayan, size özel bir logo sizi aynı sektördeki firmalardan ayırır.

İyi Bir Logo Nasıl Olmalı?

• Sade olmalı: Az sayıda renk ve basit şekiller kullanın. Karmaşık logolar küçük boyutta okunmaz hâle gelir.
• Özgün olmalı: Faaliyet alanınızı ve hikâyenizi yansıtmalı, başka bir markaya benzememelidir.
• Her boyutta okunabilmeli: Logonuz hem büyük bir afişte hem de tarayıcı sekmesindeki küçük ikonda tanınabilmelidir.
• Farklı zeminlere uyum sağlamalı: Açık ve koyu arka planlarda kullanılabilecek renk versiyonları olmalıdır.

Web Sitesi İçin Logo Dosyaları Nasıl Hazırlanmalı?

Logonuzu tasarlatırken yalnızca tek bir görsel değil, farklı kullanım yerleri için birkaç versiyon isteyin:

Logoyu siteye yüklerken şu üç noktaya dikkat edin. Birincisi, mümkünse vektörel SVG formatını kullanın; her ekranda keskin görünür ve dosya boyutu küçüktür. PNG kullanacaksanız logoyu sitede görüneceği boyutun iki katı çözünürlükte hazırlayın ki yüksek çözünürlüklü telefon ekranlarında bulanık görünmesin. İkincisi, logo görselinin alternatif metnine (alt etiketi) firma adınızı yazın. Üçüncüsü, logoya tıklandığında ana sayfanın açılmasını sağlayın; ziyaretçiler buna alışkındır.

Favicon Nedir?

Favicon (favori simgesi ya da site simgesi), tarayıcı sekmesinde sitenizin adının yanında görünen küçük ikondur. Genellikle logonun sembol kısmından ya da firma adının baş harfinden oluşur. Sitenize favicon eklenmemişse tarayıcı bunun yerine boş bir sayfa veya küre gibi genel bir simge gösterir.

Favicon Neden Önemli?

• Sekmeler arasında tanınma: Birçok sekme açık olduğunda ziyaretçi sitenizi favicon sayesinde hızla bulur.
• Yer imleri ve mobil ana ekran: Siteniz yer imlerine ya da telefonun ana ekranına eklendiğinde favicon (veya mobil ikon) görünür.
• Google arama sonuçları: Google, arama sonuçlarında site adınızın yanında favicon'unuzu gösterir. Favicon'u olmayan siteler burada genel bir ikonla görünür ve rakiplerin arasında dikkat çekmez.

Favicon Boyutu ve Formatı Nasıl Olmalı?

Eskiden favicon'lar yalnızca 16x16 piksel ICO dosyası olarak hazırlanırdı. Bugün yüksek çözünürlüklü ekranlar ve Google arama sonuçları için daha büyük boyutlar gerekir:

• Kare olmalı: En-boy oranı 1:1 olmalıdır.
• En az 48x48 piksel olmalı: Google, arama sonuçlarında net görünmesi için en az 48x48 piksellik favicon kullanılmasını önerir.
• ICO, PNG veya SVG kullanılabilir: ICO tüm tarayıcılarda çalışır; SVG her boyutta keskin görünür.
• iPhone için ayrı ikon: iPhone ve iPad'de ana ekrana eklenen siteler için 180x180 piksel PNG bir ikon (apple-touch-icon) hazırlanmalıdır.

Favicon Nasıl Yapılır?

1. Kare bir ikon hazırlayın: Logonuzun sembol kısmını veya firma adınızın baş harfini kare bir alana yerleştirin. Firma adının tamamı bu boyutta okunmayacağı için kullanılmamalıdır.

2. Küçük boyutta test edin: İkonu 32x32 piksele küçültüp bakın; hâlâ tanınabiliyorsa doğru yoldasınız.

3. Dosyaları oluşturun: Ücretsiz çevrim içi favicon oluşturucularla tek bir görselden ICO, PNG ve 180x180 iPhone ikonunu birlikte üretebilirsiniz.

4. Sitenize yükleyin: Hazır web sitelerinde ve çoğu içerik yönetim sisteminde favicon, yönetim panelindeki ayarlar bölümünden yüklenir. Kodla eklemek gerekiyorsa sayfanın <head> bölümüne aşağıdaki satırlar eklenir:

<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">

Yükledikten sonra sitenizi farklı tarayıcılarda açarak sekmede göründüğünü kontrol edin. Tarayıcılar favicon'u önbelleğe aldığı için değişikliği görmek için sayfayı yenilemeniz gerekebilir. Google arama sonuçlarında yeni favicon'un görünmesi ise Google sitenizi yeniden taradıktan sonra, birkaç gün ile birkaç hafta içinde gerçekleşir.

Logonuz Yoksa Ne Yapmalısınız?

Logonuz olmadığı için web sitenizi ertelemeyin. Başlangıç için firma adınızın sade ve okunaklı bir yazı tipiyle yazıldığı bir yazı logosu yeterlidir; Canva gibi ücretsiz araçlarla kısa sürede hazırlanabilir. Bu araçları yazılım bilmeden web sitesi nasıl yapılır rehberimizde anlattık. İşiniz büyüdükçe profesyonel bir tasarımcıyla kalıcı bir logo tasarlatıp sitenizde kolayca güncelleyebilirsiniz.

Logonuzu öne çıkaran bir kurumsal web sitesi için hazır tasarımlarımızı inceleyebilirsiniz.