Merhaba bugünde html derslerine yeni bir yazımla devam ediyorum bugünün konusu meta tagları.
Nedir bu meta tagları?
Arama motorları için rehber niteliğinde olan meta tagları web sitenizin açıklamasını,sahip bilgilerini, anahtar kelimelerini, charset bilgilerini içeren html5 etiketleridir. Meta tagı olmadan arama motorları sizi tanıyamaz. Yani meta tagları bir web sitesi için çok önemlidir.
Meta tagları nasıl kullanılır?
Gelelim yazımın asıl amacı olan kısıma meta tagları nasıl kullanılır? Meta tagları head etiketleri arasında aldıkları name kısmına göre kullanılır. Meta taglarının name kısmına eğer sayfamızın açıklamasının özetini belirtmek istiyorsak “description”, eğer anahtar kelime tanımlayacaksak “keywords”, ya da yazar tanımlayacaksak “author” yazmalıyız.
Meta tagıyla açıklama tanımlamak için;
<head> <meta name="description" content="Açıklama buraya"> </head>
Meta tagıyla anahtar kelime tanımlamak için;
<head> <meta name="keywords" content="Anahtar Kelimeler,Virgül, ile,ayırın"> </head>
Meta tagıyla yazar tanımlamak için;
<head> <meta charset="UTF-8"> <meta name="author" content="Yazar Adı"> </head>
Fark ettiyseniz bilgileri content alanına girdik. Yani bu bilgiler sayfanızın herhangi bir yerinde görünmez.
Meta tagıyla charset tanımlamak için;
<head> <meta charset="UTF-8"> <!-- UTF-8 Yazan kısmı değiştireceksiniz, Türkçe sayfa yazacaksanuz UTF-8 olarak kalabilir. --> </head>
Bir web sitesinde meta tagları şöyle olmalıdır.
<head> <meta charset="UTF-8"> <meta name="description" content="Açıklamanız"> <meta name="keywords" content="Anahtar kelimeler"> <meta name="author" content="Yazar"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Responsive özelliği katmak için bu da eklenebilir. --> </head>