Kısa cevap: Favicon — tarayıcı sekmesinde görünen küçük ikon — ve Open Graph (OG) görseli — bir sayfa sosyal medyada veya mesajlaşma uygulamalarında paylaşıldığında görünen kart görseli — birlikte bir avukat sitesinin marka tutarlılığını ve paylaşım anındaki ilk izlenimi etkiler. Doğru boyutta hazırlanmış bir favicon ile her makaleye özel bir OG görseli, teknik açıdan küçük ama ihmal edilmemesi gereken iki ayrıntıdır.
Bir avukat sitesi arama sonuçlarında üst sıralarda görünse bile, kullanıcı sonuca tıklamadan önce ya da bir meslektaş linki WhatsApp veya LinkedIn üzerinden paylaştığında karşısına ne çıktığı da önemlidir. Favicon ve Open Graph görseli tam bu noktada devreye girer: biri tarayıcıda görünürlüğü, diğeri paylaşım kartındaki ilk izlenimi belirler. Bu iki unsur genellikle site kurulumunun sonuna bırakılır ya da hiç ayarlanmaz; oysa doğru yapılandırıldığında marka tanınırlığına küçük ama sürekli bir katkı sağlar.
Favicon Neden Önemli?
Favicon, ziyaretçi birden fazla sekme açtığında siteyi diğerlerinden ayırt etmesini sağlayan küçük bir görsel işarettir. Tarayıcı geçmişinde, yer imlerinde ve mobil cihazlarda ana ekrana eklenen kısayollarda da aynı ikon görünür. Favicon eksik olduğunda tarayıcı varsayılan boş bir sayfa simgesi gösterir; bu da marka bilinirliğine önem veren bir hukuk bürosu için tutarsız bir izlenim yaratır.
Favicon tek bir dosyadan ibaret değildir. Modern tarayıcılar, iOS ana ekran kısayolları ve PWA (ilerici web uygulaması) manifestleri farklı boyutlarda favicon dosyaları bekler. Bu boyutlardan biri eksik olduğunda ilgili platformda ikon boş ya da bulanık görünebilir.
Open Graph (OG) Görseli Nedir?
Open Graph, başlangıçta Facebook tarafından tanımlanan ve bugün LinkedIn, WhatsApp, Telegram gibi birçok platformda kullanılan bir meta veri standardıdır. Sayfanın <head> bölümüne eklenen og:title, og:description ve og:image etiketleri, bir link paylaşıldığında platformun göstereceği başlığı, açıklamayı ve görseli belirler. Twitter/X için ayrıca twitter:card etiketi kullanılır.
Bu etiketler tanımlanmadığında platform ya sayfadaki rastgele bir görseli seçer ya da hiç görsel göstermeden düz metin bir önizleme sunar. Görsel dosyalarının hazırlanma ve sıkıştırma yöntemi için Görsel Optimizasyonu ve WebP Rehberi yazısına bakılabilir; OG görseli de aynı optimizasyon mantığıyla, gereksiz büyütülmeden hazırlanmalıdır.
Doğru Boyut ve İçerik Nasıl Olmalı?
Favicon ve OG görseli için yaygın kabul gören boyutlar ve formatlar aşağıdaki tabloda özetlenmiştir. Görsellerin genel teknik gereksinimleri konusunda Google Search Central kaynakları da referans olarak kullanılabilir.
OG görseli hazırlanırken en sık gözden kaçan nokta, görselin bir mesajlaşma uygulamasında ya da sosyal medya akışında küçük bir önizleme kutusunda gösterileceğidir. Görselin ortasına yerleştirilmiş büyük ve az sayıda metin, kenarlara sıkıştırılmış küçük yazılardan daha okunaklı görünür.
Her Makale İçin Özel OG Görseli
Tüm site için tek bir genel OG görseli kullanmak teknik olarak yeterlidir ama fırsatı eksik bırakır. Her makale veya hizmet sayfası için, başlığı ya da konuyu yansıtan ayrı bir görsel tanımlamak, paylaşılan linkin içeriğiyle görsel arasında bir tutarlılık kurar. Örneğin bir boşanma davası makalesi paylaşıldığında genel bir ofis fotoğrafı yerine konuyla ilişkili bir görselin görünmesi, paylaşımı yapan kişiye ve linke tıklayacak kişiye daha net bir bağlam verir.
Bu yapı sitenin genel teknik altyapısıyla da bağlantılıdır; Avukat Sitesinde Blog Altyapısı yazısında ele alınan kategori ve şablon düzeni, her makaleye manuel ya da yarı otomatik olarak farklı bir kapak/OG görseli atanmasını kolaylaştırır.
Sosyal Paylaşımda Tıklanma Etkisi
Bir link mesajlaşma uygulamasında veya sosyal medyada paylaşıldığında, görselli bir kart ile sadece mavi renkli bir metin bağlantısı arasında algısal bir fark vardır. Görsel ve başlığın birlikte göründüğü bir kart, paylaşımın daha profesyonel ve tutarlı görünmesine katkı sağlar; bu genel bir gözlemdir, kesin bir tıklanma oranı artışı garanti edilemez ve her site için ayrı değerlendirilmesi gerekir.
Bu tür teknik detaylar, sitenin genel web tasarım hizmeti kapsamında ele alınan görünürlük ve marka tutarlılığı çalışmalarının bir parçasıdır.
Sık Yapılan Hatalar
- Faviconun yalnızca ana sayfada tanımlanıp iç sayfalarda unutulması
- Tek boyutlu (yalnızca .ico) favicon kullanılıp modern boyutların eklenmemesi
- OG görselinde küçük punto ile yazılmış, önizlemede okunmayan metinler
- Tüm makaleler için aynı genel görselin tekrar tekrar kullanılması
- Sıkıştırılmamış, gereksiz büyük dosya boyutlu görsellerin yüklenmesi
- twitter:card etiketinin eksik bırakılması
- Site şemasındaki (schema) bilgiler ile OG etiketlerindeki bilgilerin tutarsız olması — bu noktada Schema Doğrulama Araçları yazısındaki kontrol yöntemleri yardımcı olabilir
Özet: Boyut ve Format Kontrol Listesi
| Unsur | Doğru Boyut / Format | Not |
|---|---|---|
| Favicon (sekme ikonu) | 32×32 px, .png veya .ico | Sade tasarım, küçük boyutta da okunaklı olmalı |
| Favicon (apple-touch-icon) | 180×180 px, .png | iOS’ta ana ekrana eklenince görünür |
| Favicon (PWA/manifest) | 512×512 px, .png | Modern tarayıcı ve uygulama kısayolları için |
| OG görseli (Facebook/LinkedIn/WhatsApp) | 1200×630 px, .jpg/.png (~1.91:1 oran) | Metin görselin kenarlarına çok yakın olmamalı |
| Twitter/X kart görseli | 1200×628 px, .jpg/.png | OG görseliyle uyumlu tutulabilir |
| Dosya boyutu | Mümkün olduğunca küçük | Sayfa hızını ve paylaşım önizlemesinin hızlı yüklenmesini etkiler |
- Her sayfa/makale için ayrı bir og:image etiketi tanımlanmış mı?
- Favicon önemli boyutlarda (16×16, 32×32, 180×180, 512×512) mevcut mu?
- OG görselinde marka adı/logo okunabilir büyüklükte mi?
- Görsel dosyaları optimize edilmiş şekilde mi sunuluyor?
- twitter:card meta etiketi eklendi mi?
- Paylaşım önizlemesi ilgili platformların önizleme araçlarıyla test edildi mi?
Sonuç ve Değerlendirme
Favicon ve Open Graph görseli, bir avukat sitesinin görünürlük çalışmalarının en görünmez ama en sık karşılaşılan parçalarındandır. Doğru boyut ve format seçimi, her makaleye özel bir görsel tanımlanması ve bu ayarların düzenli kontrol edilmesi, sitenin genel teknik SEO ve marka tutarlılığı çalışmasının doğal bir uzantısıdır.
Sıkça Sorulan Sorular
Favicon nedir ve neden gereklidir?
Favicon, tarayıcı sekmesinde, yer imlerinde ve mobil ana ekran kısayollarında görünen küçük bir site ikonudur. Eksik olduğunda tarayıcı boş bir simge gösterir ve site diğer açık sekmeler arasında ayırt edilemez. Marka tutarlılığı açısından her sayfada aynı, sade ve okunaklı bir favicon bulunması önerilir.
Open Graph görseli hangi platformlarda kullanılır?
Open Graph etiketleri başlangıçta Facebook için tanımlanmış olsa da bugün LinkedIn, WhatsApp ve Telegram gibi birçok platform bir link paylaşıldığında og:image, og:title ve og:description etiketlerini okuyarak paylaşım kartını oluşturur. Twitter/X için ayrıca ayrı bir twitter:card etiketi kullanılır; bu etiket tanımlı değilse platform yine og: etiketlerine geri döner.
OG görseli için önerilen boyut nedir?
Yaygın kabul gören OG görsel boyutu 1200×630 piksel civarında, yaklaşık 1.91:1 en-boy oranındadır. Görselin çoğu platformda küçük bir önizleme kutusunda gösterileceği unutulmamalı; üzerinde metin varsa görselin ortasına, büyük ve okunaklı şekilde yerleştirilmeli, kenarlara sıkıştırılmamalıdır.
Her makale için ayrı OG görseli hazırlamak gerekli midir?
Zorunlu değildir ama önerilir. Tüm site için tek bir genel görsel kullanmak teknik olarak yeterlidir, fakat her makaleye özel bir görsel, paylaşılan linkin konusuyla görsel arasında tutarlılık kurarak paylaşım anındaki bağlamı güçlendirir ve okuyucuya konuyla ilgili bir ipucu verir.
Favicon kaç farklı boyutta hazırlanmalı?
Genel pratikte en az dört boyut önerilir: tarayıcı sekmesi için 32×32 px, iOS ana ekran kısayolu için 180×180 px, PWA/manifest kullanımı için 512×512 px ve gerektiğinde küçük tarayıcı arayüzleri için 16×16 px. Bu boyutlardan biri eksik olduğunda ilgili platformda ikon boş ya da bulanık görünebilir.
OG görseli eksik olursa ne olur?
og:image etiketi tanımlanmadığında paylaşım yapılan platform ya sayfadaki rastgele bir görseli seçer ya da hiç görsel içermeyen düz metin bir önizleme gösterir. Bu durum, özellikle bir hukuk bürosu için, paylaşımın dikkat çekiciliğini ve marka tutarlılığı algısını olumsuz etkileyebilir.
Yazar Hakkında
Bu içerik, Avukatlar İçin SEO ekibi tarafından hazırlanmıştır. Ekip, hukuk büroları için web tasarım ve teknik SEO süreçlerinde favicon, Open Graph görselleri ve sosyal paylaşım kartı ayarları gibi teknik detayları site kurulumunun ve içerik yönetiminin bir parçası olarak ele alır. Amaç, sitenin arama motorlarında ve sosyal paylaşımlarda tutarlı, markayla uyumlu bir görünüm sunmasını sağlamaktır.
Bilgilendirme Notu: Bu içerik yalnızca genel bilgilendirme amacıyla hazırlanmıştır. SEO ve dijital pazarlama sonuçları; sektör, rekabet, sitenin geçmişi ve arama motoru algoritmalarındaki değişikliklere göre farklılık gösterir; hiçbir kesin sonuç garanti edilmez. Avukatların dijital tanıtımı Türkiye Barolar Birliği Reklam Yasağı Yönetmeliği'ne tabidir; uygulama öncesinde bağlı bulunduğunuz baronun güncel görüşü esas alınmalıdır.
Sitenizin marka görünürlüğünü küçük ama etkili detaylarla güçlendirmek için görüşebiliriz.
📚 Bu konudaki ana rehber: Web Tasarımı & Teknik SEO
Benzer Konular
Ziyaretçi Yorumları