html metataglar

merhaba değerli arkadaşlar.
bir önceki yazımda html temel taglarına değinmiştim.
bu yazımda ise sizlere meta tagları ve bu meta taglırın aldıkları değerleri sizlere anlatacağım.
html dilinin temellerini öğrenmek istiyorsanız mutlaka bu yazılarımı okumanız gerekmektedir.
elbette meta taglar sadece html için değil bir web site tasarımında kullanacağınız kalıplardır.
bu bilgilendirmeyi yaptıktan sonra metatagları yakından incelemeye başlayabiliriz.
meta tag nedir
Sayfanın HEAD alanında kullanılan meta etiketleri (tag) 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. Tamamının isteğe bağlı olarak belirtildiği bu değerlerin popüler kullanıma sahip olan özellik isimleri aşağıdaki listede gösterilmektedir.

author
abstract
content-language
content-type
copyright
description
designer
distribution
expires
generator
keywords
language
publisher
reply-to
revisit-after
refresh
robots
title
author
Güncel sayfanın yazarının ve/veya iletişim bilgilerinin belirtilmesini sağlar.

<meta name=”author” content=”sadık özdoğan” />
abstract :
Güncel sayfanın kısa özetinin belirtilmesini sağlar.

<meta name=”abstract”
content=”HTML meta etiketi tarayıcılara ve arama motorlarına
sayfa hakkında bilgiler sağlar.” />content-language
Lisan kodları listesindeki değerlerden birini alarak güncel sayfanın içerik lisanını belirtir.

Aşağıdaki örnek, sayfa lisanının Türkçe olduğunun belirtilmesini gösterir.

<meta name=”content-language” content=”tr” />
Lisan kodları ile birlikte ayrıca, Ülke kodları listesindeki değerlerden biri kullanılarak lisanın ait olduğu ülke de belirtilebilir.

Aşağıdaki örnek, sayfa lisanının Türkiye Türkçesi olduğunun belirtilmesini gösterir.

<meta name=”content-language” content=”tr-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″ />
copyright
Güncel sayfanın kısa kopya/telif hakkı bilgisinin belirtilmesini sağlar.

<meta name=”copyright” content=”(c) 2020 sadık özdoğan. (sadikozdogan.net) Tüm Hakları Saklıdır.” />
description
Güncel sayfanın açıklamasının belirtilmesini sağlar.

<meta name=”description”
content=”Bu sayfada HTML meta etiketinin içerebileceği
değerlerin isimleri açıklanmaktadır.” />
designer
Güncel sayfanın (sitenin) tasarımcısının belirtilmesini sağlar.

<meta name=”designer” content=”sadık özdoğan. – sadikozdogan.net” />
distribution
Güncel sayfanın (sitenin) hitap ettiği bölgenin belirtilmesini sağlar. Aşağıdaki değerleri alabilir.

Global : Tüm internet ağına hitap ettiğini belirtir.
Local : Sitenin bulunduğu IP adres bloğunun ait olduğu ülkeye hitap ettiğini belirtir.
IU (Internal Use) : Kamuya hitap etmediğini belirtir.
Aşağıdaki örnek, bu sayfanının sadece Türkiye’ye hitap ettiğinin bildirilmesini göstermektedir.

<meta name=”distribution” content=”local” />
expires
Güncel sayfanın 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, 31 Dec 2009 23:59:59 GMT” />
generator
Güncel sayfayı oluşturmak için kullanılan programın isminin ve sürümünün belirtilmesini sağlar.

<meta name=”generator” content=”html 4.0.1″ />
keywords
Güncel sayfanın içeriğini tanımlayacak virgül ile ayrılmış anahtar kelimeleri belirtir.

<meta name=”keywords” content=”html, meta, name, keywords” />
language
İngilizce olmayan sayfalarda İngilizce sayfa lisan adının belirtilmesini sağlar.

<meta name=”language” content=”Turkish” />
publisher
Güncel sayfayı yayınlayan uygulamanın isminin ve sürümünün belirtilmesini sağlar.

<meta name=”publisher” content=”VS 2020″ />
reply-to
Güncel sayfa hakkında e-posta adresi belirtilmesini sağlar.

<meta name=”reply-to” content=”info@sadikozdogan.net” />
revisit-after
Arama motorlarına gün olarak sonraki ziyaretlerini gerçekleştirme zamanının bildirilmesini sağlar.

<meta name=”revisit-after” content=”7″ /><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″ />
robots
Arama motorlarına sayfa ve sayfadaki linklerin takibi hakkındaki davranışlarının bildirilmesini sağlar. content özelliği aşağıdaki değerleri alabilir. Virgül ile ayrılarak birkaç değer birden belirtilebilir.

index : Sayfanın dizine eklenmesini bildirir.
follow : Sayfa içindeki bağlantıların/linklerin izlenmesini bildirir.
archive : Sayfanın ön izleme için ekran görüntüsünün oluşturulmasını bildirir.
noindex : Sayfanın dizine eklenmesini engeller.
nofollow : Sayfa içindeki bağlantıların/linklerin izlenmesini engeller.
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 bakı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. Bu değer, özellikle MSNBOT (live.com) için geçerlidir.
Bir arama motoru robotu aksi belirtilmediği sürece bir sayfayı dizine ekleyebilir, sayfadaki linkleri takip edebilir ve sayfanın önizlemesini oluşturabilir. Bu yüzden robots özelliği ile all, index, follow ve archive değerlerinin kullanımının çok özel bir anlamı yoktur. Bunlar yerine sadece robotu engellemek amacıyla, engelleme amacına göre none, noindex, nofollow ve noarchive değerlerinin kullanımı daha doğru olacaktır.

Aşağıdaki örnek, index, follow ve archive değerlerinin uygulamasını göstermektedir.

<meta name=”robots” content=”all” />
Aşağıdaki örnek, arama motoruna sayfayı dizinine eklememesini fakat, sayfadaki linkeri takip etmesinin bildirilmesini göstermektedir.

<meta name=”robots” content=”noindex, follow” />
Aşağıdaki örnek, arama motoruna sayfayı dizine eklemesini fakat, sayfadaki linkeri takip etmemesinin ve sayfanın önizlemesinin oluşturulmamasının bildirilmesini göstermektedir.

<meta name=”robots” content=”index, nofollow, noarchive” />
title
Arama motorunun dizininde gösterilecek başlığı belirler. title etiketinden bir farkı yoktur.

<meta name=”title” content=”HTML Meta Etiketleri” />
Açıklama
Bir META etiketi (tag), sağladığı bilgiyi ihtiyaç duyan programlara bildirmek için sayfaya eklenir. Yukarıdaki listede bir kısmı HTTP protokolü ile bildirilmiş, bir kısmıda arama motorları ve W3C organizasyonu tarafından önerilerek kabul görmüş META değerleri bulunmaktadır. Örneğin, nofollow değerini ilk Google kullanmış, ardından diğer arama motorları da kabul etmiştir.

Bu listedeki META etiketi (tag) özellik değerleri haricinde daha binlerce etiket değeri bulunmaktadır. Bunlardan bazıları, keyphrases, subject, classification, geography, rating vs. vs. şeklindedir. Bu değerlerin çok büyük bir kısmı birçok program ve arama motoru tarafından tanınmadığı için sayfalarda kullanılmamalıdır. (Hatta, bu listedeki birkaç değer bile fazlalıktır.) Eğer META etiketleri ile herhangi bir konuda özellikle bilgilendirilmesi gereken bir program veya arama motoru varsa ilgili programın veya arama motorunun yardım bölümünde mutlaka ilgili etiket ile ilgili bilgi vardır. Örneğin, herhangi bir sayfanın Google ve MSN dizininde listelenmesini engellemek için aşağıdaki META etiketlerinin kullanılacağı Google ve live.com yardım sayfalarında yer verilmiştir.

<meta name=”googlebot” content=”noindex” />

<meta name=”msnbot” content=”noindex” />
* googlebot ve msnbot özellik değerlerine, listede gösterilen robots değerinin alabileceği değerler de atanabilir.

Ayrıca Google, site yöneticisi araçları bölümüne giriş yapan bir kullanıcının sitenin sahibi olup olmadığını kontrol etmek için aşağıdaki gibi verify-v1 değerini içeren rastgele üretilmiş bir anahtar kodun sayfaya eklenmesini isteyebilir. Eğer kullanıcı sayfanın kaynak koduna erişip bu etiketi sayfaya ekleyebiliyorsa sitenin sahibi olduğunu ispatlamış olur.

<meta name=”verify-v1″ content=”XXXXXXXXXXXXXXXXXXXX” />
Bununla beraber programlar, arama motorları veya internet hizmeti veren siteler, site yöneticilerinden verify-v1 değerine benzer bir çok META etiket değerini sayfalara eklemesini isteyebilir. Hangi etiketin hangi değerle ekleneceği yalnızca ilgili sitenin yardım sayfalarında bulunabilir.

Google, Yahoo ve MSN (live.com) gibi popüler arama motorlarının yardım sayfalarına bakıldığında en önemli META özellik değerlerinin sadece description ve keywords olduğu görülmektedir. Tüm meta etiketlerinin opsiyonel olmasına rağmen bu iki değerin ve bunlar ile birlikte title etiketinin de kullanımı arama motorlarının sayfayı doğru analiz etmesi açısından önemlidir ve fayda sağlar. Diğer binlerce META özellik değeri bilgilendireceği bir hedef (arama motoru vs.) olmadığı sürece sayfaya eklenmesinin hiç bir anlamı olmayacaktır. Örneğin, yukarıda bahsedilen “rating” değeri, sözde sayfanın hitap ettiği kamu kesimini belirler ki bu Amerikan standartlarına göre 5 farklı değere sahip bir derecelendirmedir. Fakat, bu özellik 1996-97 yıllarındaki çalışmalarda HTML 3.2 önergesinin beraberinde önerilmiş ve hemen ardından iptal edilmiş bir değerdir. Yani en az 10 yıldır herhangi bir geçerliliği olmayan ve güncel olarak popüler arama motorlarının, hakkında bir bildirimi olmayan bir değerdir.
tüm meta tagları bilmesenizde yukarıdaki metataglar sizin işinize yarayacak metataglardır.
evet arkadaşlar metatag ile ilgili en kapsamlı yazımın sonuna geldim artık.
bu yazım ile ilgili sorularınızı bana yorum olarak iletebilirsiniz.
yazımı sosyal medya da paylaşırsanız beni çok sevindirmiş olursunuz.
iyi bloglamalar herkese.

Bir önceki yazımız olan temel html tagları başlıklı makalemizde html sadık özdoğan, html tagları ve temel html tagları hakkında bilgiler verilmektedir.

Paylaş