Merhaba bu makalemizde, HTML validationu ve faydalarını size açıklayacağız.
Tarihsel bazda Validation‘un geçmiÅŸi.
İlk orjinal versiyonu, Nick Kew tarafından Webthing şirketi için yazılmıştır. Daha sonra webthing şirketi bu sistemi tüm kullanıcıların faydalanması için valet.webthing.com adresinde duyurmuş ve Site Valet adında basit bir arayüz ile kullanıcıların hizmetine sunmuştur.
Site Valet, webmaster ve web yazılım geliÅŸtiricilerini için kurulmuÅŸ olan ilk online araçtır. 1996 da online olarak hizmete baÅŸlayan bu servis, 1997 yılında htmlhelp.com üzerine taşınmıştır. 2000′li yıllarda, Validation‘un ÅŸuanki halini almasında en önemli faktör kuÅŸkusuz Nick Kew‘dir. SQL database sistemi ile çalışan bu yazılımın hayata geçmesi ile validation‘un webmasterlar ve web geliÅŸtiricileri için artık hayati bir önemi söz konusudur.
Neden?
Çevrenizde gördüğünüz birçok internet sitesi, çeÅŸitli kiÅŸiler tarafından, çeÅŸitli programlar ile birlikte kodlanır. Ä°nternet dünyasının hızla geliÅŸtiÄŸini göz önünde bulunduracak olursak validation‘un ne kadar hayati önem taşıdığını ÅŸu ÅŸekilde izah edebiliriz. Ä°nternet siteleri için alt yapı ve tasarım ne kadar önemli ise, iyi bir sitenin en az hatalar ile yapılmasıda bir o kadar önemlidir. Önceleri sadece html siteler ve basit tasarımlar ile birlikte siteler oluÅŸturulurken artık, Ajax ile güçlendirilmiÅŸ, php, asp tabanlı ve görsel olarak mükemmel internet siteleri yapmak mümkün. DeÄŸiÅŸmeyen tek ÅŸey sitede ki mevcut hataların kontrolünü yapmak ve onları düzeltmek. Peki benim sitemde bir sürü hata var neden bunu düzeltmeliyim? diye sorabilirsiniz, bunun cevabını ise ÅŸu ÅŸekilde verelim; günümüzde sitelerin alt yapısı ve tasarımı hariç diÄŸer önemli faktör arama motoru optimizasyonu yani seo.
Diyelim ki sitenizin hedef keywordü “hosting” ve google aramalarında 3. sırada çıkıyorsunuz, sizin bir üstünüzdeki sitede mevcut html validation hataları söz konusu fakat buna raÄŸmen sizin üst sıranızda, sizinde sitenizde validation hataları var ise bunları düzeltip seo açısından sitenizin üstündeki siteyi geçmeniz için çok büyük bir adım atmış oluyorsunuz. Kısacası arama motorları en kaliteli, en iyi ve en sorunsuz içeriÄŸe sahip siteleri biraz daha önemsiyor.
Profesyonellik validationdan geçiyor.
Önceleri internet explorer validation konusunu pek önemsemez ve sitelerin valid html olması bu kadar tartışılmaz idi, firefox‘un piyasaya girmesi ile birlikte firefox birçok valid hatayı gördü ve bu durum mevcut düzeni büyük bir biçimde etkiledi. Ä°nsanlar sitelerini yaparken veya ücretli bir ÅŸekilde yaptırırken yalnızca sistemin alt yapısına ve tasarımına dikkat eder, aldıkları hizmetin kalitesini buna göre deÄŸerlendirirlerdi. Ancak artık yazılım ve tasarım konusunda uzmanlaÅŸmış olan kiÅŸiler, sitelerini valid html olarak düzenledi ve mevcut rekabete bir kulvar daha katılmış oldu.
Sitemdeki hataları nasıl bulabilir, nasıl düzeltebilirim?
Öncelikle, http://validator.w3.org/ adresine giriyorsunuz, eÄŸer siteniz online olarak yayına baÅŸlamış ise, sadece Validate by url seçeneÄŸini seçmeniz yeterli, eÄŸer siteniz tasarım aÅŸamasında ve local olarak görüntüleniyor ise, Validate by file upload seçeneÄŸinden sitenizin dosyalarını validator’a okutabilir ve sitenizde hata olup olmadığına bakabilirsiniz.
Örneğin bir deneme yapalım ve nasıl çözüleceğini gösterelim. http://validator.w3.org/ adresine validate by url seçeneğini seçerek arama kısmına, http://www.daha.net/ yazıyoruz. Firmamızın sitesinde şuan için 46 adet valid hata söz konusu. Result yani sonuç kısmında sistem bize şu şekilde bir uyarı veriyor; Result:46 Errors, 6 warning(s) yani 46 hata mevcut ve 6 tane de uyarı söz konusu. Peki bu uyarı ve hataları nasıl görüntüleyeceğim? Jump To:Validation Output kısmına tıklayarak tüm hataları görüntülemeyi sağlayabilirsiniz.
Mesela “Line 73, Column 206: Attribute “onload” exists, but can not be used for this element.” bu ÅŸekilde bir hata baÅŸlığı ile karşılaÅŸtığınızda, sitenizin 73′ncü satır ve 206′ncı sütununda bir hata söz konusu ve nedeni de bu element için onload olarak …” border=”0″ alt=”Live Help” onload=“statusImagesLiveHelp[statusImagesLiveHel bu veriyi kullanamamız kısacasıbu onlad=" kısmı bu element ile uyumsuz ve bu nedenle valid hatası söz konusu. Bu hataları çok kolay bir ÅŸekilde giderebilir ayrıca kod bilginizi geliÅŸtirebilir hemde yeni birÅŸeyler öğrenmiÅŸ ve pratik kazanmış oluyorsunuz.
Validation CSS hataları
Validation hataları sadece html hatalar değildir, bu hatalar ayrıca sitenizin css dosyalarında da çıkabilmekte. Örneğin yazdığınız bir css kodunu kapatmadığınızda veya yanlış birşey eklediğinizde gözle görülür bir sorun oluşmasada sitenizde, bunu validator'da test edebilir ve hemen css hatalarınızı giderebilirsiniz. Css hatalarını kontrol etmek için şu adımları takip etmekte fayda var, validate by url olarak +http://siteadi.com/style.css">siteadi.com/style.css olarak css dosyanızı okutabilirsiniz veya yine yukarıdaki şekilde file upload seçeneğini seçerek css dosyanızı upload edebilir ve hangi hataların olup olmadığını görerek düzenlemeye başlayabilirsiniz.
Son olarak, validation'un ne yararları var ve ne için düzeltilmelidir ondan bahsedelim. Daha önce belirttiğimiz gibi valid bir site valid olmayan bir siteden seo açısından bir adım öndedir. Bunun dışında, profesyonel gözle siteniz irdelendiğinde eğer valid ise yine diğer sitelere göre bir adım önde olacaktır. Sitem doğru ve hatasız çalışıyor diye düşünüyor ve valid hatalardan haberiniz yok ise mutlaka validator'a girmeli ve sitenizi kontrol etmelisiniz.
Validator araçları
Sitenizin sürekli valid olup olmadığını kontrol etmeniz açısından sitenize çeşitli uygulamalar eklemeniz mümkün bunu da yine http://www.w3.org/QA/Tools/ bu adrese girerek yapmanız mümkün. Girmiş olduğunuz adreste karşınıza 3 çeşit valid kontrol geliyor, bunlar yazımızda da bahsettiğimiz MarkUp Validator yani Html Validator, Link Checker (hyper linkleri kontrol edebilirsiniz bu adresten) ve CSS Validator bu bölümdende sitenizin css hatalarını kontrol edebilirsiniz. Unutmadan ekleyelim, validator'un css kontrolünü sağlayan sistem mozilla firefox'un kendisidir bu yüzden validator kullanıcılarına mozilla firefox önerir.
{ 1 trackback }
{ 1 yorum… Yorum ekle }
Peki bu “Line 73, Column 206″ sitenin bulunduÄŸu hangi dosyaya tekabül ediyor? Mesela benim sitede de 25 hata var ama ÅŸu line bilmem kaça column bilmem kaçın nerede olduÄŸunu bir türlü bulamadım. Tek php dosyaları kod giriÅŸ bölümünden girip temizlemeye tıkladım ama sayfalar karma karışık oldu. Åžu W3 hakkında herkes sanki ortak karar almış gibi hep aynı ÅŸeyleri yazmış ama çözümü yeni baÅŸlayanların anlayacağı ÅŸekilde anlatan bir kiÅŸi bile yok.