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>Google üzerinde "meb" araması yaptığınızda MEB linkinin hemen altında görünen "T.C. Milli Eğitim Bakanlığı" ibaresi , meta description ile oluşturulmuştur. MEB sitesini açıp sayfa kaynağını görüntüleyerek kontrol edebilirsiniz.
VIEWPORT
Responsive tasarımın yaygınlaşması ile beraber sık kullanılan parametrelerden biridir. Mobil uyumlu hazırlanmayan siteler küçük cihazlarda açıldığında tarayıcılar içeriği ekrana sığdırmaya çalışır , yazılar küçülür vs... Ancak mobil uyumlu hazırlanan sitelerde bunun olmamaası gerekir. Küçük ekranlar için gerekli ayarlamalar zaten yapılmıştır. Dolayısıyla cihaz farklarında sığdırma işlemini iptal etmek için viewport parametresi kullanılır. Tarayıcıya , width=device-width ile tasarımın genişliğinicihazın genişliğine uyarlamasını, initial-scale =1 ile ise , içerik ölçeğini olduğu gibi bırakmasını söylemiş oluyoruz.
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
Bunun yanı sıra , ekranı yakınlaştırma için minimum-scale, maximum-scale ve user-scalable özellikleride kullanılabilir.
minimum-scale : Minimum yakınlaştırma oranını
maximum-scale : Maksimum yakınlaştırma oranını
user-scalable : Kullanıcının yakınlaştırma yapıp yapamayacağını belirler. YES ile izin verilirken NO ile izin verilmez. Yani aşağıdaki gibi ayarlanmış bir meta etiketi var ise , kullanıcı ekranı büyütemeyecektir.
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
</head>
AUTHOR
Sitenin sahibi,yazarı ile ilgili tanımlama yapabildiğimiz meta parametresidir. Belirleyebilmek için yine META etiketinin "name" ve "content" özellikleri kullanılır.
<head>
<meta name="author" content="Erkan ÜNLÜ">
</head>REFRESH
Meta etiketi ile kulanılanm parametrelerden bir diğeri sayfa yenilemedir. Sayfanın istenilen sürede kendi kendini yenilemesini sağlar. Bu özellik , javascript ve php gibi betiklerle de yapılabilir. Sayfayı yenilemek için META etiketinin bu kez "http-equiv" ve "content" özellikleri kullanılır. Content özelliği ile saniye cinisinden sayfa yenileme süresi belirlenir.
<head>
<meta http-equiv="refresh" content="30">
</head>
