Fantoma
Profesör
- Katılım
- 9 Ağustos 2008
- Mesajlar
- 2,506
- Reaksiyon puanı
- 27
- Puanları
- 228
Değerli arkadaşlar,
Bildiğiniz gibi web siteleri öncelikle html denilen bir dil ile yazılır.
Bu dil web sayfasının içeriğinin düzgün görüntülenmesini sağlayan bazı takılar silsilesidir.
Basit bir web sayfası,
<html>
<head>
<meta http-*****="Content-Type" **********text/html; charset=windows-1254">
<title>New Page 1</title>
</head>
<body>
</body>
</html>
adlı ana takılardan oluşmuştur.
Burada ilk <html> ve sayfanın en sonundaki </html> bu sayfanın bir web sayfası olduğunu betimler.
<head> takısı başlık bölümüdür.
İçine yazacağımız <title> ve </title> yani web site başlık bölümü içerisine yazacağımız web sitemizi tanımlayan başlığımız, web sayfalarının görüntülendiği tarayıcıların en üst çubuğunda görünecek olan bilgidir.
<head> ile </head> takıları hem web sitemizin başlığını görüntleyen <title> ve </title> takılarının barındırılmasına, hem web sitemize eklenecek CSS ve JavaScript gibi bazı özel yazılımsal kodların eklenmesine ve bu başlıkta anlatacağım <Meta tag> yani web sitemizin içeriğinin özellikle arama motorları tarafından araştırıldıklarında bilgi akışının kolay ve düzgün alınıp, arama motorlarının indekslenmesinde kullanılması bakımından çok önemli işlevler yürütmektedir.
Meta takıları üstteki kodlarda gördüğünüz gibi <meta ...ve içeriğin yazılmasıyla yine > işaretiyle kapatılır.
Diğer çoğu html takısında olduğu gibi işlem bitiminde </meta> olarak kapatılmazlar.
Bu takının içeriğine neler yazmalıyız?
1 - Web sitemizin başlığı,
2 - Web sitemizin yayına başlama tarihi,
3 - Web site tasarımcısı yani webmaster bilgileri,
4 - Web sitemizin yayın yani copyright hakları,
5 - Web sitemizin içeriği.
Bu içerik web sitemizi ilgilendiren ve arama motorlarında düzgün ve yerinde indeklenmesini sağlayan olabildiğince çok kelimeyi içermelidir.
Örnek,
Html öğretmek amacıyla bir web sitesi yaptık.
<meta http-*****="Content-Type" **********text/html; charset=ISO-8859-9">(web sitemizin dili)
<meta name="COPYRIGHT" **********©websiteniz-2009">(web sitemizin yayın hakları)
<meta name="DATE" **********Dec-2009">(Web sitemizin yayın tarihi)
<meta name="AUTHOR" **********İsminiz">(Web sitemizin editörü, yani yazarı)
<meta name="DESCRIPTION"
**********html, css, javascript, kodlama, coding, tablolar, tables, cerceveler, frames, web design, color, background, webpage, tags, templates, divs, spans ">(Web sitemizin arama motorlarında indeksleneceği kelimeler)
<meta name="KEYWORDS"
**********html, css, javascript, kodlama, coding, tablolar, tables, cerceveler, frames, web design, color, background, webpage, tags, templates, divs, spans">(Web sitemizin arama motorlarında indeksleneceği kelimeler)
<title>Html Hocası</title>
İlk dikkatinizi çekecek şey sanırım niye hem "Desription" ve "Keywords" adlı iki tür açıklama satırı var?
İzahı şu, Microsoftun üretimi Internet Explorer genelde "Description" yanındaki açıklamaları,
Mozilla ve benzeri yani Gecko motoru kullanan tarayıcılar "Keywords" yanındaki açıklamaları baz alırlar genelde.
Ayrıca burada ilk koda dikkat ettiyseniz "charset" yani dil grubu yanındaki birim değişmiş.
Bunun nedeni şudur. Genellikle Microsoft firmasının dünya dilleri arasında Türkçe'ye atadığı kod windows-1254'dür. Ancak biz eğer sadece ülkemizde görüntülenecek ve harflerin sayfada Türk alfesine uygun ve özel harflerin de
düzgün görüntülenmesini arzu ediyorsak, "charset" yani yazı karakterini sadece Türkçe olduğunu ISO-8859-9 tabiri ile betimleriz.
Web sitesi tasarımında dikkat edilmesi gereken bir önemli husus da, kodların ve takıların olabildiğince küçük harflerle yazılmasıdır. Aslında özellikle takıların büyük harfle yazılmasında bir sakınca yok gibi görünürse de, sitemizin yayınlanacağı serverlarda bazı hallerde sorun olabilmektedir.
Kolay gelsin.
Bildiğiniz gibi web siteleri öncelikle html denilen bir dil ile yazılır.
Bu dil web sayfasının içeriğinin düzgün görüntülenmesini sağlayan bazı takılar silsilesidir.
Basit bir web sayfası,
<html>
<head>
<meta http-*****="Content-Type" **********text/html; charset=windows-1254">
<title>New Page 1</title>
</head>
<body>
</body>
</html>
adlı ana takılardan oluşmuştur.
Burada ilk <html> ve sayfanın en sonundaki </html> bu sayfanın bir web sayfası olduğunu betimler.
<head> takısı başlık bölümüdür.
İçine yazacağımız <title> ve </title> yani web site başlık bölümü içerisine yazacağımız web sitemizi tanımlayan başlığımız, web sayfalarının görüntülendiği tarayıcıların en üst çubuğunda görünecek olan bilgidir.
<head> ile </head> takıları hem web sitemizin başlığını görüntleyen <title> ve </title> takılarının barındırılmasına, hem web sitemize eklenecek CSS ve JavaScript gibi bazı özel yazılımsal kodların eklenmesine ve bu başlıkta anlatacağım <Meta tag> yani web sitemizin içeriğinin özellikle arama motorları tarafından araştırıldıklarında bilgi akışının kolay ve düzgün alınıp, arama motorlarının indekslenmesinde kullanılması bakımından çok önemli işlevler yürütmektedir.
Meta takıları üstteki kodlarda gördüğünüz gibi <meta ...ve içeriğin yazılmasıyla yine > işaretiyle kapatılır.
Diğer çoğu html takısında olduğu gibi işlem bitiminde </meta> olarak kapatılmazlar.
Bu takının içeriğine neler yazmalıyız?
1 - Web sitemizin başlığı,
2 - Web sitemizin yayına başlama tarihi,
3 - Web site tasarımcısı yani webmaster bilgileri,
4 - Web sitemizin yayın yani copyright hakları,
5 - Web sitemizin içeriği.
Bu içerik web sitemizi ilgilendiren ve arama motorlarında düzgün ve yerinde indeklenmesini sağlayan olabildiğince çok kelimeyi içermelidir.
Örnek,
Html öğretmek amacıyla bir web sitesi yaptık.
<meta http-*****="Content-Type" **********text/html; charset=ISO-8859-9">(web sitemizin dili)
<meta name="COPYRIGHT" **********©websiteniz-2009">(web sitemizin yayın hakları)
<meta name="DATE" **********Dec-2009">(Web sitemizin yayın tarihi)
<meta name="AUTHOR" **********İsminiz">(Web sitemizin editörü, yani yazarı)
<meta name="DESCRIPTION"
**********html, css, javascript, kodlama, coding, tablolar, tables, cerceveler, frames, web design, color, background, webpage, tags, templates, divs, spans ">(Web sitemizin arama motorlarında indeksleneceği kelimeler)
<meta name="KEYWORDS"
**********html, css, javascript, kodlama, coding, tablolar, tables, cerceveler, frames, web design, color, background, webpage, tags, templates, divs, spans">(Web sitemizin arama motorlarında indeksleneceği kelimeler)
<title>Html Hocası</title>
İlk dikkatinizi çekecek şey sanırım niye hem "Desription" ve "Keywords" adlı iki tür açıklama satırı var?
İzahı şu, Microsoftun üretimi Internet Explorer genelde "Description" yanındaki açıklamaları,
Mozilla ve benzeri yani Gecko motoru kullanan tarayıcılar "Keywords" yanındaki açıklamaları baz alırlar genelde.
Ayrıca burada ilk koda dikkat ettiyseniz "charset" yani dil grubu yanındaki birim değişmiş.
Bunun nedeni şudur. Genellikle Microsoft firmasının dünya dilleri arasında Türkçe'ye atadığı kod windows-1254'dür. Ancak biz eğer sadece ülkemizde görüntülenecek ve harflerin sayfada Türk alfesine uygun ve özel harflerin de
düzgün görüntülenmesini arzu ediyorsak, "charset" yani yazı karakterini sadece Türkçe olduğunu ISO-8859-9 tabiri ile betimleriz.
Web sitesi tasarımında dikkat edilmesi gereken bir önemli husus da, kodların ve takıların olabildiğince küçük harflerle yazılmasıdır. Aslında özellikle takıların büyük harfle yazılmasında bir sakınca yok gibi görünürse de, sitemizin yayınlanacağı serverlarda bazı hallerde sorun olabilmektedir.
Kolay gelsin.
