| Meta Taglarının Kullanımı
Web sayfası hazırlarken
dikkat etmemiz gereken bir konu da meta taglarıdır. Aslında direk
olarak web sayfamızın görünümüne etki etmezler. Hatta bir görüntü
oluşturmazlar. Meta tagları browser, web server için yazılan taglardır.
Peki bu tagların ne önemi var.
Mesela ayarları İngiliz
klavyeye göre hazırlanmış bir browser Türkçe karakterleri
tanımayacaktır. Bunun sonucu olarak ta özenle hazırladığınız sayfayı
ziyaret eden insanlar sayfanızdan belki de bir şey anlamayacak ve terk
edeceklerdir. Bu gibi bir durumu engellemek için browsere ben Türkçe
karakterler kullandım bunu göster demeniz gerekmektedir. Bunun yolu da
meta taglarından geçmektedir.
Aramam motorları sizin
sayfalarınızı kayıt ederken meta taglarına bakarlar. Böylece sayfanızın
konusunu ve nelerle ilgili olduğunu, kimin hazırladığı, hazırlanan dili
kayıtlarına geçerler.
Bu sebeple önemli olan
meta taglarını göreceğiz.
Meta tagları <head>...<head>
tanımlaması arasında kullanılması gerekir. Meta taglarının genel
kullanımı şu şekildedir :
<meta name="konu" content="açıklama">
Burada name kısmına açıklama yapacağımız konuyu gireceğiz.
Content kısmına ise açıklamamızı girmemiz gerekmektedir. Peki hangi
konularda açıklamada bulunabiliriz. Sırasıyla önemli olan konuları
görelm :
- Kullandığımız klavyeyi belirtmek
için :
<META HTTP-EQUIV="Content-Type"
CONTENT="text/html; charset=iso-8859-9"> şeklinde bir
kullanım gerekmektedir. Burada charset=iso-8859-9 şeklindeki
açıklama iso karekter tanımlamalarındaki 8859-9 olarak tanımlanmış
Türkçe karekterlerini kullan anlamına gelmektedir. Bu açıklamayı
gören browser Türkçe karakterleri kullanacaktır.
- Sayfamızın genel bir tanımlamasını
yapmak için :
<meta name="description"
content="Sayfanızın genel bir tanımlaması">
Description meta tagı arama motorlarına ve diğer sunuculara
sayfanızın hangi konu üzerine olduğunu belirtir. Bu nedenle content
kısmına sayfanızı tanıtan kısa bir tanımlama yazmanız gerekmektedir.
Bu açıklama birkaç cümle olabilir. Arama motorlarına kayıt olurken
bu açıklama sayfanızın isminin altında belirecektir.
- Sayfanızı belirten kelimeler :
<meta name="keywords"
content="kelime1, kelime2, kelime3,...,kelime4">
Keywords tanımlaması arama motorları için gereklidir. Arama
motorları sayfanızı indexlerken hangi kelimeler ile arama
yapıldığında sayfanızın görüntülenmesi gerektiğini keywords meta
tagı ile belirler. Content kısmına sayfanızı anlatan kelimeleri
yazmanız gerekmektedir. Genelde arama motorları 10 kelimeyi
kullanırlar.
- Sayfayı hazırlayan :
<meta name="author"
content="sayfayı hazırlayanın ismi">
Arama motorları sayfayı kayıt ederken sayfayı hazırlayanı indexlemek
için bu meta tagı kullanırlar. Content kısmına sayfayı hazırlayanın
ismi yazılmalıdır.
- Sayfayı gizle :
<meta http-equiv="expres"
content="tarih ve saat">
Sayfanın son gösterileceği zamanı belirler. Eğer sayfanız belli bir
zaman içinde görüntülenecek bir sayfa ise bu tagı kullanmanız
gerekir. Yazılan tarihten sonra sayfanız arama motorlarından ve
browserlerin geçici belleklerinden silinecektir.
- Sayfayı yenile :
<meta
http-equiv="refresh" content="yeni adres">
Sayfanızın belli bir süre göründükten sonra başka bir adrese
yönlendirilmesi için kullanılır. Kısa bir giriş gösterisi, yeni bir
adrese sayfa taşındığında, kısa tanımlamalı bir sayfayı yeni bir
sayfa ile otomatik olarak değiştirmek için kullanılır. Content
alanına yeni sayfanın adresi yazılmalıdır.
Şimdi bu tagları
örnek bir sayfada görelim. Sayfa hakkında :
- Ormanlar hakkında bilgi veren
bir sayfa,
- Hazırlayan Erol Cebeci,
- Girişte yeşil bir dünya
sloganı olan bir sayfa,
- Son gösterileceği tarihin 31
Ocak 2008 gece yarısı,
Bilgilerinin elimizde olduğunu
varsayalım. Buna göre sayfamızın meta taglarını hazırlayalım.
<html>
<head>
<title>
Ormanlar ile yeşil bir dünya
</title>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-9">
<meta name="description" content="Oksijen
kaynağımız ormanları koruyalım ve tanıyalım.">
<meta name="keywords" content="orman,
ağaç, yeşil bir dünya, doğa, hayat, gelecek, oksijen,
sağlık, çam, koru">
<meta name="author" content="Erol
Cebeci">
<meta http-equiv="expres" content="wed,31
January 2008 23:59:59 gmt">
<meta http-equiv="refresh" content="10,
url=http://deneme.com">
</head>
<body bgcolor="green">
...........................................................
...........................................................
...........................................................
...........................................................
sayfayı tanımlama kodları
...........................................................
...........................................................
...........................................................
...........................................................
</body>
</html>
|
Ders4 /
Ders6
|