Meta etiketleri nedir ve ne işe yararlar?

Meta etiketleri, tarayıcılar ve arama motorları için meta veriler (belge hakkında bilgiler) sağlayan özel HTML etiketleridir. <head> bölümünde bulunurlar.

Ana meta etiket türleri ve amaçları:

charset: Sayfanın karakter kodlamasını belirtir, örneğin UTF-8. Metnin doğru görüntülenmesi için önemlidir.
```
<meta charset="UTF-8">
```
name="description": Sayfa içeriğinin kısa bir açıklamasını tanımlar. Arama motorları sonuçlarında kullanılır.
```
<meta name="description" content="Sayfanızın arama motorları için kısa açıklaması.">
```
name="keywords": Sayfa içeriğini tanımlayan anahtar kelimelerin listesidir. SEO üzerindeki etkisi azalmış olsa da bazı eski sistemler tarafından kullanılabilir.
```
<meta name="keywords" content="anahtar kelime1, anahtar kelime2, anahtar kelime3">
```
name="viewport": Mobil cihazlarda görüntüleme alanının ölçeklendirilmesini ve boyutlarını kontrol eder. Duyarlı tasarım için kritiktir.
```
<meta name="viewport" content="width=device-width, initial-scale=1.0">
```
- width=device-width: Görüntüleme alanının genişliği cihaz ekranının genişliğine eşittir.
- initial-scale=1.0: Sayfa yüklenirken başlangıç ölçeği.

name="robots": Arama motoru robotlarına sayfanın indekslenme kurallarını belirtir.

content özniteliği değerleri tablosu:

Değer	Açıklama
`index`	Sayfanın indekslenmesine izin verir.
`noindex`	Sayfanın indekslenmesini engeller.
`follow`	Sayfadaki bağlantıları takip edip indekslemeye izin verir.
`nofollow`	Bağlantıların takip edilmesini engeller.
`all`	`index, follow` ile eşdeğerdir. (Varsayılan değer)
`none`	`noindex, nofollow` ile eşdeğerdir.

<meta name="robots" content="index, follow">

property (Open Graph, Twitter Cards): İçeriğin sosyal medyada nasıl görüneceğini belirlemek için kullanılır.

<meta property="og:title" content="Sosyal medya başlığı">
<meta property="og:description" content="Sosyal medya açıklaması">
<meta property="og:image" content="Önizleme resmi URL'si">
<meta property="og:url" content="Sayfa URL'si">
<meta name="twitter:card" content="summary_large_image">

Meta etiketlerinin gerekliliği şu şekildedir:

SEO (Arama Motoru Optimizasyonu): Arama motorlarının sayfanın konusunu ve içeriğini anlamasına yardımcı olur, sıralamayı ve arama sonuçlarındaki gösterimi etkiler (description, keywords, robots).
UX (Kullanıcı Deneyimi): Farklı cihazlarda sayfanın görüntülenmesini ve etkileşimini iyileştirir (viewport).
Sosyal Medya: Paylaşım sırasında bağlantının çekici görünmesini sağlar, tıklama oranını artırır (property - Open Graph, Twitter Cards).
Teknik bilgiler: Tarayıcı için önemli teknik veriler sağlar (örneğin, kodlama).

Meta etiketlerinin kullanımı, doğru, optimize edilmiş ve kullanıcı dostu web sayfaları oluşturmak için zorunludur.