Meta Tagları (Etiketleri) ve kullanımları

Site meta tag ları nedir? ne işe yararlar?

Merhaba arkadaşlar bu dersimde sizlere site meta tagları hakkında bilgiler vermeye çalışacağım.HTML kodu yazan arkadaşların sıklıkla kullandığı bu etiketler bazen çok önem arz edebiliyor.  Öncelikle nedir sorusunun cevabını verelim: Meta taglar HTML kod yazarken HEAD tagları arasına yazılırlar, siteler için kullanılan meta tagları; arama motorlarına, örümceklere(robotlara) ve kullanıcılara site hakkında bilgi veren kodlardır, bu kodlarla kullanıcının siteye geldiği cihaza göre sitenin görünüm genişliğini dahi değiştirebilirsiniz. Şimdi sizlere sıklıkla kullanılan meta tagları ve ne işe yaradıklarını anlatmaya çalışayım.

 

• Site başlığı

Sitenin başlığını burada yazabilirsiniz. Site Başlığı 10 ile 70 karakter uzunluğunda olmalıdır.

<meta name="title" content="bilgiegitim"/> 

 

eğer isterseniz title etiketleri içine de yazabilirsiniz.bunun için şu kodu kullanın:

<title>bilgiegitim"</title> 

 

 

• Site Açıklaması-Description

Birkaç cümle ile sitenizin açıklamasını yapabilirsiniz. Site açıklması 160 karakteri geçmezse iyi olur

<meta name="description" content="Bilgiegitim'in web notları" />

 

 

• Site etiketleri-Keywords

Site indexlenirken hangi anahtar kelimelerin kullanılmasını istiyorsanız, aralarına virgül koyarak çoğaltabilirsiniz. Anahtar Kelime uzuluğu 260 karakteri geçmezse iyi olur.

<meta name="keywords" content="php,actionscript 3,jquery,css,html5,mysql,sql,json,javascript" />

 

 

• Site karekter içeriği

Site içeriğinin text olduğunu belirtiriz ve karekter desteğinide belirtiriz.Türkçe karekter seti için UTF-8 kullanılır.

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

 

 

• Site sahibi

Sitenin yazarı ya da sahibinin kim olduğuna dair bir bilgi

<meta name="author" content="Hasan DURMAZ" />

 

 

• Robots

Bu kod yardımı ile siteye gelen robotların nasıl davranacağını belirledik.

<meta name="robots" content="index,follow" />

 

Sitenin indexlenmesi için izin verdik. Eğer izin vermek istemezsek şu kodu kullanabiliriz.

<meta name="robots" content="noindex,nofollow" />

 

 

• Sayfa yenileme-yönlendirme

Bu kod yardımı ile sitenin verilen saniye(X) sonunda yenilenmesi(refresh edilmesi) sağlanır.

<meta name="refresh" content="X" />

 

Eğer aşağıda ki gibi bir URL eklenirse sayfa verilen URL’ye yönlenecektir.

<meta name="refresh" content="X;URL=http://www.bilgiegitim.com" />

 

 

• Site telif hakları-Copyright

Sitenin telif hakları ile ilgili bilgi veren bir etikettir.

<META name="Copyright" content="telif hakkı cümlesi">

 

 

• Site görünümü

Sitenin görünüm genişliğini kullanılan cihaza göre ayarlar.

<meta name=viewport content="width=device-width, initial-scale=1.0">

 

 

• Cache'den korunmak

Eğer bir sayfanızın, ziyaretçinizin tarayıcısı tarafından cache'lenmesini yani hafızaya alınmasını istemiyorsanız;

 

   <META HTTP-EQUIV="expires" CONTENT="0"> 

   <META HTTP-EQUIV="Pragma" CONTENT="no-cache"> 

   <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">

 

Bu üç etiketi kullanmalısınız.

 

Neden hafızaya alınmak istemezsiniz? 

Bunun cevabı için okadar uzağa gitmeyin, örneğin ben bu Yeni Başlayanlara HTML websitesinin anasayfasının ve download sayfasının hafızaya alınmasını istemem. Bu sayfalardaki içerik neredeyse günlük değişir, ve aynı zamanda sizlere offline çalışmak üzere download şansı verdiğim için, olaki websitesine canlı bağlandınız, en son haliyle görmenizi isterim (gerçi, internet explorer Araçlar menusunden, İnternet Seçenekleri'ni seçip, çıkan kutuda da Geçici İnternet Dosyaları bölümünde Ayarları tıklayarak ve altındaki Geçmiş bölümünü sıfırlarsanız, bu ayarı gittiğiniz bütün websiteleri için siz yapmış olursunuz. bütün sayfaların son sürümlerini alırsınız, ama yüklenmeleri için beklemeniz gerekir.)

 

 

• İçeriğin Rating'i

 

Burada rating izleyebilecek ziyaretçi grubunu belirtmede kullanılıyor.

 

<META name="rating" content="general">

 

General yani genel, herkesin izleyebileceği anlamında. Bundan başka üç tane daha var:

 

mature = büyükler

 

restricted = yani kısıtlı

 

14 years = 14 yaş

 

 

 

• <META NAME="REVISIT-AFTER" CONTENT="4 weeks">

Bununla arama motoru robotuna 4 hafta sonra indekslemek üzere tekrar ziyaret etmesini söylüyorsunuz.