HTML META EtİKETİ ve Parametrelerİ

Merhaba,

META ETİKETİ sayfa ile ilgili çeşitli bilgi ve ayarların tanımlandığı etikettir. Sayfadaki; karakter kodlaması , anahtar kelimeler , site açıklaması, mobil cihaz uyumluluğu, site sahibi vs gibi tanımları içerebildiği gibi , sayfanın istenilen sürede kendini yenilemesini de sağlayabilir. META etiketleri SEO (Search Engine Optimization-Arama Motoru Optimizasyonu)  için önemlidir ve tüm META etiketleri HEAD bölümünde yazılır.

CHARSET

Sayfanın hangi dil kodlamasını kullanacağını belirler. Bu bizim sayfalarımız için çok önemlidir. Çünkü kullandığımız ğ,ç,ü,ı,ş,ö gibi Türkçe karakterler, karakter seti belirtilmez ise düzgün görüntülenmeyebilir. Türçke karakterlerin düzgün görüntülenebilmesi için , latin alfabeyi temsil eden UTF-8 kodlaması belirtilir.

<head>
     <meta charset="UTF-8">
</head>

KEYWORDS

Keywords ile site hakkında anahtar kelimeler belirlenebilir. Kullanım amacı arama motorlarına site hakkında anahtar kelimeleri gösterip arama sonuçlarında kullanılabilmesini , sitenin bu kelimelerde arama sayfalarında gösterilmesini sağlamaktı. Fakat zamanla sahte kullanımların gelişmesinden dolayı artık GOOGLE  ve diğer arama motorları bu etiketi göz ardı etmektedir. Yani SEO için artık önemli değildir.  

Anahtar kelimeleri belirleyebilmek için META etiketinin  "name" ve "content" parametreleri kullanılır. Content özelliğinin değerleri, yani anahtar kelimeler, yazılırken kelimeler virgül ile birbirinden ayrılır.

<head>
     <meta name="keywords" content="kelime1,kelime2,kelime3,.........">
</head>

Örneğin Web Tasarım üzerine makaleler içeren bir sitemiz var ise anahtar kelimeleri " web,html,css,javascript,php,dersler,uygulamalar " şeklinde belirleyebiliriz.

DESCRIPTION

Kullanacağımız önemli meta türlerinden biridir. Sayfa hakkında açıklama yazmamızı sağlar. Yazılan açıklama, arama motorları tarafından dikkate alınır. Örneğin google üzerinde bir şey araştırdığınızda site isimlerinin altında tanımlayıcı yazılar görünür. Bunu sağlayan description meta etiketidir.  

Açıklama belirleyebilmek için yine META etiketinin  "name" ve "content" parametreleri kullanılır.

<head>
     <meta name="description" content="T.C. Milli Eğitim Bakanlığı">
</head>

<head>
     <meta name="viewport" content="width=device-width, initial-scale=1">
</head>

<head>
     <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
</head>

<head>
      <meta name="author" content="Erkan ÜNLÜ">
</head>

<head>
      <meta http-equiv="refresh" content="30">
</head>