Meta Tag Nedir ?

WebYazilimciniz

Meta Tag'ler, Web Sayfalarının <head> Bölümünde Yer Alan Ve Arama Motorları, Sosyal Medya Platformları Ve Diğer Web Servisleri Gibi Istemcilere Sayfa Hakkında Bilgi Veren Html Etiketleridir.

Kullanıcılar Tarafından Doğrudan Görülmezler, Ancak Web Sitesinin Içeriği, Anahtar Kelimeleri, Yazar Bilgisi, Karakter Kodlaması Gibi Çeşitli Meta Verileri Içerirler.

Meta Tag'lerinin Önemi Ve Işlevleri:

Arama Motoru Optimizasyonu (seo): Arama Motorlarının Web Sayfasının Içeriğini Anlamasına Ve Doğru Anahtar Kelimelerle Indekslemesine Yardımcı Olurlar.

Özellikle <title> Ve <meta Description> Etiketleri, Arama Sonuçlarında Sayfanın Başlığını Ve Açıklamasını Göstererek Tıklanma Oranını Etkileyebilir.

Sosyal Medya Paylaşımları: Open Graph (og:) Ve Twitter Card Gibi Meta Etiketleri, Sayfaların Sosyal Medyada Nasıl Görüneceğini Belirler.

Başlık, Açıklama Ve Görsel Gibi Bilgilerin Doğru Şekilde Görüntülenmesini Sağlarlar.

Tarayıcı Davranışı: <meta Charset> Etiketi, Sayfanın Karakter Kodlamasını Tanımlayarak Metinlerin Doğru Görüntülenmesini Sağlar.

<meta Viewport> Etiketi Ise, Sayfanın Farklı Cihaz Ekranlarına (mobil, Tablet Vb.

) Uyumlu Bir Şekilde Ölçeklenmesine Yardımcı Olur.

Diğer Bilgiler: Yazar Bilgisi, Dil, Robots Direktifleri (sayfanın Indekslenip Indekslenmeyeceği, Bağlantıların Takip Edilip Edilmeyeceği Gibi) Gibi Çeşitli Meta Verileri De Tanımlanabilir.

Yaygın Meta Tag Örnekleri:

Html

<!doctype Html>

<html>

<head>

<meta Charset="utf-8">

<meta Name="viewport" Content="width=device-width, Initial-scale=1.

0">

<title>örnek Web Sayfası Başlığı</title>

<meta Name="description" Content="bu, Örnek Bir Web Sayfasının Kısa Açıklamasıdır.

">

<meta Name="keywords" Content="örnek, Web Sayfası, Meta Tag, Html">

<meta Name="author" Content="ai Asistan">

<meta Name="robots" Content="index, Follow">

<meta Property="og:title" Content="sosyal Medya Için Örnek Başlık">

<meta Property="og:description" Content="sosyal Medya Paylaşımı Için Örnek Açıklama.

">

<meta Property="og:image" Content="https://example.

Com/resim.

Jpg">

</head>

<body>

<h1>merhaba Dünya!</h1>

<p>bu Bir Örnek Web Sayfasıdır.

</p>

</body>

</html>

Yukarıdaki Örnekte Kullanılan Bazı Meta Tag'leri Ve Anlamları Şunlardır:

<meta Charset="utf-8">: Karakter Kodlamasının Utf-8 Olduğunu Belirtir.

<meta Name="viewport" Content="width=device-width, Initial-scale=1.

0">: Sayfanın Mobil Cihazlarda Cihaz Genişliğine Göre Ölçeklenmesini Ve Başlangıç Ölçeğinin 1.

0 Olmasını Sağlar.

<title>örnek Web Sayfası Başlığı</title>: Tarayıcı Sekmesinde Ve Arama Sonuçlarında Görünen Sayfa Başlığını Tanımlar.

Teknik Olarak Bir Meta Tag Olmasa Da, <head> Içinde Yer Alır Ve Önemli Bir Meta Veri Bilgisidir.

<meta Name="description" Content="bu, Örnek Bir Web Sayfasının Kısa Açıklamasıdır.

">: Arama Sonuçlarında Sayfanın Altında Görünen Kısa Açıklamayı Tanımlar.

<meta Name="keywords" Content="örnek, Web Sayfası, Meta Tag, Html">: Sayfanın Anahtar Kelimelerini Belirtir (günümüzde Arama Motorları Tarafından Önemi Azalmıştır).

<meta Name="author" Content="ai Asistan">: Sayfanın Yazarını Belirtir.

<meta Name="robots" Content="index, Follow">: Arama Motoru Botlarına Sayfanın Indekslenmesini Ve Üzerindeki Bağlantıların Takip Edilmesini Söyler.

<meta Property="og:title" Content="sosyal Medya Için Örnek Başlık">, <meta Property="og:description" Content="sosyal Medya Paylaşımı Için Örnek Açıklama.

">, <meta Property="og:image" Content="https://example.

Com/resim.

Jpg">: Sosyal Medya Platformlarında Paylaşılırken Kullanılacak Başlık, Açıklama Ve Görseli Tanımlar.