Bu araç hakkında
HTML <head>'deki meta etiketleri, arama motorlarının ve sosyal platformların bir sayfanın önizlemesini nasıl görüntüleyeceğini kontrol eder. En önemli etiketler arasında <title>, <meta name="description">, Açık Grafik etiketleri (og:title, og:description, og:image) ve Twitter Kartı etiketleri (twitter:title, twitter:description, twitter:image) bulunur. Bu etiketler eksik, hatalı biçimlendirilmiş veya yanlış olduğunda arama parçacıkları ve sosyal önizlemeler bozuk görünür veya istenmeyen içerik kullanılır.
Bu denetleyici bir URL getirir ve ilgili tüm meta etiketleri inceler. Eksik etiketler işaretlenir. Platforma özgü uzunluk sınırlarını aşan içeriğe sahip etiketler (Google snippet'inin kısaltılması, Twitter karakter sınırları) vurgulanır. Resim referansları doğrulanır; og:image 404'ü gösterirse sosyal önizleme bozulur.
Tüm bunlar önemlidir çünkü sitenize yapılan tıklamaların çoğu arama sonuçlarından ve sosyal paylaşımlardan gelir. Meta etiketler, bir tıklamanın gerçekleşip gerçekleşmeyeceğine karar veren pazarlama metnidir. Bunları doğru yapmak en yüksek kaldıraçlı SEO ve sosyal görevlerden biridir.
Neden Meta Etiketleri Kontrol Etmelisiniz?
Meta etiket hataları sessizdir. Og:image içermeyen bir sayfa hâlâ doğru şekilde yükleniyor; sayfada hiçbir şey size sosyal paylaşımların bozuk göründüğünü söylemiyor. Hata yalnızca birisi sayfayı paylaştığında görülebilir; bu noktada kaçırılan ilk izlenim zaten kaybolur. Sayfaları düzenli olarak kontrol etmek bu sorunları erkenden yakalar.
Bir sitede yapılan büyük değişikliklerden sonra (yeniden tasarım, CMS geçişi, şablon güncellemesi) meta etiketler sıklıkla geriler. Önemli sayfalardaki QA geçişi, değişiklikte kritik hiçbir şeyin kaybolmadığını doğrular.
Teknik Detaylar
SEO için gerekli meta etiketler: <title> (50-60 karakter; Google bunun ötesinde arama snippet'lerini keser), <meta name="description"> (150-160 karakter; daha uzun metinler kesilir). Her ikisinin de eksik olması, arama görünümünü önemli ölçüde bozar.
Açık Grafik etiketleri (Facebook, LinkedIn, Slack ve diğerleri tarafından kullanılır): og:title, og:description, og:image, og:url, og:type. og:image, yüksek DPI oluşturma için en az 1200×630 piksel olmalıdır. og:image:alt erişilebilirlik etiketidir.
Twitter Kartı etiketleri: twitter:card (genellikle Summary_large_image), twitter:title, twitter:description, twitter:image. Twitter'a özgü olanlar eksikse Twitter OG etiketlerine geri döner, bu nedenle iyi yapılandırılmış OG genellikle yeterlidir.
Sık sorulan sorular
- SEO için en önemli meta etiketler nelerdir?
- Başlık etiketi (en önemlisi — 50-60 karakter), meta açıklama (150-160 karakter), standart URL, robot metası, Açık Grafik (og:title, og:description, og:image) ve mobil cihazlar için görünüm. Bunlar arama sıralamalarını ve tıklama oranlarını doğrudan etkiler.
- Başlık etiketim ne kadar uzun olmalı?
- Google arama sonuçlarında tam görüntü için 50-60 karakter (veya ~580 piksel). Daha uzun başlıklar '...' ile kesilir. En başından beri önemli anahtar kelimeleri önden yüklemek en görünür olanıdır ve daha fazla SEO ağırlığı taşır.
- Açık Grafik etiketlerine ihtiyacım var mı?
- Evet, sayfalarınız sosyal medyada paylaşılıyorsa. Og:image ve og:title olmadan, Facebook/LinkedIn kötü görünebilecek önizlemeleri otomatik olarak oluşturacaktır. Uygun OG etiketleri, içeriğinizin paylaşıldığında harika görünmesini sağlar.
- Canonical etiketi ne işe yarar?
- Canonical etiketi (rel='canonical'), arama motorlarına hangi URL'nin bir sayfanın 'resmi' sürümü olduğunu bildirir. Aynı sayfaya birden fazla URL'den erişildiğinde (www ile/www olmadan, HTTP/HTTPS olmadan, sorgu parametreleriyle) yinelenen içerik sorunlarını önler.
- Facebook paylaşımım neden yanlış görseli gösteriyor?
- Çoğu zaman Facebook önbelleğe alınmış bir sürümü kullanıyor. Önbelleği temizlemek ve sayfanızı yeniden getirmek için Facebook'un Paylaşım Hata Ayıklayıcısını kullanın.
- Meta etiketleri büyük/küçük harfe duyarlı mıdır?
- Özellik adları kural gereği küçük harfle yazılır. Ayrıştırıcıların çoğu hoşgörülüdür ancak güvenlik için küçük harflere sadık kalın.
- URL'm tarayıcıdan mı yoksa sunucudan mı getirildi?
- Alete bağlıdır. Tarayıcının getirilmesi CORS sorunlarına neden olabilir; bazı araçlar, alıp geri raporlamak için bir sunucu proxy'si kullanır.
- JSON-LD yapılandırılmış verileri ne olacak?
- JSON-LD, meta etiketlerden ayrı, zengin sonuçlara yönelik yapılandırılmış verilerdir. Çoğu meta etiket denetleyicisi HTML başlık metasına odaklanır; Yapılandırılmış veri doğrulayıcılar ayrı bir araç sınıfıdır.