Logo ve Favicon Nasıl Ayarlanır? E-Ticaret Sitesinde Logo Boyutu, Lazy Logo, Favicon Biçimi, Tarayıcı Sekmesi, Marka Tutarlılığı, Sayfa Hızı ve Kontrol Listesi

Müşteri sitenize reklamdan, aramadan ya da bir arkadaşının önerisiyle gelir ve ilk saniyelerde ürünlerden önce başka bir şeye bakar: burası güvenilir bir yer mi? Bu hissi veren küçük ayrıntıların başında logo gelir. Bulanık, yamuk ya da her sayfada başka boyutta duran bir logo, ürün ne kadar iyi olursa olsun mağazayı özensiz gösterir. Sekmede görünen küçük simge, yani favicon ise ziyaretçi sekmeler arasında dolaşırken sizi hatırlatan tek şeydir; eksikse tarayıcı boş bir sayfa simgesi gösterir.

Bu rehberde e-ticaret logo ve favicon ayarları konusunu iki katmanda ele alıyoruz. Birincisi, Faprika panelinde gerçekte ne yapılır: logo, lazy logo ve favicon Yapılandırma > Ayarlar > Genel Ayarlar ekranından yüklenir; önerilen boyutlar, katları ve önbellek uyarısı eğitim sayfalarındaki gibi anlatılır. İkincisi, panelin ötesindeki ilkeler: marka tutarlılığı, mobilde okunabilirlik, sade simge tasarımı ve hız. İki küçük araç da var: yüklemeyi planladığınız logo ve favicon ölçülerini önerilen oranla karşılaştıran bir hesaplayıcı ve sekiz maddelik denetim listesi. Ürün görsellerinin hızı ve kalitesi için ürün görseli optimizasyonu yazısı ayrıca var; burada yalnızca marka görsellerine odaklanıyoruz.

Logo ve Favicon Ayarları Nedir?

Logo ve favicon ayarları, e-ticaret sitenizin marka görsellerinin hangi dosyadan, hangi boyutta ve hangi alanlarda gösterileceğini belirleyen ayarlardır. Logo sayfanın üstünde görünen marka işaretidir, lazy logo ürün fotoğrafları yüklenirken görünen yedek logodur, favicon ise tarayıcı sekmesindeki küçük simgedir.

Faprika'da üçü de aynı ekrandan yönetilir: Yapılandırma > Ayarlar > Genel Ayarlar. Her biri için ayrı bir "Yükle" alanı vardır; görsel seçilir, Kaydet'e basılır. Aşağıdaki tablo üç görselin farkını özetler.

Okumanızı öneririzLogo Yönetimi Eğitimi

Logo ve Favicon Neden Bu Kadar Önemlidir?

Logo ve favicon önemlidir, çünkü müşteri bir mağazaya güvenip güvenmeyeceğine çoğu zaman ürünlere bakmadan önce karar verir ve bu kararda görsel tutarlılık belirleyicidir. Aynı marka her yerde aynı görünüyorsa profesyonel algılanır; her yerde başka görünüyorsa tereddüt yaratır.

Etkiyi üç başlıkta toplayabiliriz.

• Güven ve tanınma. Müşteri sizi reklamda, e-postada ve sitede gördüğünde aynı işareti görmelidir. Tutarlılık, tanınmanın ilk koşuludur.
• Dönüş kolaylığı. Bir müşteri birden çok sekme açıp ürünleri karşılaştırırken sekme başlığı kısalır, geriye yalnızca favicon kalır. Doğru simge, sizin sekmenize geri dönmeyi kolaylaştırır.
• Algılanan hız. Lazy logo, ürün fotoğrafları yüklenirken tuvalin boş kalmasını önler. Sayfa dolu görünür, müşteri beklediğini daha az fark eder. Genel hız konusu için e-ticarette site hızı neden önemlidir yazısına bakabilirsiniz.

Bu etkilerin hiçbiri tek başına satışı belirlemez; ama hepsi, ürün sayfasına ulaşmış bir müşterinin kararını destekler ya da zayıflatır. Maliyeti de düşüktür: bir kez doğru ayarlanır ve yıllarca çalışır.

Faprika'da Logo Nasıl Yüklenir?

Faprika'da logo, panelde Yapılandırma > Ayarlar > Genel Ayarlar yolundan yüklenir. Açılan ekranda Logo yazısının yanındaki Yükle alanından görsel seçilir ve kaydedilir. Logo, Faprika temasında ana sayfada, kategorilerde ve ürün detay sayfasında sayfanın sol üst kısmında konumlanır.

Önerilen logo boyutu

Önerilen logo boyutu 135×35 ve katlarıdır. Katlarını yüklediğinizde oranı koruyarak Logo Maksimum genişlik ve Logo maksimum yükseklik alanlarından ölçüyü düzenleyebilirsiniz. Yani 135×35 oranında hazırladığınız büyük bir dosya yükleyebilir, sayfada kaplayacağı alanı bu iki alanla sınırlayabilirsiniz.

Pratik sonuç şudur: logoyu 135×35 oranına uygun, bir ya da birkaç kat büyük hazırlamak, hem ekranda net görünmesini hem de sol üst alana düzgün oturmasını sağlar. Oranı bozan bir dosya, ölçü alanları değiştirilse de sıkışık ya da ezik görünebilir. Aşağıdaki araç, kendi dosyanızın ölçüsünü bu orana göre kontrol etmenizi sağlar.

Logoyu hazırlarken dikkat edilecekler

• Oranı baştan seçin. Dosyayı sonradan kırpmak yerine, 135×35 oranında bir çalışma alanında tasarlayın.
• Kenar boşluğunu bırakın ama şişirmeyin. Logonun etrafındaki gereksiz boş alan, sol üst köşede logoyu olduğundan küçük gösterir.
• Zemini düşünün. Logo hangi renkli zeminde duracaksa o zeminde okunmalı. Şeffaf arka planlı bir dosya, farklı zeminlere uyum sağlamayı kolaylaştırır.
• Dosyayı gereğinden ağır yapmayın. Logo her sayfada yüklenir; boyutu küçük tutmak hızdan yana çalışır.

Logo bilgisini aşağıdaki araçla kontrol edin

Araç, logonun genişlik ve yüksekliğini önerilen 135×35 oranıyla karşılaştırır, kaç katı olduğunu ve beklenen yüksekliği gösterir. Favicon kenar uzunluğunu da 16'nın katı mı diye denetler. Girdiğiniz ölçüler sizin dosyanıza aittir; araç yalnızca oranı kıyaslar, kalite ya da biçim konusunda karar vermez.

Lazy Logo Nedir ve Neden Yüklenir?

Lazy logo, sayfanız açılırken ürünlerin fotoğrafları yüklenirken ürün tuvallerinin arka planında görünen logodur. Fotoğraf yüklenince logonun yerini ürün görseli alır; bu aralıkta tuval boş bir kutu yerine markanızı gösterir.

Adı "yavaş" ya da "tembel" anlamına gelmez; "lazy" burada görsellerin ihtiyaç duyuldukça yüklenmesi mantığından gelir. Ürün listesi uzun bir kategori sayfasında fotoğraflar aynı anda gelmez, sırayla belirir. Fotoğrafın gelmediği o kısa anda müşterinin ekranında ne göreceğini lazy logo belirler: gri bir boşluk ya da markanız.

Faprika'da lazy logo, yine Yapılandırma > Ayarlar > Genel Ayarlar ekranında, Lazy Logo yazısının altındaki Yükle butonundan seçilir ve Kaydet ile tamamlanır. Doğru lazy logo ile ilgili iki ilke işinize yarar:

• Sade olsun. Tuvalde ürün fotoğrafının yerini kısa süre tutar; ayrıntılı bir çizim yerine temiz bir marka işareti daha iyi görünür.
• Ana logoyla uyumlu olsun. İki logo birbirinden çok farklıysa müşteri sayfada iki ayrı marka görüyormuş gibi hisseder.

Okumanızı öneririzLazy Logo Yönetimi Eğitimi

Favicon Nedir ve Faprika'da Nasıl Yüklenir?

Favicon, tarayıcınızda sekmenin sol kısmında bulunan simgedir. Ziyaretçi birçok sekme açtığında başlıklar kısalır ve sekmeleri ayırt etmenin en kolay yolu simgedir; eksik favicon, sitenizi sıradan bir boş sayfa gibi gösterir.

Faprika'da favicon, Yapılandırma > Ayarlar > Genel Ayarlar ekranında Favicon yazısının yanındaki Yükle butonundan seçilir ve Kaydet denir; kısa süre içinde sitenize eklenir. Eğitimin dikkat çektiği nokta ölçü ve biçimdir: görsel 16×16 ebatlarında ya da 16'nın katlarında (32, 64 gibi) ve .ico uzantısında yüklenmelidir.

İyi bir favicon nasıl tasarlanır?

Favicon çoğu zaman bir kenarı birkaç on pikselden uzun olmayan bir kutuda görünür. Bu yüzden logonuzun küçültülmüş hali değil, ondan türetilmiş sade bir simge gerekir.

• Yazıdan kaçının. Uzun marka adı bu boyutta okunmaz; marka adının baş harfi ya da logonun en ayırt edici şekli yeterlidir.
• Tek ya da iki renk kullanın. Ayrıntı arttıkça simge bulanıklaşır.
• Kontrastı yüksek tutun. Tarayıcı sekmesi açık ya da koyu olabilir; simge iki zeminde de seçilmeli.
• Logonuzdaki ana rengi koruyun. Tutarlılık için favicon, logonun renk dünyasından çıkmalı.

Okumanızı öneririzFavicon Yönetimi Eğitimi

Logo Değişmiyorsa Ne Yapmalı? Önbellek Tuzağı

Logo ya da favicon yükledikten sonra eski hali görünmeye devam ediyorsa, çoğunlukla yükleme başarısız olmamıştır; tarayıcı eski dosyayı hâlâ saklıyordur. Faprika'da her sayfa açılışında logonun yeniden yüklenmemesi için logolar çerezde tutulur; bu nedenle çerezleri ve önbelleği temizlediğinizde logonuzun değiştiğini görürsünüz.

Eğitimin açık uyarısı şudur: mevcut logonuzu değiştirdiğinizde logo değişmiyorsa sürekli yeniden yükleme yapmayın. Yeniden yüklemek sorunu çözmez, sadece zaman kaybettirir. Doğru sıra şöyledir:

1. Logoyu, lazy logoyu ya da favicon'u yükleyip Kaydet'e basın.
2. Tarayıcınızın çerezlerini ve önbelleğini temizleyin.
3. Siteyi yeniden açın ve değişikliği görün.
4. Hâlâ eski görünüyorsa farklı bir tarayıcıda ya da gizli pencerede deneyin.

Önbellek davranışının bir yan etkisi de müşterilerinizle ilgilidir: logo değiştiğinde bazı ziyaretçiler bir süre eski logoyu görebilir. Büyük bir marka yenilemesi yapıyorsanız bu geçiş süresini hesaba katın ve değişikliği önemli bir kampanya gününün hemen öncesine bırakmayın. Çerezlerin site sağlığına etkisi için çerezler e-ticaret sitenizin sağlığı için iyi mi kötü mü yazısı genel bir çerçeve sunar.

Okumanızı öneririzTarayıcı Önbelleği ve Çerezler Nasıl Temizlenir?

Mobilde Logo ve Favicon Nasıl Olmalı?

Mobilde logo, dar ekranda kesilmeden ve okunur boyutta görünmeli; favicon ise mobil tarayıcıda çoğu zaman hiç görünmediği için asıl yük logoya biner. Ziyaretçilerin büyük kısmı telefondan geldiğinde, logonun telefonda nasıl göründüğü masaüstündeki halinden daha önemlidir.

• Kendi telefonunuzda açın. Logonun ekranı kaplamadığını, menü düğmelerini ittirmediğini ve sol üst köşede düzgün durduğunu kontrol edin.
• Yatay ve uzun logolara dikkat edin. Çok geniş bir logo mobilde küçülür ve yazısı okunmaz hale gelir. Gerekirse daha kompakt bir sürüm hazırlayın.
• Maksimum genişlik ve yükseklik alanlarını kullanın. Faprika'da ölçü bu iki alanla sınırlanabildiği için logoyu yeniden yüklemeden de mobilde taşan bir görünümü düzeltebilirsiniz.
• Dokunma alanını daraltmayın. Logo genellikle ana sayfaya giden bir bağlantıdır; çevresi kalabalık olursa yanlış dokunma artar.

Mobil uyumun genel ilkeleri için e-ticaret sitesinde mobil uyumun önemi yazısına bakabilirsiniz. Telefonlarda favicon sık görünmediği için onun asıl işi masaüstü sekmesinde ve tarayıcı yer imlerinde markanızı temsil etmektir.

Marka Tutarlılığı: Logo Her Yerde Aynı mı?

Marka tutarlılığı, aynı logonun, aynı renklerin ve aynı simgenin sitede, e-postada, fatura ve paket ekinde, reklamda ve sosyal ağlarda tek bir kimlik olarak görünmesidir. Panelden yüklediğiniz logo bu kimliğin yalnızca bir parçasıdır.

Pratikte şu denetimler işe yarar:

• Sürüm karmaşasını önleyin. Logonun eski ve yeni sürümleri farklı klasörlerde dolaşıyorsa biri mutlaka eski sürümü yükler. Tek bir "güncel logo" klasörü tutun.
• Renkleri sabitleyin. Logo, lazy logo ve favicon aynı renk dünyasından çıkmalı.
• Sitenin diğer yerlerini de kontrol edin. Marka sayfaları, e-posta şablonları ve fatura çıktıları logo kullanıyorsa onları da güncelleyin. Marka sayfaları için marka sayfası nasıl oluşturulur yazısı faydalıdır.
• Logo değişince hepsini birlikte değiştirin. Logoyu yenileyip faviconu eski bırakmak, tarayıcı sekmesinde ayrı bir marka görünmesine yol açar.

Logo ve Favicon Hızı Etkiler mi?

Evet, etkileyebilir: logo her sayfada yüklenen bir görseldir ve gereğinden ağır bir dosya her sayfa açılışını yavaşlatır. Favicon küçük bir dosyadır ama her sayfada istenir; sade ve hafif tutulması yeterlidir.

Hız açısından pratik ilkeler şunlardır:

• Logoyu kullanılan alandan çok büyük yüklemeyin. Önerilen boyutun katları iyi bir ekran netliği için yeterlidir; çok daha büyük bir dosya yalnızca ağırlık katar.
• Dosyayı gereksiz ayrıntıdan arındırın. Yoğun gölge ve geçişler dosya boyutunu artırır.
• Çerezde tutulan logonun avantajını kullanın. Faprika logoları çerezde tutarak her sayfa açılışında yeniden yüklenmesini önler; bu davranışı bozmak için sürekli logo değiştirmeyin.
• Lazy logoyu hafif tutun. Sayfa açılırken ilk görünen şey o olduğu için ne kadar sade olursa o kadar hızlı görünür.

Bu ilkeler genel hız yönetiminin küçük bir parçasıdır. Ürün görselleri ve sayfa ağırlığı için ürün görseli optimizasyonu yazısı daha büyük kalemleri ele alır; logo ve favicon ise "küçük ama her sayfada" olan kalemlerdir.

Logo ve Favicon Ayarlarında En Sık Yapılan Hatalar

Logo ve favicon ayarlarında en sık hatalar, oranı bozmak, favicon biçimini yanlış seçmek, değişikliği önbellek yüzünden göremeyip tekrar tekrar yüklemek ve üç görseli birbirinden bağımsız yönetmektir. Çoğu, ayarın kendisinden değil, sonucu farklı cihazlarda denememekten doğar.

Oranı bozan dosya yüklemek

Kare ya da çok yüksek bir logo, 135×35 oranına göre ayrılmış alanda küçülür ve sıkışık görünür. Dosyayı baştan önerilen orana göre hazırlayın.

Favicon'u .ico dışında bir biçimde yüklemek

Eğitim .ico uzantısını ister. Farklı uzantılı bir dosyayla uğraşmak yerine simgeyi baştan doğru biçimde hazırlayın.

Favicon'a uzun logoyu küçültüp koymak

Yazılı logo 16×16 ya da 32×32 alanında okunmaz. Baş harf ya da sade bir simge kullanın.

Değişmedi diye sürekli yeniden yüklemek

Çoğunlukla sorun yükleme değil önbellektir. Önce çerezleri ve önbelleği temizleyin.

Lazy logoyu hiç yüklememek

Yüklenmeyen lazy logo, ürün tuvallerinin fotoğraf gelene kadar boş kalması demektir. Bir kere yükleyip bırakmak yeterlidir.

Mobilde denememek

Masaüstünde düzgün görünen logo telefonda taşabilir. Her değişiklikten sonra telefondan bakın.

Üç görseli birbirinden bağımsız yönetmek

Logo yenilendi, favicon eski kaldı. Marka bütünlüğü bozulur ve fark edilmesi aylar sürebilir.

Okumanızı öneririzE-Ticaret Sitesinde Mobil Uyumun Önemi

Logo ve Favicon Kontrol Listesi

Logo ve favicon kontrol listesi, marka görsellerinin yayına alınmadan önce ve her marka değişikliğinden sonra geçmesi gereken sekiz maddeyi toplar. Aşağıdaki görsel ve araç aynı maddelerin farklı sunumudur; tablo da aynı bilgiyi metin olarak verir.

Logo ve Favicon Ne Zaman Yeniden Gözden Geçirilmeli?

Logo ve favicon ayarları, marka kimliğiniz değiştiğinde, tema ya da renk düzeniniz yenilendiğinde, kampanya öncesinde ya da müşterilerden "logo bulanık görünüyor" gibi geri bildirim aldığınızda yeniden gözden geçirilmelidir. Tek seferlik bir yükleme olarak görmek yerine, markanızla birlikte güncellenen bir ayar olarak ele alın.

Büyük bir kampanya ya da yoğun satış dönemi öncesinde kısa bir tur yeterlidir: logoyu, lazy logoyu ve favicon'u hem masaüstünde hem telefonda açıp bakın. Hata varsa kampanya başlamadan düzeltmek, trafik gelirken düzeltmekten çok daha rahattır. Marka görselleri ürün sayfalarındaki genel kaliteyle de uyumlu olmalıdır; bunun için ürün görseli optimizasyonu yazısındaki ilkeleri birlikte düşünün.

Faprika ile Logo ve Favicon Yönetimi

Faprika'da logo, lazy logo ve favicon tek ekranda toplanır: Yapılandırma > Ayarlar > Genel Ayarlar. Üç görsel için ayrı Yükle alanları, logo için maksimum genişlik ve yükseklik ayarları vardır; önerilen ölçüler ve önbellek uyarısı eğitim sayfalarında ayrıntılı anlatılır. Marka görsellerini kendiniz yükleyip kendiniz denetleyebildiğiniz için bir tasarımcıdan ya da geliştiriciden destek beklemeniz gerekmez.

Faprika ile kurulan mağazanın tamamında neler yapabileceğinizi ve hangi imkânların hangi pakette olduğunu görmek için paketlerimizi inceleyebilir ya da bir demo isteyebilirsiniz.

Sıkça Sorulan Sorular

E-ticaret sitesinde logo ve favicon nasıl ayarlanır?

Faprika'da logo, lazy logo ve favicon, panelde Yapılandırma, Ayarlar, Genel Ayarlar yolundan yüklenir. Her biri için ayrı bir Yükle alanı vardır; görsel seçilir ve Kaydet'e basılır. Logo için 135×35 ve katları, favicon için 16×16 ve katları ile .ico uzantısı önerilir.

Favicon nedir?

Favicon, tarayıcıda sekmenin sol kısmında görünen küçük simgedir. Çok sayıda sekme açıkken sitenizi ayırt etmeyi kolaylaştırır; sade, yüksek kontrastlı ve markanızla uyumlu olmalıdır.

Logo boyutu ne olmalı?

Faprika'da önerilen logo boyutu 135×35 ve katlarıdır. Katlarını yüklediğinizde oranı koruyarak Logo Maksimum genişlik ve Logo maksimum yükseklik alanlarından ölçüyü ayarlayabilirsiniz.

Lazy logo nedir?

Lazy logo, sayfa açılırken ürün fotoğrafları yüklenirken ürün tuvallerinin arka planında görünen logodur. Fotoğraf gelene kadar tuvalin boş kalmasını önler. Yapılandırma, Ayarlar, Genel Ayarlar ekranında Lazy Logo alanından yüklenir.

Logo yükledim ama eski logo görünüyor, ne yapmalıyım?

Her sayfa açılışında yeniden yüklenmemesi için logolar çerezde tutulur. Bu yüzden tekrar tekrar yüklemek yerine tarayıcınızın çerezlerini ve önbelleğini temizleyin; ilk yüklemeden sonra yeni logonuzu görürsünüz.

Favicon hangi biçimde ve boyutta olmalı?

Favicon 16×16 ebatında ya da 16'nın katlarında (32, 64 gibi) ve .ico uzantısında olmalıdır. Küçük boyutta okunacak sade bir simge, uzun bir logo yazısından daha iyi sonuç verir.

İlginizi Çekebilecek Yazılar

• Ürün Görseli Optimizasyonu
• E-Ticaret Sitesinde Mobil Uyumun Önemi
• E-Ticarette Site Hızı Neden Önemlidir?
• Marka Sayfası Nasıl Oluşturulur?