Web Sitesinde Logo ve Favicon: Format, Boyut ve Arama Görünümü

Kısa cevap: Web sitesinde logo, her ekranda net görünmesi için mümkünse vektörel SVG formatında, gerekiyorsa yüksek çözünürlüklü ve şeffaf arka planlı PNG olarak kullanılır. Favicon ise tarayıcı sekmesinde, yer imlerinde ve arama sonuçlarında görünen küçük site simgesidir; kare oranlı, küçük boyutta bile tanınabilecek sade bir işaret olmalıdır. Google, arama sonuçlarındaki site simgesi için kare bir favicon ister ve 48×48 pikselden büyük bir boyut önerir. Ayrıca kuruluş yapılandırılmış verisinde logo adresi belirtilerek arama motorlarına hangi görselin resmi logo olduğu bildirilir.

Logo için format ve boyut

• SVG: Vektörel olduğu için her ekran boyutunda keskin kalır ve dosya boyutu küçüktür; site başlığındaki logo için idealdir.
• PNG: Şeffaf arka plan gerektiren ve SVG kullanılamayan yerlerde, yüksek çözünürlüklü ekranlar için büyük ölçüde hazırlanır.
• Açık ve koyu sürüm: Koyu arka planlar ve karanlık tema için logonun açık renkli bir sürümü de hazırlanır.
• Alternatif metin: Logo görselinin alternatif metnine işletme adı yazılır.

Favicon nasıl hazırlanır?

1. Logonun tamamı yerine küçük boyutta okunabilen sembol ya da baş harf kullanılır.
2. Görsel kare oranlı hazırlanır; arama sonuçları için 48×48 pikselden büyük bir boyut tercih edilir.
3. Tarayıcılar için ICO ya da PNG, modern tarayıcılar için ayrıca SVG favicon eklenir.
4. Telefon ana ekranına eklenme ihtimaline karşı daha büyük bir uygulama simgesi de tanımlanır.
5. Favicon adresi sabit tutulur ve arama motorlarının erişimine kapatılmaz.

Arama sonuçlarında logo ve yapılandırılmış veri

• Arama sonuçlarında site adının yanında görünen simge favicondan alınır; değişikliklerin yansıması zaman alabilir.
• Kuruluş yapılandırılmış verisindeki logo alanına, düz arka plan üzerinde net görünen ve taranabilir bir logo adresi yazılır; Google bu logo için en az 112×112 piksel boyut ister.
• Logo, favicon ve sosyal medya paylaşım görselleri aynı marka kimliğini yansıtacak şekilde birlikte güncellenir.

Yapılandırılmış veriyi schema nedir, marka bütünlüğünü web sitesinde marka tutarlılığı, görsel boyutlarını web sitesi görsel optimizasyonu yazımızda anlattık.

Sık sorulan sorular

Favicon arama sonuçlarında neden görünmüyor?

Favicon kare değilse, çok küçükse, arama motorunun erişimine kapatılmışsa ya da yeni eklendiyse görünmeyebilir. Kurallara uygun hale getirildikten sonra güncellenmesi zaman alabilir.

Logo JPG formatında kullanılabilir mi?

Kullanılabilir; ancak JPG şeffaf arka planı desteklemez ve keskin kenarlı logolarda bozulma gösterebilir. Bu nedenle SVG ya da PNG daha uygundur.

WordPress sitede favicon nereden eklenir?

WordPress sitelerde favicon genellikle tema ayarlarındaki site simgesi bölümünden eklenir; sistem gerekli boyutları kendisi üretir. Tema ayarlarını WordPress tema seçimi yazımızda ele aldık.