Meta Tag Nedir? Nasıl Kullanılır?

Meta Tag’leri kullanarak bilinilirliğimizi arttırabiliriz. Meta etiketleri SEO için önemli etiket gruplarındandır.

Meta etiketleri site içerisinde başlık, içerik, anahtar kelimeler gibi bilgileri depolayarak arama motorlarının sizin sayfanızdaki içeriği daha iyi anlamasını sağlamaktadır.

HTML’de yazdığınız kodları denemek için Online HTML Editörümüzü Kullanın

Meta Etiketleri web sitelerinde <head>…</head> etiketleri arasında kalan bölüme yazılır.

<!DOCTYPE html>
<html>
   <head>
      <title>Sayfa Başlığı</title>
      (Meta etiketler, scriptler ve CSS dosyası)
   </head>
   <body>
      (HTML'i oluşturan diğer elementler)
   </body>
   </html>

Meta etiketlerin her biri aynı öneme sahip değildir, ben bu yazıyı Meta etiketlerin önem sırasına göre işleyeceğim.

Title Etiketi

Title etiketi meta etiketi olmamasına karşı SEO için oldukça önemlidir. Bu yüzden bunu artı olarak konuya eklemek istedim. Kullanımı aşağıdaki gibidir.

<title>Konu Başlığı</title>
// Örnek
<title>Teknoloji Haberleri, Güncel Teknoloji</title>

Meta Keywords

Anahtar kelimeler için kullanılan meta etiketidir. Sitemizde bulunan içeriğin ana başlık ve ilgili anahtar kelimelerinin bulunduğu etikettir. Anahtar kelime meta etiketi 260 karakterden az olmalıdır. 260 karakterden uzun olması arama motorları tarafından spam olarak yorumlanmaktadır. Kullanımı aşağıdaki gibidir;

<meta name="keywords" content="kelime1, kelime2" />
// Örnek
<meta name="keywords" content="Teknoloji Haberleri, Donanım, Yazılım, İnternet, Mobil, Oyun, programlama, Php, WordPress, SEO, CSS, CMS, Html, Xml, Teknoloji, php, wordpress, css, CURL, html, xml" />

Meta Description

Sitemizin içeriğinin ne olduğunu kısaca açıklayan etikettir. Açıklama meta etiketi 160 karakterden az olmalıdır. 160 karakterden uzun olması arama motorları tarafından spam olarak yorumlanmaktadır. Keywords ten ayrı tutulmalı, anahtar kelime gibi yazılmamalıdır. Bir cümle olması seo açısından çok daha iyidir.

<meta name="description" content="Siteniz için açıklama" />
// Örnek
<meta name="description" content="Teknoloji Haberleri, Yeni Teknolojiler, Donanım, Yazılım, İnternet, Mobil, Oyun, programlama, Php, WordPress, SEO, CSS, CMS, Html, Xml hakkında bilgiler" />

Karakter Kodlaması

Sitemizin karakter kodlamasını gösteren etikettir.

<meta charset="UTF-8" />

Diğer Meta Etiketleri

Buraya kadar yazdığımız etiketler SEO için oldukça önemlidir. Bundan sonra öğreneceğiniz etiketleri kullanıp, kullanmamanız size kalmış.

Abstract; tüm site için genel bir açıklama yapar.

<meta name="abstract" content="Sitenizin detaylı Açıklaması" />

Author; site sahibinin, yazarın veya editörün adını veya email adresi belirtilir.

<meta name="author" content="Soyad, Ad, E-Mail Adresiniz" />

Copyright; sitenizin telif hakkı olduğunu ve bu hakların kime ait olduğunu gösteren etikettir.

<meta name="copyright" content="&copy; ilkteknoloji.com" />

Revisit-After; arama motorlarının botlarının sitenize hangi zaman aralığıyla gelmesini belirttiğiniz etikettir. Burada zaman verilebilir ama bu aralık içinde yeni bir içerik paylaşılırsa bot bunu revisit-after zamanı dolana kadar göremez.

<meta name="revisit-after" content="2 days" />

Arama Motorları İçin Meta Etiketleri

Botlar için meta etiketlerini anlatırken arama motorları için olan diğer etiketleri anlatmak konunun devamlılığı için daha iyi olacak.

Eğer Google ve diğer arama motorlarının sitemizi indexlemesini (takip edip, arama motorunda sıralamaya sokması) istiyorsak aşağıdaki gibi kod yazmalısınız.

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

Eğer sitemizin arama motorlarınca indexlenmesini istemiyorsak None etiketini kullanmamız gerekir.

<meta name="robots" content="none" />

None yerine; noindex, nofollow da kullanıldığını görüyoruz ama None tek başına zaten aynı anlama geliyor.

Bazı durumlarda ziyaretçi bir sayfaya girdiğinde onu başka bir sayfaya yönlendirmek isteyebilirsiniz. İşte bu gibi durumlarda işimize yarayacak kodları bu yazıda göreceğiz.

Bu tür kodlardan net üzerinde birden fazla türe rastlayabilirsiniz. Bu yazımda bende iki ayrı türü yazacağım.

Meta Koduyla Sayfa Yenileme

Refresh sitenizin içerisinde sürekli yenileme yapan etikete verilen isimdir. Çoğunlukla Haber sitelerinde tavsiye edilebilecek bir komuttur. Yanlış yerde kullanıldığı taktide Ziyaretçiyi rahatsız eden ve sitede gezinmesini zorlaştıran bir koddur. Mesela bazı form doldurulabilen alanlarda içeriği temizlemekte, video içerik izlerken videonun devamlı başa sarmasına neden olmakta ve ziyaretçiyi zor durumda bırakmaktadır.

<meta http-equiv="refresh" content="120" />

Meta Koduyla Sayfa Yönlendirme


<meta http-equiv="refresh" content="5;URL=http://www.ilkteknoloji.com" />

Bu kod bir sayfaya eklendiğinde, belli bir saniye sonra (Örnekte 5 sn olarak belirlendi) kodda yazılan linke (URL) otomatik olarak yönlendirir.

Meta Tag’lerin neler olduğunu, nasıl kullanıldığını ve ne işe yaradığını öğrendik. Bir sonraki yazımıza kadar Sağlıcakla Kalın.

DAHA FAZLA İÇERİK

HTML 5’e Geçiş; HTML5 Nedir? HTML 5’e Geçiş; HTML5 Nedir?

28 Kasım 2014, Cuma

Vimeo Nedir? Vimeo Nedir?

23 Aralık 2014, Salı

Windows 10 Bedava Olabilir Windows 10 Bedava Olabilir

19 Aralık 2014, Cuma

SİZDE YORUM YAPIN

USB Bellekten Windows 7 Yüklemek

USB Bellekten Windows 7 Yüklemek 21 Kasım 2016, Pazartesi

Windows 10 için Önemli Uyarı!

Windows 10 için Önemli Uyarı! 10 Şubat 2016, Çarşamba

Windows Store Çıkışta

Windows Store Çıkışta 5 Şubat 2016, Cuma