Shopify Mağazanıza Favicon Nasıl Eklenir (2026 Rehberi)
Shopify mağazanıza favicon eklemek için: Online Store → Themes → Customize → Theme Settings → Favicon yolunu izleyin, 32x32 boyutunda bir PNG görsel yükleyin ve Save'e tıklayın. Faviconunuz kaydettikten hemen sonra tarayıcı sekmelerinde görünecektir.
Aşağıda eksiksiz teknik özellikler, adım adım talimatlar ve yaygın sorunların çözümlerini bulacaksınız.
Shopify Favicon Gereksinimleri
Yüklemeden önce faviconunuzun şu özellikleri karşıladığından emin olun:
| Gereksinim | Özellik |
|---|---|
| Boyut | 32 x 32 piksel (önerilen) |
| Format | PNG veya ICO |
| Arka Plan | Saydam (isteğe bağlı ama önerilen) |
| Dosya boyutu | 1 MB altı |
Not: Shopify büyük görselleri otomatik olarak 32x32 piksele yeniden boyutlandırır ve bu kalite kaybına neden olabilir. En iyi sonuç için faviconunuzu doğru boyutta oluşturun.
Shopify Plan Gereksinimleri
Tüm Shopify planları favicon özelleştirmesini desteklemez:
- Starter Plan: Favicon desteği yok
- Basic Plan ve üstü: Tam favicon desteği
Starter plandaysanız özel favicon eklemek için planınızı yükseltmeniz gerekir.
Adım 1: Tema Özelleştiricisine Erişin
- Shopify yönetici panelinize giriş yapın
- Online Store → Themes yolunu izleyin
- Mevcut temanızı bulun ve Customize'a tıklayın
Adım 2: Tema Ayarlarını Açın
- Tema düzenleyicisinde kenar çubuğundaki dişli simgesini veya Theme Settings'i bulun
- Ayarlar panelini genişletmek için tıklayın
- Favicon veya Logo bölümünü bulana kadar kaydırın (konum temaya göre değişir)
Adım 3: Faviconunuzu Yükleyin
- Favicon bölümündeki Select image'a tıklayın
- Bilgisayarınızdan favicon dosyanızı seçin
- Alternatif olarak Shopify'ın yerleşik kütüphanesini kullanmak için Explore free images'a tıklayın
- Seçiminizi onaylamak için Done'a tıklayın
Adım 4: Alt Metin Ekleyin (SEO En İyi Uygulaması)
Faviconunuzu yükledikten sonra:
- Yüklenen görselin üzerine gelin
- Düzenlemek için kalem simgesine tıklayın
- Açıklayıcı alt metin girin (örn. "Marka Adınız logosu")
- Bu, erişilebilirliği artırır ve SEO'ya fayda sağlayabilir
Adım 5: Kaydedin ve Doğrulayın
- Sağ üst köşedeki Save'e tıklayın
- Mağazanızı yeni bir tarayıcı sekmesinde açın
- Faviconun tarayıcı sekmesinde göründüğünü kontrol edin
İleri Düzey: Tema Kodu ile Favicon Ekleme
Daha fazla kontrol için faviconu doğrudan tema kodunuza ekleyebilirsiniz:
- Online Store → Themes → Actions → Edit code yolunu izleyin
- Faviconunuzu Assets klasörüne yükleyin
- Layout klasöründeki theme.liquid dosyasını açın
- Bu kodu
<head>bölümüne ekleyin:
<link rel="icon" type="image/png" href="{{ 'favicon.png' | asset_url }}">
favicon.png kısmını gerçek dosya adınızla değiştirin.
E-ticaret İçin Favicon Tasarım İpuçları
Faviconunuz markanızı 32x32 pikselde temsil eder. İşte doğru yapmanın yolları:
Yapılması Gerekenler
- Logonuzun basitleştirilmiş bir versiyonunu kullanın
- Yüksek kontrastlı renkler seçin
- Tasarımı cesur ve sade tutun
- Markanızın birincil rengini kullanın
- Hem açık hem de koyu tarayıcı temalarında görünürlüğü test edin
Yapılmaması Gerekenler
- Metin kullanmaktan kaçının (küçük boyutlarda okunmaz)
- İnce detaylar veya desenlerden kaçının
- Fotoğraf veya karmaşık görseller kullanmayın
- Düşük kontrastlı renk kombinasyonlarından kaçının
Farklı Cihazlar İçin Favicon Boyutları Oluşturma
Shopify yalnızca 32x32 gerektirse de, en iyi görüntüleme için birden fazla boyut oluşturmayı düşünün:
| Boyut | Kullanım Alanı |
|---|---|
| 16x16 | Tarayıcı sekmeleri (standart) |
| 32x32 | Tarayıcı sekmeleri (retina) |
| 180x180 | Apple Touch İkon (iOS ana ekranı) |
| 192x192 | Android ana ekranı |
| 512x512 | PWA açılış ekranları |
Tek bir yüksek çözünürlüklü görselden tüm boyutları oluşturmak için bir favicon oluşturucu aracı kullanın.
Sorun Giderme: Favicon Görünmüyor
Tarayıcı Önbelleğini Temizleyin
Tarayıcılar faviconları agresif bir şekilde önbelleğe alır. Şu çözümleri deneyin:
- Zorla yenileme:
Cmd+Shift+R(Mac) veyaCtrl+Shift+R(Windows) tuşlarına basın - Gizli mod: Mağazanızı özel tarama penceresinde açın
- Önbelleği temizleyin: Tarayıcı ayarlarına gidip önbelleğe alınmış görselleri temizleyin
Tema Ayarlarını Kontrol Edin
- Theme Settings'te faviconun doğru yüklendiğini doğrulayın
- Bazı temalarda ayrı mobil favicon ayarları vardır
- Görseli yeniden yüklemeyi deneyin
Dosya Formatını Doğrulayın
- Dosyanızın PNG veya ICO formatında olduğundan emin olun
- JPEG dosyaları düzgün çalışmayabilir
- Dosyanın bozuk olmadığını kontrol edin
Yayılmayı Bekleyin
Kaydettikten sonra değişikliklerin görünmesi birkaç dakika sürebilir. CDN veya önbellekleme uygulaması kullanıyorsanız, o önbelleği de temizlemeniz gerekebilir.
Google Arama Sonuçlarında Favicon Görünmüyor mu?
Faviconunuz tarayıcı sekmelerinde görünüyor ama Google arama sonuçlarında görünmüyorsa:
- Site haritanızı Google Search Console'a gönderin
- Ana sayfanız için dizine eklemeyi talep edin
- Google'ın sitenizi taramasını bekleyin (günler veya haftalar sürebilir)
- Sitenizin robots.txt'de favicon erişimini engellemediğinden emin olun
Google'ın arama sonucu faviconları için belirli gereksinimleri vardır:
- En az 48x48 piksel olmalıdır (gerekirse Google büyütür)
- Googlebot tarafından erişilebilir olmalıdır
- Genel simgeler değil, markanızı temsil etmelidir
Shopify Mağazanızın Neden Faviconuna İhtiyacı Var
Favicon sadece süsleme değildir — gerçek iş amaçlarına hizmet eder:
Marka Tanınırlığı
Birden fazla sekme açık olan müşteriler mağazanızı anında tanıyabilir. Bu özellikle geri dönen ziyaretçiler için değerlidir.
Profesyonel Görünüm
Faviconu olmayan mağazalar genel bir tarayıcı simgesi gösterir ve bu da tamamlanmamış veya amatör bir görünüm verir.
Geliştirilmiş Yer İmi Deneyimi
Müşteriler mağazanızı yer imlerine eklediğinde, faviconunuz yer imleri çubuğunda görünerek markanızı görünür tutar.
Güven Sinyali
Özel bir favicon detaylara özen gösterildiğini gösterir ve müşterilerin mağazanıza olan güvenini incelikle artırır.
Shopify Faviconunuzu Oluşturmak İçin Favicon.im Kullanımı
Hızlıca bir favicon oluşturmanız veya yeniden boyutlandırmanız mı gerekiyor? Ücretsiz araçlarımızı kullanın:
- Herhangi bir görseli favicon formatına dönüştürmek için Favicon Oluşturucu sayfasını ziyaret edin
- Logonuzu veya marka görselinizi yükleyin
- Doğru boyutlandırılmış faviconu indirin
- Yukarıdaki adımları izleyerek Shopify'a yükleyin
SSS
Shopify mağazama favicon nasıl eklerim?
Online Store → Themes → Customize → Theme Settings yolunu izleyin, Favicon bölümünü bulun, 32x32 boyutunda bir PNG görsel yükleyin ve Save'e tıklayın.
Shopify faviconu hangi boyutta olmalıdır?
Shopify 32x32 piksel önerir. Daha büyük görseller otomatik olarak yeniden boyutlandırılır ve kalite düşebilir.
Shopify faviconum neden görünmüyor?
Yaygın nedenler: tarayıcı önbelleği (zorla yenileme veya gizli mod deneyin), yanlış dosya formatı (PNG veya ICO kullanın) veya tema ayarları sorunu (görseli yeniden yükleyin).
Shopify Starter planında favicon ekleyebilir miyim?
Hayır, favicon özelleştirmesi Basic plan veya üstünü gerektirir. Starter plan mağazaları varsayılan Shopify simgesini gösterir.
Faviconum Google'da ne zaman görünür?
Google faviconları kendi programına göre günceller, genellikle günler veya haftalar sürer. Süreci hızlandırmak için site haritanızı Google Search Console'a gönderin ve dizine eklemeyi talep edin.
Özet
Shopify'a favicon eklemek 2 dakikadan az sürer:
- Özelleştiricide Tema Ayarlarını açın
- Favicon bölümünü bulun
- 32x32 boyutunda bir PNG görsel yükleyin
- SEO için alt metin ekleyin
- Kaydedin ve doğrulayın
Mağazanızın profesyonelliği ve marka tanınırlığı üzerinde önemli etkisi olan küçük bir simge.
Use favicon.im to quickly check if your favicon is configured correctly. Our free tool ensures your website's favicon displays properly across all browsers and devices.
Free Public Service
Favicon.im is a completely free public service trusted by developers worldwide.