<meta> Nedir?
<meta> etiketi, bir HTML belgesine ait tarayıcılar ve arama motorları için meta bilgileri tanımlamak amacıyla kullanılır. Sayfanın karakter seti, açıklaması, anahtar kelimeleri, yazar bilgisi ve görünüm ayarları gibi veriler bu etiketle belirtilir. <meta> etiketi yalnızca <head> bölümünde yer alır ve sayfa üzerinde görünmez.
Ne İşe Yarar?
<meta> etiketi, sayfanın nasıl yorumlanacağını ve nasıl sunulacağını belirler. SEO açısından önemli bilgiler sağlar, mobil uyumluluk ayarlarını yapar ve tarayıcıya teknik yönergeler verir. Doğru meta etiketleri, arama motorlarının sayfayı daha iyi anlamasına yardımcı olur.
En Basit Kullanımı
En yaygın kullanılan meta etiketi karakter seti tanımıdır.
<head>
<meta charset="utf-8">
</head>Örnek Kullanımlar
Sayfa açıklaması (description)
Arama motorlarında görünen kısa açıklamayı tanımlar.
<head>
<meta name="description" content="HTML meta etiketi hakkında detaylı bilgiler">
</head>Anahtar kelimeler (keywords)
Sayfa içeriğiyle ilgili anahtar kelimeleri belirtir (günümüzde SEO etkisi sınırlıdır).
<head>
<meta name="keywords" content="html, meta, meta etiketi">
</head>Mobil uyumluluk (viewport)
Sayfanın mobil cihazlarda doğru ölçeklenmesini sağlar.
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>Yazar bilgisi
Sayfanın yazarını tanımlamak için kullanılır.
<head>
<meta name="author" content="Ahmet Yılmaz">
</head>Ne Zaman Kullanılır?
- Her HTML belgesinde temel ayarları tanımlamak için.
- SEO ve arama motoru optimizasyonu yapılırken.
- Mobil uyumlu sayfalar oluştururken.
Küçük İpuçları
- <meta> etiketleri her zaman <head> içinde olmalıdır.
- Bir sayfada birden fazla meta etiketi kullanılabilir.
- Description içeriğini 150–160 karakter civarında tutmak idealdir.
- Viewport meta etiketi, mobil uyumluluk için neredeyse zorunludur.