htmlders5

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 :

  1. 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.
  2. 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.
  3. 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.
  4. 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.
  5. 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.
  6. 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






Bu sayfa hakkında yorum ekle:
İsmin:
E-mail adresin:
Siten:
Mesajınız: