Meta etiketleri, HTML sayfalarının arama motorları ve tarayıcılar tarafından nasıl görüntüleneceğini belirleyen kısa kod parçacıklarıdır. SEO ve kullanıcı deneyimi için kritik önem taşırlar. Bu yazıda, sıklıkla kullanılan meta etiketlerinin neler olduğuna ve ne işe yaradıklarına değindik.
Meta Tag Kullanımının SEO Açısından Önemi
Meta tag’ler arama motorlarının sitenizi doğru ve kolay bir şekilde anlaması için önemlidir. Arama motoru botu tüm bir sayfayı taramadan önce meta etiketleri ile karşılaşır ve sayfanın ne hakkında olduğunu daha kolay anlar. Bu sayede sayfanıza harcayacağı süre azalır. Bunun yanı sıra arama motoru sonuç sayfaları oluşturulurken de meta etiketlerinden yararlanılır. Kullanıcının arama motoru sonuç sayfalarında gördüğü web sayfasının, başlık ve açıklamaları bu etiketlerden gelmektedir.
Meta Etiketi Çeşitleri
Toplamda 30’a yakında meta etiket çeşidi bulunmaktadır. Burada net bir sayıdan bahsetmek zordur çünkü meta etiketleri web standartlarına göre oluşturulabilen ve genişletilebilen bir yapıya sahiptir. Bu yazıda en fazla kullanılan 10 adet meta tag çeşidini ve onların ne işe yaradığını ele alacağız.
Meta Title
Diğer bir adıyla meta başlık, web sayfasının başlığını tanımlayan HTML meta etiketidir. Bu etiket tarayıcının sekmesinde ve arama motoru sonuçlarında (SERP) gözükür. Meta Title, SEO açısından çok önemlidir. Arama motorları, bu HTML etiketini o web sayfasının ne hakkında olduğunu öğrenmek için kullanırlar. Ayrıca kullanıcılar doğrudan arama sonuç sayfasında bu etiketi gördüğü için içeriğe tıklama kararlarını da etkiler. SEO için doğru oluşturulmuş bir meta title 50-60 karakter civarındadır.
Meta Description
Türkçe ismiyle meta açıklama, bir web sayfasının içeriğini özetleyen HTML meta etiketidir. Meta description etiketi arama sonuçlarında web sayfası başlığının hemen altında görüntülenir. Kullanıcılara web sayfasının içeriğini kısaca özetler. Doğrudan bir sıralama faktörü değildir lakin tıklama oranını (CTR) etkileyebilir. Bu yüzden SEO’da önemli bir yer tutar. Doğru optimize edilmiş bir meta description 150-160 karakter arasında olmalıdır.
Meta Keywords
Meta keywords, yani meta anahtar kelimeler web sayfasının içeriği ile alakalı olan kelimeleri listeleyen bir HTML meta etiketidir. 1990’ların sonları, 2000’lerin başlarında web sayfasının içeriğini anlamak için Google tarafından kullanılan bu meta etiketi artık önemini yitirmiştir. Google tarafından göz ardı edilmektedir.
Meta Robots
Meta robots etiketi, arama motoru botlarına bir web sayfasının taranma seçeneklerini söyleyen HTML meta etiketidir. Meta robots etiketi sayfanın arama motorları tarafından dizine eklenip eklenmeyeceğini, bağlantıların izlenip izlenmeyeceğini ve diğer tarama direktiflerini belirtir.
Meta robots etiketinde en fazla kullanılan direktifler şu şekildedir:
- index: Sayfanın arama motoru dizinine eklenmesinin açık olduğunu söyler.
- noindex: Sayfanın arama motoru dizinine eklenmesini engeller.
- follow: Sayfada bulunan bağlantıların arama motoru botları tarafından izlenmesini sağlar.
- nofollow: Sayfada bulunan bağlantıların arama motoru botları tarafından izlenmesini engeller.
- noarchive: Arama motorlarının sayfanın önbelleğe alınmış bir kopyasını saklamasını engeller.
- nosnippet: Arama motorlarının sayfanın açıklamasını veya önizlemesini göstermesini engeller.
- noimageindex: Arama motorlarının sayfadaki görüntüleri dizine eklemesini engeller.
Meta Charset
Bu etiket web sayfasının karakter kodlamasını tanımlar. Doğru karakter setini botlara belirtmek sayfanın düzgün şekilde taranabilmesi için çok önemlidir. Yaygın olarak UTF-8 karakter seti kullanılır. Bu kodlama dünya çapında hemen hemen tüm dillerin karakterlerini desteklemektedir.
Örnek: <meta charset=”UTF-8″>
Meta Viewport
Bu etiket, web sayfasının farklı cihaz ve ekran boyutlarında nasıl görüntüleneceğini kontrol eder. Özellikle mobil uyumlu tasarımlar için kritik bir etikettir. Tarayıcının, sayfanın genişleme ve ölçekleme davranışını nasıl ayarlayacağını belirtir.
Meta viewport etiketine bir örnek: <meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
Meta Author
Meta author etiketi web sayfasının yazarını tanımlayan HTML meta etiketidir. Meta author etiketi web sayfasındaki içeriğin kim tarafından yazıldığını belirtmek için kullanılır. Doğrudan bir sıralama faktörü olmasa bile E-E-A-T açısından sayfanın kim tarafından yazıldığını belirtmek önemlidir.
Örnek: <meta name=”author” content=”Yazar Adı”>
Meta Open Graph Tags
Meta open graph etiketleri, web sayfasının sosyal medya platformlarında nasıl görüneceğini belirten meta etiketleridir. Bu etiketler, özellikle Facebook, LinkedIn gibi sosyal ağlarda paylaşıldığında sayfanın başlık, açıklama, görsel ve diğer bilgilerini belirlemek için kullanılır. Open Graph protokolü, sayfanın sosyal medya platformlarında zengin bir önizleme sunmasını sağlar.
Meta Refresh
Meta refresh web sayfasını bir süre sonra otomatik yenilemek veya başka bir sayfaya yönlendirmek için kullanılan HTML meta etiketidir. Meta refresh özellikle sayfa yenilemeleri veya zamanlanmış yönlendirmeler için kullanılır.
Örnek: <meta http-equiv=”refresh” content=”5;url=https://www.example.com”>
Meta Language
Meta language, bir web sayfasının dilini tanımlamak için kullanılan bir HTML meta etiketidir. Etiket, sayfanın hangi dilde yazıldığını belirtir. Lakin günümüzde modern HTML ve SEO uygulamalarında bu meta etiketi pek kullanılmaz; bunun yerine, sayfanın dilini belirtmek için HTML etiketine lang özniteliği eklenir.
Günümüzdeki uygulama örneği: <html lang=”en”>
