Bir fırın yatay logosunu favicon olarak yüklüyor. Medya kitaplığında iyi görünen görsel, tarayıcı sekmesinde okunmaz hâle geliyor. Tema ayrıca eski bir favicon etiketi yayımladığı için tarayıcılar iki farklı simge arasından seçim yapıyor.
Bu rehberde küçük boyutta okunaklı bir kaynak hazırlamayı, WordPress Site Simgesi özelliğini kullanmayı ve yinelenen favicon kaynaklarını nasıl bulacağınızı öğreneceksiniz.
WordPress favicon nedir?
WordPress Site Simgesi, tarayıcı sekmesinde, yer imlerinde ve bazı cihaz kısayollarında kullanılan küçük kare görseldir. Tema şablonunda wp_head() çağrısı varsa WordPress, seçilen medya ekinden uygun icon etiketleri üretir. Ayrıntılı yatay logo, küçük favicon boyutunda tanınabilir olmayabilir.
- Basit, kare ve açık-koyu arka planda ayırt edilebilen bir kaynak görsel kullanın.
- Sayfa kaynağındaki bütün rel icon etiketlerini ve web uygulaması manifestindeki simgeleri inceleyin.
- Tema, eklenti ve özel koddan gelen eski favicon kaynaklarını yeni Site Simgesi ile birlikte yayımlamayın.
Gerçekçi bir WordPress örneği
Fırın, logosundaki yalnız buğday sembolünü kare bir görsele dönüştürüyor. WordPress Site Simgesi olarak seçmeden önce eski tema favicon alanını kapatıyor. Temiz tarayıcı profilinde sekme, yer imi ve mobil kısayol kontrol edildiğinde bütün yüzeyler aynı simgeyi gösteriyor.
Neden önemlidir ve ne zaman kullanılır?
Favicon küçük bir marka işaretidir; okunaklı olması ayrıntılı logoyu eksiksiz taşımasından daha önemlidir. Yeni site kurulurken, marka değiştiğinde veya tema değişimi eski icon etiketlerini yeniden ortaya çıkardığında ayarı gözden geçirin.
Yalnız medya kitaplığı önizlemesine güvenmeyin. Tarayıcı önbelleği, CDN, tema ayarı ve web uygulaması manifesti farklı simgeler sunabilir; ziyaretçinin aldığı HTML ve doğrudan dosya yanıtı kontrol edilmelidir.
Yeni başlayanlar için güvenli yöntem
- Mevcut Site Simgesini ve ona ait medya dosyasını geri dönüş için kaydedin.
- Yeterli boşluk ve kontrasta sahip kare bir işaret hazırlayın; küçük sekme boyutunda önizleyin.
- WordPress Site Simgesi ayarından yeni görseli seçin ve yayımlamadan önce önizleyin.
- Tema, eklenti, özel kod ve manifest içinde başka favicon tanımları olup olmadığını kontrol edin.
- Temiz tarayıcı profilinde sekme, yer imi ve mobil kısayolu test edin; eski simgeyi hemen silmeyin.
İleri teknik doğrulama
İleri incelemede sayfanın ürettiği icon etiketlerini, dosya yanıtlarını ve önbellek katmanlarını birlikte değerlendirin.
- Her rel icon etiketinin URL, boyut ve MIME türünü kaydedin; dosyaları doğrudan açın.
- Açık ve koyu tarayıcı temasında, standart ve yüksek yoğunluklu ekranda simgenin okunaklı olduğunu doğrulayın.
- Multisite kullanılıyorsa doğru sitenin medya eki ve ayarının değiştiğini kontrol edin.
- Manifest, CDN dönüşümü veya tema kodu ikinci bir simge yayımlıyorsa sorumlu kaynağı belirleyin.
Riskler, sık hatalar, yedek ve geri dönüş
En sık hata, yatay logoyu olduğu gibi kullanmak veya eski favicon kaynağını kapatmadan yeni Site Simgesini eklemektir.
- Yeni simgenin doğru çalıştığı doğrulanmadan önceki simgeyi silmeyin.
- Tarayıcı önbelleğini aşmak için sürekli yeni dosya yükleyerek sorunun kaynağını gizlemeyin.
- Temaya doğrudan icon etiketi ekleyip WordPress Site Simgesi çıktısıyla çakıştırmayın.
- Tarayıcılar farklı simgeler seçiyor, dosya yanıtı hatalı geliyor veya küçük görünüm okunmuyorsa önceki ayara dönün.
Değişiklik kaydına kaynak medya ekini, icon adreslerini, tema ve manifest sahiplerini, önbellek katmanlarını ve test tarihini ekleyin.
AIOWS nasıl yardımcı olur?
AIOWS Favicon Yöneticisi
AIOWS Favicon Yöneticisi, WordPress Site Simgesini tema dosyalarına kod eklemeden seçmenize, önizlemenize ve değiştirmenize yardımcı olur. Başlangıçta mevcut simgeyi ve medya ekini kaydedin; ardından küçük boyutta tanınabilen kare kaynağı seçin. Tema, eklenti, özel kod veya manifest başka bir favicon yayımlıyorsa bu kaynakları ayrıca belirleyin.
Yeni simgeyi yayımlamadan önce AIOWS içindeki önizlemeyi kontrol edin. Sonrasında ziyaretçiye sunulan sayfanın icon etiketlerini inceleyin ve her dosyayı doğrudan açın. Temiz tarayıcı profilinde kalabalık sekme çubuğu, yer imi ve mobil kısayol testleri yapın. Eski simge yalnız belirli bir önbellekten geliyorsa bütün siteyi temizlemek yerine ilgili sayfa veya favicon katmanını yenileyin.
Favicon Yöneticisi tarayıcıların simge önbelleğini anında silemez, ayrıntılı bir logoyu küçük boyutta okunaklı yapamaz, şablonunda wp_head() çağrısı bulunmayan temayı onaramaz ve dış manifest simgesini yönetmez. Sorun görülürse önceki Site Simgesini geri seçin, yalnız yinelenen kaynağı kapatın ve eski medya ekini doğrulama tamamlanana kadar koruyun.
AIOWS Favicon Yöneticisi'ni inceleyinAIOWS planlarını karşılaştırın
İlgili AIOWS yazıları
- WordPress Favicon Görünmüyor veya Güncellenmiyor: Tam Çözüm
- WordPress’te Header, Body ve Footer Kodları Nereye Eklenmeli?
- WordPress’e Google Search Console Doğrulama Kodu Nasıl Eklenir?
Sonuç ve önerilen yol
Basit ve kare bir kaynak görsel seçin, eski tema veya eklenti faviconlarını kaldırın ve sonucu yalnız yönetici önizlemesinde değil, sayfa kaynağı, doğrudan dosya, sekme, yer imi ve mobil kısayolda doğrulayın.
