Meta Tag Nedir ve Nasıl Yazılır?

Web geliştirme ve SEO (Arama Motoru Optimizasyonu) süreçlerinde sıkça karşılaşılan meta tag, bir web sayfasının HTML kodlarında bulunan ve sayfa hakkında bilgi veren etiketlerdir. Meta tag'ler, genellikle sayfanın <head> bölümünde yer alır ve arama motorlarına, tarayıcılara veya sosyal medya platformlarına sayfanın içeriği hakkında bilgi sağlarlar.

Meta Tag Nedir?

Meta tag'ler (Meta Etiketleri), web sayfasının içeriğiyle ilgili açıklamalar, anahtar kelimeler, yazar bilgisi, karakter kodlaması gibi verileri içerir.
Arama motoru botları bu etiketleri okuyarak sayfanın ne hakkında olduğunu anlar ve sıralamada değerlendirebilir.
Meta tag'ler kullanıcıların direkt olarak sayfada görmediği, ancak arama motorları ve tarayıcılar için önemli olan verilerdir.

En Yaygın Meta Tag Çeşitleri

Meta Tag	Açıklama	Örnek
meta charset	Sayfanın karakter setini belirtir	`<meta charset="UTF-8">`
meta description	Sayfanın kısa açıklaması (SEO için önemli)	`<meta name="description" content="...">`
meta keywords	Anahtar kelimeler (eskiden SEO için önemliydi, artık etkisi az)	`<meta name="keywords" content="anahtar, kelime">`
meta author	Yazarı belirtir	`<meta name="author" content="Ad Soyad">`
meta viewport	Mobil cihazlara uyumlu görünüm sağlar	`<meta name="viewport" content="width=device-width, initial-scale=1.0">`
meta robots	Arama motoru botlarına sayfada ne yapacaklarını söyler	`<meta name="robots" content="index, follow">`

Meta Tag Nasıl Yazılır?

Meta tag'ler HTML sayfasında <head> etiketi içinde yer alır ve şu yapıda yazılır:

<head>
  <meta name="description" content="Bu sayfa en güncel teknoloji haberlerini sunar.">
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="robots" content="index, follow">
  <title>Teknoloji Haberleri</title>
</head>

Açıklamalar:

name özelliği, meta tag'in türünü belirtir.
content özelliği, o meta tag ile iletilmek istenen metni içerir.
Bazı meta tag'ler (örneğin charset) sadece charset gibi başka bir özellik kullanır.

Neden Meta Tag Kullanmalısın?

SEO için Önemli: Google ve diğer arama motorları meta description bilgisini snippet olarak kullanabilir.
Kullanıcı Deneyimi: Doğru açıklamalar kullanıcıların arama sonuçlarında daha doğru bilgi almasını sağlar.
Uyumluluk: Mobil uyumluluk için viewport meta tag gerekir.
Arama Motoru Yönlendirmesi: Robots meta tag ile sayfanın indekslenmesi kontrol edilebilir.
Daha İyi Paylaşımlar: Sosyal medya platformları, meta tag'lerdeki Open Graph gibi özel etiketlerle sayfaları daha iyi önizler.

Örnek Basit Meta Tag Bloku

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="Türkiye'nin en güncel haber sitesi. Teknoloji, ekonomi ve kültür haberleri burada.">
  <meta name="keywords" content="haber, teknoloji, ekonomi, kültür">
  <meta name="author" content="Haber Ekibi">
  <meta name="robots" content="index, follow">
  <title>Güncel Haberler</title>
</head>

Özet

Meta tag'ler, web sayfanın içeriği hakkındaki bilgileri arama motorları ve tarayıcılar ile paylaşan HTML etiketleridir. Doğru ve özenli kullanımı, hem SEO performansını artırır hem de kullanıcıların doğru bilgiye erişmesini sağlar. En kritik olanları meta description, charset, viewport ve robots tag'leridir.

Pratik öneri: Web

Meta tag nedir ve nasıl yazılır?