Meta etiketler, HTML belgesinin içine eklenen ve tarayıcılara veya arama motorlarına belirli bilgileri ileten özel etiketlerdir. Meta etiketleri, web sayfasının tarayıcıda nasıl görüntüleneceğini, arama motorlarının sayfayı nasıl indeksleyeceğini ve diğer önemli bilgileri belirlemek için kullanılır. Meta etiketleri, genellikle "head" bölümü içinde yer alır ve kullanımına göre farklı amaçlar için kullanılabilir.
Aşağıda yaygın olarak kullanılan bazı meta etiketlerinin örneklerini ve amaçlarını bulabilirsiniz:
-
<meta charset="UTF-8">: Bu meta etiketi, sayfanın karakter setini belirtir. UTF-8, en yaygın kullanılan karakter setidir ve farklı dillerdeki metinlerin düzgün görüntülenmesini sağlar.
-
<meta name="viewport" content="width=device-width, initial-scale=1.0">: Bu meta etiketi, mobil cihazlarda sayfanın nasıl görüntüleneceğini belirtir. "width=device-width" cihazın genişliğine uyarlanmasını, "initial-scale=1.0" ise varsayılan ölçeğin 1 olarak ayarlanmasını ifade eder.
-
<meta name="description" content="Web sayfası açıklaması">: Bu meta etiketi, arama motorlarına ve sosyal medya platformlarına sayfanın kısa açıklamasını sağlar. Bu açıklama, arama sonuçları veya paylaşılan bağlantılarda görüntülenebilir.
-
<meta name="author" content="Yazar Adı">: Bu meta etiketi, sayfanın yazarını belirtir.
-
<meta name="robots" content="index, follow">: Bu meta etiketi, arama motorlarının sayfayı dizinlemesine ("index") ve bağlantıları takip etmesine ("follow") izin verir. "noindex" ve "nofollow" değerleri de kullanılabilir.
-
<meta http-equiv="refresh" content="5;url=http://www.webimonline.com">: Bu meta etiketi, belirli bir süre sonra sayfanın otomatik olarak yönlendirilmesini sağlar.
-
<meta name="og:title" content="Başlık">: Bu meta etiketi, Facebook ve diğer sosyal medya platformları için paylaşım önizlemesi başlığını belirtir.
-
<meta name="og:image" content="resim-url">: Bu meta etiketi, paylaşım önizlemesi için kullanılacak resim URL'sini belirtir.
Bu sadece birkaç örnektir. Meta etiketleri, web sayfalarını daha iyi tarayıcı uyumluluğu, SEO ve sosyal medya paylaşımları için optimize etmek amacıyla kullanılır. Ancak, modern arama motorları artık bazı meta etiketlerini göz ardı edebilir veya sınırlı bir etkiye sahip olabilir, bu yüzden iyi bir içerik ve yapısal düzenleme daha önemlidir.