HTML Meta Etiketleri etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
HTML Meta Etiketleri etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

23 Temmuz 2015 Perşembe

HTML Meta Etiketleri (Meta Tags)

HTML Dersleri  
HTML Meta Etiketleri (Meta Tags)

Sayfanın HEAD alanında kullanılan meta etiketleri (tags) tarayıcılara, arama motorlarına, robotlara, link analiz vb. programların hepsine sayfa hakkında ihtiyaç duydukları bilgileri sağlar. Bu bilgiler, meta etiketinin name özelliğinin ismini, content özelliğinin değerini oluşturduğu isim-değer çifti olarak sağlanır. Kısaca bu etiketler bir web sayfasında bilgi vermek ve browserları yönlendirmek amacıyla kullanılır.

Meta Etiketlerinin SEO Etkisi
Meta etiketleri eski dönemlerde SEO (Arama Motoru Optimizasyonu) için çok büyük önem taşımaktaydı. Keywords ve description meta etiketlerine yazılan bir kelimede sitenin sayfa arama motorundaki yerini alabiliyordu. Fakat arama motorlarının zamanla gelişmesinden dolayı artık meta etiketleri aracılığı ile arama motorlarında bir yerlere gelebilmek durumu tarih oldu. Bu durum özellikle Google açısından böyledir.

Meta etiketleri içerdiği kelimelerde üst sıralara taşıma etkisini yitirmiştir fakat bir web sayfası için her zaman önemli bir öğe olma niteliğini yitirmeyecektir. Meta etiketlerini kullanarak üst sıralara çıkmak beklenemez fakat meta etiketleri olmayan bir sayfa eksiktir. 

NOT: Tüm meta etiketleri <head> .. </head> kodları arasına yazılır. XHTML standartlarına göre, meta etiketleri > ile değil /> ile kapatılmalıdır.

Temel Meta Etiketleri ve Kullanımları (Bunların dışında da birçok meta etiketi mevcuttur.)

title: Aslında bir Meta Etiketi değildir. Fakat meta etiketi şeklinde kullanımı vardır ve aynı kategoridedir. Sayfanın başlığını verir ve Google açısından en önemli etikettir. Buraya yazılanlar tarayıcının üst bilgi kısmında, arama motorunda sayfa listelenirken ve sayfanız sık kullanılanlar gibi bir yere kaydolurken gözükecek olan kısımdır. Sayfa içeriği ile ilgili en uygun başlık yazılmalıdır. HEAD etiketi içerisine yazılır.
<title>İbrahim Bayraktars' Blog</title>

abstract: Tüm site hakkında bilgi veren cümledir. Sayfanın kısa özetinin belirtilmesini sağlar.
<meta name="Abstract" content="Site özeti" />

author: Site yapımcısının adı, iletişim bilgilerinin bulunduğu etikettir.
<meta name="author" content="İbrahim B., leucjo@gmail.com" />

copyright: Sitenin telif hakları konusunda bilgi veren etikettir.
<meta name="copyright" content="(c) 2013 İbrahim B. (ibrahimbayraktar.net) Tüm Hakları Saklıdır." />

description: Sayfa ile ilgili açıklama girilen kısımdır. Olması çok önemlidir. Çoğu zaman arama motorları açıklama kısımlarında sizin buraya yazdığınız yazıyı görüntülerler. Mümkün olduğu kadar kısa ve içerikle ilgili bilgi veren bir yazı girilmelidir.
<meta name="description" content="Sitenizin içeriği hakkında geniş bilgi" />

expires: Sitenin içeriğinin hangi tarihte zaman aşımına uğradğını arama motorlarına ileten etiket.Son geçerli olduğu tarihi GMT formatında belirtir. Sayfayı daimi olarak geçersiz kılmak için content özelliğine '0' değeri atanmalıdır.
<meta name="expires" content="Thu, 23 July 2015 20:55:05 GMT" />

keywords: Arama motorlarının temel aldığı, sitenizin içeriğini oluşturan kelimelerin bulunduğu etiket. Fazla anahtar kelimenin olması zarar getirebilir. Birkaç anahtar kelime girilmesi yeterli olacaktır.
<meta name="keywords" content="kelime1 kelime2 kelime3 kelime4 kelime5" />

content-language: Sayfanın hangi dilde yayın yaptığının, sitenin varsayılan dilini belirten etiket bilgisini verir.
<meta name="content-language" content="tr" />

content-type: Güncel sayfanın içerik tipini ve karakter setini belirtir.  Aşağıdaki örnek, sayfa içerik tipinin "text/html" ve karakter setinin "UTF-8" olarak belirtilmesini gösterir.
<meta name="content-type" content="text/html charset=utf-8" />
<meta http-equiv="content-type" content="text/html charset=utf-8" />
 
revisit-After Tag: Arama motorlarına, sitenin içeriğinin kaç günde bir güncellendiğini ileten etiket.
<meta name="revisit-after" content="7 days" />

refresh: Belirtilen süre sonunda belirtilen bir URL adresinin yüklenmesini sağlar. URL adresi belirtilmezse güncel sayfa adresi tekrar yüklenir.  Aşağıdaki örnek, her 10 saniyede bir güncel sayfanın tekrar yüklenmesini gösterir.
<meta name="refresh" content="10" />
 
Aşağıdaki örnek, sayfa yüklendikten 30 saniye sonra "http://www.ibrahimbayraktar.net" adresinin yüklenmesini gösterir.
<meta name="refresh" content="30;http://www.ibrahimbayraktar.net" />

redirect: Sayfanın, belli bir zaman sonra başka bir sayfaya yönlenmesini sağlar. Örnekte, sayfa 10 saniye sonra google'a yönlenir.
<meta http-equiv="refresh" content="10;url=http://www.google.com.tr" />

robots: Arama motoru robotlarının,  site içerisindeki linkleri takip edip etmeyeceklerini gösteren etikettir. Sayfanın arama motorlarında listelenip listelenmemesini bu tag ile belirleyebiliyoruz. Bu tagın alternatifi olarak robots.txt dosyası da bu işlevi görebiliyor.

Sayfanın indexlenmesini istiyorsak
<meta name="robots" content="index, follow" />

Sayfanın indexlenmesini istemiyorsak
<meta name="robots" content="noindex,nofollow" />

content özelliğinin alabileceği diğer değerler:
  • archive: Sayfanın ön izleme için ekran görüntüsünün oluşturulmasını bildirir.
  • noarchive: Sayfanın ön izleme için ekran görüntüsünün oluşturulmasını engeller. Daha önce oluşturulduysa silinmesini sağlar. (Önizlemenin silinmesi arama motorlarına göre farklılık gösterebilir.) 
  • all: Tüm olumlu bildirimleri uygular. Arama motorları index, follow ve archive bildirimlerinden farklı bildirimleri de kabul ediyor olabilir. Bu yüzden arama motorunun yardım/destek sayfasına bakmalısınız. 
  • none: Sayfanın gözardı edilmesini bildirir. 
  • noodp: Eğer sayfa DMOZ dizininde kayıtlı ise arama sonuçlarında DMOZ dizinindeki açıklamanın yerine sayfanın kendi açıklamasının kullanılmasını sağlar.  
HTML Meta Etiketleri Faydalı Linkler:
www.wordstream.com/meta-tags
Google'ın anladığı meta etiketler
computerhope.com/jargon/m/metatags.htm
List of Usable HTML Meta and Link Tags
complete-list-of-html-meta-tags

Copyright 2013-2017 | İbrahim BAYRAKTAR /dev/null Web Günlüğü