Meta tag’lar HTML kodunuzun HEAD bölümüne yerleştirilmiş bilgi etiketleridir. Arama motorlarına site ve içeriği hakkında bilgi sunar. Her ne kadar günümüzdeki arama motorlarının çoğu meta tag’lardaki bilgileri dikkate almayıp site içeriğini kendi tekniklerine göre indeksleseler de hala bu tag’lardan bazılarına kısmi destek verebiliyorlar. Arama motorlarının özellikleri için buraya bakabilirsiniz. Sitenizin bu arama motorlarınca doğru bir şekilde gösterimi için bazı Meta tag’ları kullanmakta fayda var. Burada sıklıkla kullanılan meta tag’ları açıklamaya ve onları site kodu içerisine nasıl yerleştirebileceğinizi açıklamaya çalışacağım.

Title

Aslında bu bir meta tag değil. Ama arama motorlarında sitenizin görünüşü ile ilgili olması yanı sıra tarayıcıların buraya yerleştireceğiniz ifadeyi pencerenin başlığında ve sayfa sık kullanılanlara eklenmek istenildiğinde kullanmaları nedeni ile önemli. Gerçekte bir HTML kodu olan <TITLE> ve </TITLE> etiketleri arasına sayfa başlığınız açıklayıcı biçimde yazmanız gerekiyor. Bu kodu ayrıca oluşturmanıza gerek yok, zaten her sayfada bulunuyor.

Description

<meta name="description" content="XYZ" />

Adından da anlaşılacağı üzere site içeriğinin tanımı için kullanılıyor. XYZ yerine sitenizin tanımını yerleştiriyorsunuz. Güncel arama motorları hala bu kısmı gözden geçiriyorlar. Bir cümle ile siteden bahsedebilirsiniz. Örneğin; “Blog’a yeni başlayanlara amatör ruhu ile destek :)”. Tanım kısmı, Google da dahil olmak üzere, bir çok arama motoru tarafından destekleniyor ve sitenizin arama sonuçları içinde düzgün bir şekilde sergilenmesi için kullanılıyor.

Keywords

<meta name="keywords" content="kelime X, kelime Y, kelime Z" />

Bu da site indekslenirken hangi anahtar kelimelerin kullanılabileceğini belirtmek için kullanılıyor ama tahmin edersiniz ki Google, Yahoo! ve MSN gibi büyük arama motorları bu kısımla pek ilgilenmiyorlar. Anahtar kelimeleri “kelime X” şeklindeki ifadeler yerine virgülle ayırarak yazmak gerekiyor.

Robots

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

Bu tag, arama motorlarına site içeriği ile karşılaştıklarında nasıl davranmaları gerektiğini anlatıyor. Virgülün solundaki ifade sayfanın indekslenip indekslenmeyeceğine karar verilmesini sağlarken, sağındaki ifade sayfadaki linklerin takip edilip edilmeyeceğini belirtiyor. İndeksleme için seçenekler index (indeksle) ve noindex (indeksleme). Linklerin izinin sürülmesi ile ilgili seçenekler de follow (takip et), nofollow (takip etme) şeklinde. Bu tag özellikle indekslenmesini istemediğiniz bir sayfa varsa önem kazanıyor, çünkü robotlar sadece noindex değerini dikkate alıyorlar ve bu değer yoksa öntanımlı olarak siteyi indeksleyip linkleri de takip ediyorlar. Web sitenizdeki bir sayfanın indekslenmesini istemiyorsanız o sayfaya:

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

Şeklinde bir tag yerleştirmeniz bunu sağlayabiliyor. Seçeneklerden sadece birer tanesi kullanılabiliyor. Örneğin;

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

dikkate alınmıyor. Bu kodun alternatifi ise robots.txt dosyası kullanmaktır, detaylı bilgiye buradan ulaşabilirsiniz.

Content-Type

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

Bu tag önemli. Bu tag girilmezse öntanımlı olarak site içeriği ISO-8859-1 gibi düşünülüyor.

Türkçe sayfalarda genellikle ISO-8859-9 parametresi konuluyor. Bunun tek dezavantajı çoklu dil seçeneklerinde maalesef karakterlerde sorunlar çıkarması.

O yüzden ben genellikle UTF-8 kodunu kullanıyorum.

MSSmarttagsPreventParsing

<meta name="MSSmarttagsPreventParsing" content="true" />

Microsoft tabanlı programların siteyi indekslerken akıllı tag’lar oluşturmalarını engellemek için konuluyor. Gerçi Microsoft’a göre bu proje sonlandırıldı ama yine de bu tag bazı sitelerde (örneğin; Blogger ile hayat bulan tüm bloglar) öntanımlı olarak bulunuyor.

Generator

<meta name="generator" content="Blogger" />

Site içeriğinin (HTML kodunun) hangi yazılım ile oluşturulduğu hakkında bilgi veriyor. Bu yazılımların popülerliği hakkında pazar araştırması oluşturmak için ortaya çıkarıldığı düşünülüyor :) Blogger’da öntanımlı meta bilgisi içerisinde MSSmarttagsPreventParsing ile birlikte mutlaka bulunuyor.

Refresh

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

Bu tag’da bulunduğu sayfanın “X” saniyede tarayıcı tarafından yenilenmesini sağlıyor. Eğer saniye ifadesinin yanında bir url verilirse bu kez tarayıcı belirtilen saniye sonunda sayfayı o url’ye yönlendiriyor. Örneğin;

<meta name="refresh" content="X;URL=http://www.site-adi.org/sayfa.html" />

Eğer url yönlendirmeyecekseniz ya da örneğin yarış sonuçları veya  borsa bilgileri gibi sürekli değişken bir içerik sunmayacaksanız Web sitenizde buna ihtiyacınız olmayacaktır. Neticede 30 saniyede bir gönderi yollayacak değilsiniz :)

Tag oluşturmak için web’de çeşitli kaynaklar mevcut. Örneğin; PageRank.net sitesinin Meta Tag Generator‘u bu konuda iyi bir alternatif. Bu adreste sizin için uygun olduğunu düşündüğünüz tag’leri (title, description, keywords tag’larını mutlaka oluşturun. İhtiyacınız olduğunu düşünüyorsanız robots tag’ına da yer verebilirsiniz) oluşturduktan sonra site kodunuz içinde <HEAD> şeklindeki ifadeyi arayın ve tag kodlarını altına yapıştırın. Dikkat edilmesi tek nokta Tag kodları herzaman <HEAD> ve </HEAD> arasında olmalıdır.

Arama motorlarının indeksleme robotları bir web sitesine ulaştıklarında ilk olarak kök dizinde bulunan robots.txt dosyasını ararlar. Bu dosya robotlara hangi sayfaların indekslenip hangilerinin indekslenmeyeceğini anlatmak için yerleştirilir. Robotlar sadece kök dizindeki robots.txt dosyasına bakacakları için alt dizinlere bu dosyayı yerleştirmek anlamsızdır. Eğer alt dizinlerden birisine ait url (veya url’lerin) indekslenmesini istemiyorsanız bunlar da kök dizindeki robots.txt dosyasında bildirmeniz gerekiyor. Ya da alternatif olarak indekslenmesini istemediğiniz sayfalarda Meta Tag kullanabilirsiniz. Çoğu ücretsiz blog servisi kök dizine erişime izin vermediğinden Meta Tag’lardan yararlanmak gerekecektir.

Örnek bir robots.txt adresi şu şekilde olmalıdır;

http://www.gorunum.net/robots.txt
(Joomla' nın kendi içinde mevcut dosyasıdır).

Farkettiyseniz, kod içerikli sayfalar disallow seçeneği ile takip edilmesi yasaklanmış. Böylece arama motorları, sayfaları indekslerken kodları değil, sizin makale ve içeriklerinizi tarayacaktır.

robots.txt dosyası sadece belirli bir şekilde düzenlenmiş metin içeriğine sahip olmalıdır ve asla HTML kodları içermemelidir. Aşağıdaki örnekleri inceleyelim;

Tüm robotların blog’unuzun tamamını indekslemesini engellemek için;

User-agent: *
Disallow: /

Blog’unuzun tamamının robotların birisi tarafından indekslenmesini engellemek için;

User-agent: Googlebot
Disallow: /
User-agent: *
Disallow:

Tüm robotların Web sitenizin tamamını indekslemesi için;

User-agent: *
Disallow:

Not: Boş bir robots.txt dosyası da aynı mesajı verecektir.

Bir dizinin tüm robotlar tarafından indekslenmesini engellemek için;

User-agent: *
Disallow: /dizin-adi/

Bir sayfanın tüm robotlar tarafından indekslenmesini engellemek için;

User-agent: *
Disallow: /dizin-adi/ozel-sayfa.html

Robots.txt dosyasında “/dizin-adi/*” veya “/dizin-adi/*.html” gibi ifadeler kullanamazsınız. Hariç tutulmasını istediğiniz sayfaları ve dizinleri teker teker belirtmek zorundasınız. Tabii ki hariç tuttuğunuz bir dizinin içindeki dosyaları ayrıca belirtmenize gerek yok :)

Örnek bir kod aşağıdaki şekilde olabilir;

# www.ornek.com için robots.txt dosyası
User-agent: *
Disallow: /cgi-bin/
Disallow: /images/private/
Disallow: /private.html

Kaynaklar;

Web Sitesi Tasarımı yaptırırken lütfen dikkatli olun!web-design

Tam Özel Çalışma Profesyonel Web Tasarımcıları

Sadece size özel şablon web sitesi tasarımı.

  • Her zaman Web Sitesi, özel, benzersiz ve orijinal bir şey olmalı
  • Düşünün sizin için rakiplerinizden en üstün kılacak şey, farklı ve dikkat çeken tasarımlardır.
  • Çok fazla Metin ve İçerik olmalı.
  • Site ziyaretçilerinin aradıklarını çok kolay bir şekilde bulması gerekir. İmla hatalarına çok iyi dikkat etmek gerekir.
  • Makalelerin rahat okunulur olması gerekir.
  • Web Sitesine canlılık getiren eklentiler konulmalı. (Arama Motorları, Makaleler, Reklam, sarı sayfa listeleme, vb)
TOP

Kıbrıs web Tasarım