Favicon'u ekleyin Kare alanı

Sitenizin estetiğini yükseltin. Squarespace ayarlarında temiz sekme favicon'unu nasıl yapılandıracağınızı öğrenin.

Squarespace'e favicon eklemek yalnızca birkaç dakika sürer. Uygun bir site simgesi resmine, doğru Squarespace web sitesine erişime ve site simgesi ayarlarını açabilme olanağına ihtiyacınız var. Bu kılavuzda bir favicon hazırlamayı, Squarespace'e yüklemeyi, çalıştığını doğrulamayı, değiştirmeyi veya kaldırmayı ve yeni simgenin hemen görünmediği durumları nasıl gidereceğinizi öğreneceksiniz.

Squarespace Favicon'u Nedir?

Tarayıcı simgesi olarak da adlandırılan favicon, web sitenizle ilişkili küçük kare resimdir. Genellikle tarayıcı sekmelerinde ve yer imlerinde sayfa başlığınızın yanında görünür. Tarayıcıya veya cihaza bağlı olarak diğer tarayıcı arayüzlerinde ve bazen arama sonuçlarında da görünebilir.

Özel bir tane eklemediğiniz sürece her Squarespace sitesi, Squarespace'in varsayılan küp favicon'uyla başlar. Bunu kendi simgenizle değiştirmek, ziyaretçilere web siteniz için tanınabilir bir görsel tanımlayıcı sağlar.

Favicon web sitenizin logosundan ayrıdır. Logonuz sitenizin başlığında belirgin bir şekilde görünebilir, favicon ise çok küçük boyutta tanınabilir kalacak şekilde tasarlanmıştır.

Squarespace'e Favicon Eklemeden Önce Ne Hazırlamalısınız?

Squarespace'i açmadan önce favicon'unuz olarak kullanmak istediğiniz görseli hazırlayın. Squarespace'in mevcut favicon kılavuzu aşağıdakileri önermektedir:

  • PNG'yi kullan: Squarespace, favicon'lar için .png dosyalarını önerir ve .ico dosyalarının yüklenmesine izin vermez.
  • Kare bir resim kullanın: Favorilerin küçük kare simgeler olarak görüntülenmesi nedeniyle kare bir tuval en iyi sonucu verir.
  • 100 × 100 pikselden 300 × 300 piksele kadar hedefleyin: Squarespace, favicon görselleri için bu aralığı önerir. Sık kullanılan simgelerin 16 × 16 piksel gibi çok küçük boyutlarda görüntülenebilmesine rağmen, bu aralıktaki daha büyük bir kaynak görsel, tarayıcılarda daha iyi çalışır.
  • Dosyayı 100 KB'ın altında tutun: Squarespace, favicon dosyalarının 100 KB'yi geçemeyeceğini belirtiyor.
  • Basit bir tasarım kullanın: Bir favicon normal bir logodan çok daha küçüktür, dolayısıyla karmaşık resimler ve uzun metinler tanınmaz hale gelebilir.
  • Güçlü kontrast kullanın: Simge, açık ve koyu tarayıcı arayüzlerinde ayırt edilebilir kalmalıdır.
  • Aşırı ayrıntıdan kaçının: İnce çizgilerin, küçük harflerin ve çoklu görsel öğelerin favicon boyutunda tanımlanması zordur.
  • Yüksek kaliteli bir kaynakla başlayın: Temiz ve keskin bir kaynağın ölçeğini küçültmek genellikle küçük bir görüntüyü büyütmekten daha iyi sonuç verir.

Squarespace hangi dosya formatını önerir?

Squarespace, özellikle bir favicon için PNG'yi önerir ve favicon yükleyicisi aracılığıyla bir .ico dosyasının yüklenmesini desteklemez.

Genel Squarespace resim yükleme desteğini favicon'a özel gereksinimlerle karıştırmayın. Squarespace, diğer görüntü alanlarında çeşitli formatları destekler, ancak favicon belgeleri özellikle PNG'yi önerir.

Squarespace'e Favicon'u Nasıl Eklersiniz?

Mevcut Squarespace işlemi özel bir Favicon paneli kullanıyor. Bu panele giden tam yol, kullandığınız Squarespace arayüzüne bağlı olarak değişebilir; bu nedenle, eski bir menü yoluna güvenmek yerine sitenin favicon veya tarayıcı simgesi ayarını bulmaya odaklanın.

  1. Squarespace'te oturum açın: Squarespace'i açın ve web sitenizi yöneten hesapta oturum açın. Favicon'unu değiştirmek istediğiniz site için düzenleme izinlerine sahip olduğunuzdan emin olun.
  2. Doğru web sitesini açın: Squarespace hesap kontrol panelinizden düzenlemek istediğiniz web sitesini açın. Hesabınız birden fazla Squarespace web sitesini yönetiyorsa bu önemlidir. Bir siteye favicon yüklemek başka bir sitedeki favicon'u değiştirmez.
  3. Favicon ayarlarını açın: Favicon paneline ulaşıncaya kadar sitenin ayarlarında veya tasarım kontrollerinde gezinin. Squarespace'in mevcut yardım belgeleri bu hedefe özellikle Favicon paneli olarak atıfta bulunmaktadır. Daha eski eğitimler, ayarı Tarayıcı Simgesi gibi etiketlerle açıklayabilir veya arayüzün farklı alanlarına yerleştirebilir. Hesabınızda eski bir yolun hâlâ aynı olduğunu varsaymayın.
  4. Favicon'unuzu yükleyin: Favicon panelinin içinde, favicon görselinizi yükleyiciye sürükleyin veya dosyayı bilgisayarınızdan seçmek için yükleyiciyi tıklayın. Hazırladığınız PNG favicon'unu seçin. Yüklemenin bitmesini bekleyin. Yüklenen görselin favicon alanında görünüp görünmediğini kontrol edin. Squarespace şu anda karanlık mod için isteğe bağlı bir alternatif site simgesini desteklemektedir. Karanlık mod sürümünü ekleyebilmeniz için önce varsayılan bir sık ​​kullanılan simgesinin eklenmesi gerekir.
  5. Değişiklikleri kaydedin: Resim yüklendikten sonra Kaydet'e tıklayın. Kaydetmek önemlidir çünkü yalnızca görselin yüklenmesi veya seçilmesi, değişiklik kaydedilene kadar yayınlanan site simgesinin yerini almaz. Squarespace'in mevcut talimatları özellikle kullanıcıları görseller yüklendikten sonra Kaydet'e tıklamaya yönlendiriyor.
  6. Web sitenizi açın ve tarayıcı sekmesini kontrol edin: Sitenizin yayınlanan URL'sini bir tarayıcıda açın. Sayfa başlığının yanındaki tarayıcı sekmesine bakın. Yeni favicon'unuz varsayılan Squarespace simgesinin yerini almalıdır.

Önceki site simgesini hâlâ görüyorsanız yüklemenin başarısız olduğunu hemen varsaymayın. Tarayıcılar favicon'ları agresif bir şekilde önbelleğe alabilir, böylece yeni favicon başarıyla kaydedildikten sonra bile eski simge görünmeye devam edebilir.

Squarespace'te Favicon Ayarı Nerede?

Arayüz zaman içinde değişti, bu nedenle farklı Squarespace eğitimleri farklı gezinme yollarını gösterebilir. Mevcut Squarespace belgeleri, hedefi Favicon paneli olarak tanımlıyor.

Aşağıdakilere atıfta bulunan eski talimatlarla karşılaşabilirsiniz:

  • Tarayıcı Simgesi
  • Logo ve Başlık
  • Tasarım
  • Sitenin tasarımı veya markalama kontrolleri içindeki bir tarayıcı simgesi ayarı

Bu etiketlerin evrensel olarak geçerli olduğu düşünülmemelidir. Squarespace, arayüzler ve platform sürümleri arasındaki kontrollerin konumunu veya adlarını değiştirebilir. Önemli ayar, özellikle sitenin favicon'u veya tarayıcı simgesi için tasarlanan ayardır. Site logonuz veya sayfa başlığınızla aynı ayar değildir.

Squarespace için Favicon'u Nasıl Oluşturursunuz?

Sıfırdan bir favicon tasarlamanıza gerek yok. En basit yaklaşım, halihazırda sahip olduğunuz marka varlıklarına bağlıdır.

Logonuzdan bir favicon oluşturun

Zaten bir logonuz varsa, onun basitleştirilmiş kare versiyonunu oluşturun. Yatay logonun tamamını otomatik olarak kullanmayın. Uzun bir işletme adı, site simgesi boyutlarına küçültüldüğünde okunamaz hale gelebilir. Daha iyi bir yaklaşım genellikle logodan tanınabilir bir sembol, tek bir baş harf, bir monogram veya basitleştirilmiş bir marka işareti kullanmaktır.

Metinden veya baş harflerden favicon oluşturma

Metin tabanlı bir favicon için işletme adının tamamı yerine bir veya iki belirgin harf kullanın. Örneğin, Dijital Pazarlama Çözümleri adlı bir şirket, tam adı simgeye sığdırmaya çalışmak yerine DM'yi kullanabilir. Harflerin tanınabilir olmasını sağlamak için kalın, basit bir yazı tipi ve yeterli kontrast kullanın.

Mevcut bir PNG'yi favicon'a dönüştürün

Zaten uygun bir PNG logonuz veya simgeniz varsa, bir görüntü dönüştürme aracını kullanarak bunu favicon'a hazır resme dönüştürebilirsiniz. Örneğin, PNGtoFavicon.com PNG görüntüsünü favicon'a dönüştürebilir. Bu, zaten kare bir PNG'niz varsa ancak web siteniz için favicon odaklı bir dosyaya ihtiyaç duyduğunuzda kullanışlıdır.

Sonucu Squarespace'e yüklemeden önce, son görselin Squarespace'in favicon gereksinimlerini, özellikle de PNG formatını, kare boyutlarını ve maksimum 100 KB dosya boyutunu karşıladığını kontrol edin.

Tasarımı küçük boyutlarda tanınabilir tutun

En önemli tasarım testi basittir: simgeyi büyük ölçüde küçültün ve yakınlaştırmadan bakın. Sembolü veya harfi hızlı bir şekilde tanımlayamıyorsanız basitleştirin. Bir favicon normalde logonuzun tamamının minyatür bir versiyonundan ziyade cesur bir görsel işaret olarak daha iyi çalışır.

Squarespace Favicon'unuzun Çalışıp Çalışmadığını Nasıl Kontrol Edebilirsiniz?

Favicon'u kaydettikten sonra yayınlanan web sitesinde doğrulayın.

  • Tarayıcı sekmesini kontrol edin: Web sitenizi açın ve tarayıcı sekmesinde sayfa başlığının yanındaki simgeye bakın. Bu en doğrudan testtir çünkü tarayıcı sekmeleri favicon'ların göründüğü birincil yerlerden biridir.
  • Yeni bir tarayıcı oturumunu test edin: Eski simge görünür durumda kalırsa özel veya gizli bir pencere açın, web sitenizi ziyaret edin ve tarayıcı sekmesini tekrar kontrol edin. Bu, sorunun normal tarayıcı oturumunuzdaki önbelleğe alınmış site simgesi verilerinden kaynaklanıp kaynaklanmadığını belirlemenize yardımcı olur.
  • Başka bir masaüstü tarayıcısını kontrol edin: Siteyi Chrome, Edge, Firefox veya Safari gibi başka bir tarayıcıda test edin. Bir tarayıcıda doğru şekilde görüntülenen ancak diğerinde görüntülenmeyen bir favicon, Squarespace yükleme sorunu yerine tarayıcıya özgü önbelleğe alma veya görüntüleme davranışını gösterebilir. Safari, favicon'ları diğer tarayıcılardan farklı şekilde görüntüleyebilir. Squarespace, adres çubuğuna tıkladığınızda veya birden fazla sekme açıkken Safari'nin favicon'u gösterebileceğini ve kontrast için bir kenarlık veya arka plan ekleyebileceğini belirtiyor.
  • Mobil cihazda kontrol edin: Mobil tarayıcıda sık kullanılan simgesinin bulunmamasını, yüklemenin başarısız olduğunun kanıtı olarak görmeyin. Squarespace, mobil cihazlarda favicon ekranının mobil tarayıcıya bağlı olduğunu ve bazı durumlarda favicon'un hiç görüntülenmeyeceğini belirtiyor.

Squarespace Favicon'um Neden Gösterilmiyor?

Hemen görünmeyen bir favicon, web sitesinin tamamını yeniden oluşturmanın bir nedeni olmaktan ziyade genellikle bir önbellekleme veya yapılandırma sorunudur.

Tarayıcı önbelleği

Sorun: Tarayıcınız hâlâ eski favicon'u görüntülüyor.
Düzeltmek: Tarayıcı önbelleğini temizleyin, tarayıcıyı kapatıp yeniden açın ve ardından sitenizi tekrar ziyaret edin. Squarespace, bir favicon hemen güncellenmediğinde özellikle tarayıcı önbelleğinin temizlenmesini ve tarayıcının yeniden başlatılmasını önerir.

Site simgesi kaydedilmedi

Sorun: Resim yüklendi ancak değişiklik kaydedilmedi.
Düzeltmek: Favicon paneline dönün, doğru görselin mevcut olduğunu onaylayın ve Kaydet'e tıklayın.

Yanlış web sitesini düzenlediniz

Sorun: Resim, hesabınızdaki başka bir Squarespace sitesine yüklendiğinden site simgesi değişmemiş görünüyor.
Düzeltmek: Favicon'u değiştirmeden önce web sitesi adını ve alan adını onaylayın.

Resim site simgesi gereksinimlerini karşılamıyor

Sorun: Dosya çok büyük, uygun olmayan bir format kullanıyor veya kötü sonuç verecek boyutlara sahip.
Düzeltmek: Görüntüyü PNG olarak yeniden dışa aktarın, boyutunu 100 KB'nin altında tutun ve Squarespace'in önerdiği gibi 100 × 100 piksel ile 300 × 300 piksel arasında kare bir görüntü kullanın.

Favicon yakın zamanda değiştirildi

Sorun: Squarespace yeni site simgesini kaydetti ancak tarayıcınız hâlâ eski bir sürümü gösteriyor.
Düzeltmek: Ek değişiklikler yapmadan önce gizli/özel bir pencerede veya başka bir tarayıcıda test edin.

Yanlış alanı veya sayfayı test ediyorsunuz

Sorun: Bir aşamalandırmayı, önizlemeyi, yerleşik Squarespace alanını veya düzenlediğinizden farklı bir alanı kontrol ediyorsunuz.
Düzeltmek: Değiştirdiğiniz Squarespace sitesiyle ilişkili yayınlanmış web sitesi URL'sini tam olarak açın.

Mobil tarayıcı davranışı

Sorun: Favicon masaüstünde görünüyor ancak telefonunuzda görünmüyor.
Düzeltmek: Yüklemenin başarısız olduğunu varsaymadan önce aynı siteyi bir masaüstü tarayıcıda kontrol edin. Mobil favicon davranışı tarayıcıya göre değişir ve Squarespace, mobil tarayıcıların favicon'ları hiç görüntülemeyebileceğini belirtiyor.

Squarespace Favicon'un Güncellenmesi Ne Kadar Sürer?

Ayırt edilmesi gereken üç ayrı olay vardır:

  1. Squarespace favicon'u kaydeder: Bu, görseli yüklediğinizde ve favicon ayarlarını kaydettiğinizde gerçekleşir.
  2. Web siteniz yeni favicon'u sunuyor: Kaydedilen site yapılandırması, ziyaretçilere güncellenmiş simgeyi sağlamalıdır.
  3. Tarayıcınız yeni favicon'u görüntüler: Tarayıcı önceden önbelleğe alınmış bir favicon'u kullanmaya devam edebilir.

Tarayıcılar favicon verilerini saklayabildiğinden, yeni simgenin hemen görüneceğini garanti eden güvenilir bir evrensel güncelleme süresi yoktur. Squarespace, tarayıcıların önbelleğe alınmış site simgeleri konusunda ısrarcı olabileceği konusunda özellikle uyarıyor. Değişikliğin başarısız olduğu sonucuna varmadan önce özel bir tarayıcı penceresini veya farklı bir tarayıcıyı test edin.

Squarespace Favicon'unu Nasıl Değiştirirsiniz veya Değiştirirsiniz?

Mevcut bir favicon'u değiştirmek, esas olarak ilk kez bir favicon eklemekle aynı süreci izler.

  • Squarespace'te oturum açın.
  • Değiştirmek istediğiniz web sitesini açın.
  • Favicon panelini açın.
  • Mevcut site simgesi yükleyicisini seçin.
  • Yeni PNG görüntüsünü yükleyin. (Karanlık mod sık kullanılan simgesi kullanıyorsanız bu sürümü gerektiği gibi ayrı olarak güncelleyin.)
  • Kaydet'i tıklayın.
  • Yayınlanan web sitesini açın ve tarayıcı sekmesini kontrol edin. Önceki site simgesinin görünmeye devam edip etmediğini özel bir pencerede test edin.

Squarespace, isteğe bağlı bir karanlık mod favicon'una izin verir, ancak alternatif bir karanlık mod sürümünün eklenebilmesi için varsayılan favicon'un mevcut olması gerekir.

Squarespace Favicon'unu Nasıl Kaldırırsınız?

Özel site simgenizi kullanmayı bırakmak istiyorsanız site simgesi ayarlarını açın ve yüklenen görselin yanında mevcut kaldırma veya silme kontrolünü arayın. Tam kontrol, mevcut Squarespace arayüzüne göre değişiklik gösterebilir; bu nedenle, belirli bir düğme adını belirten eski bir eğitime güvenmeyin.

Özel favicon'u kaldırdıktan sonra ayarları kaydedin ve web sitesini tekrar test edin. Squarespace, özel favicon'u olmayan sitelerin varsayılan küp favicon'uyla başladığını belirtir.

Kaçınılması Gereken Yaygın Squarespace Favicon Hataları

  • Karmaşık bir resim kullanma: Simgenin küçük boyutta tanınabilmesi için tasarımı basitleştirin.
  • Küçük bir kaynak görsel kullanma: Düşük çözünürlüklü bir görüntüyü büyütmek yerine temiz, yeterli boyutta bir kaynakla başlayın.
  • Zayıf kontrast: Tarayıcının arka planına karışan bir simge görünmez görünebilir.
  • Çok fazla metin kullanmak: Tam işletme adları bir favicon'da nadiren okunabilir durumda kalır.
  • Yanlış dosya türünün yüklenmesi: Squarespace, site ikonları için PNG'yi önerir ve .icon yüklemelerine izin vermez.
  • Dosya boyutu sınırının aşılması: Favicon dosyaları 100 KB'yi aşamaz.
  • Kaydetmeyi unutmak: Resmin yüklenmesi tamamlandıktan sonra daima kaydedin.
  • Yalnızca bir tarayıcı kontrol ediliyor: Test ederken başka bir tarayıcı veya özel bir pencere kullanın.
  • Önbelleğe alınmış bir simgenin, yüklemenin başarısız olduğu anlamına geldiğini varsayarsak: Gereksiz değişiklikler yapmadan önce önbelleği temizleyin.
  • Mobil tarayıcıların masaüstü tarayıcılar gibi davranmasını beklemek: Mobil favicon desteği ve gösterimi tarayıcıya göre değişir.

Squarespace Favicon SSS'leri

Squarespace'e PNG favicon'u ekleyebilir miyim?

Evet. Squarespace, favicon yüklemeleri için PNG'yi önerir. Mevcut Squarespace favicon belgeleri ayrıca .icon dosyalarının favicon ayarı aracılığıyla yüklenemediğini belirtir.

Squarespace faviconunun boyutu ne olmalıdır?

Squarespace, 100 × 100 piksel ile 300 × 300 piksel arasında bir favicon yüklemenizi önerir. Ayrıca favicon dosyasının 100 KB'tan büyük olmaması gerektiğini de belirtiyor.

Squarespace site simgem neden gösterilmiyor?

En yaygın açıklama tarayıcının önbelleğe alınmasıdır. Tarayıcı önbelleğinizi temizleyin, tarayıcıyı yeniden başlatın veya siteyi özel bir pencerede veya başka bir tarayıcıda test edin. Ayrıca site simgesini kaydettiğinizi ve doğru yayınlanan web sitesini kontrol ettiğinizi de doğrulayın.

Squarespace favicon'umu değiştirebilir miyim?

Evet. Favicon panelini açın, yeni görseli yükleyin ve değişikliği kaydedin.

Squarespace bir favicon'u otomatik olarak yeniden boyutlandırır mı?

Squarespace'in mevcut belgeleri, 100 × 100 piksel ile 300 × 300 piksel arasında favicon resminin yüklenmesini önerirken, faviconların 16 × 16 piksel gibi çok küçük boyutlarda görüntülendiğini belirtiyor. Küçük bir kaynak dosyaya bağlı kalmak yerine görseli uygun kare boyutunda hazırlamak en güvenli yaklaşımdır.

Squarespace için nasıl site simgesi yapabilirim?

Logonuzdan, baş harflerinizden veya tanınabilir bir marka sembolünden basit bir kare simge oluşturun. PNG olarak dışa aktarın, boyutunu 100 KB'nin altında tutun ve 100 × 100 piksel ile 300 × 300 piksel arasındaki boyutları kullanın. Gibi bir dönüştürme aracı PNGtoFavicon.com mevcut bir PNG'yi favicon'a hazır bir resme dönüştürmeye yardımcı olabilir.

Squarespace favicon'unun güncellenmesi ne kadar sürer?

Tarayıcı ekranının güncellenmesi için güvenilir bir evrensel zaman yoktur. Squarespace değişikliği hemen kaydedebilir ancak tarayıcı önceki favicon'un önbelleğe alınmış bir sürümünü görüntülemeye devam edebilir. Güncellemeyi doğrularken önbelleği temizleyin veya özel bir pencerede test edin.

Logomu Squarespace favicon'u olarak kullanabilir miyim?

Evet. Bir logo favicon olarak kullanılabilir ancak küçük boyutlarda tanınabilmesi için gerektiğinde basitleştirilmelidir. Squarespace ayrıca kendi Squarespace Logo aracının favicon olarak kullanılabilecek PNG logoları oluşturabileceğini belirtiyor.

Çözüm

Squarespace'e favicon eklemek için basit bir kare PNG hazırlayın, sitenin Favicon panelini açın, görseli yükleyin ve değişikliği kaydedin. Daha sonra bunu bir tarayıcı sekmesinde doğrulayın. En önemli sorun giderme noktası önbelleğe almadır. Tarayıcılar önceki favicon'u koruyabildiğinden, başarılı bir favicon yüklemesi hemen görünmeyebilir. Squarespace yüklemesinin başarısız olduğunu varsaymadan önce özel bir pencerede test edin, önbelleği temizleyin veya başka bir tarayıcıyı kontrol edin.