Konu: W3C Markup Validation Service Hataları (XHTML) Ve Çözümleri

[D®agon]

Gelişen web teknolojisi ile web standartları da değişmektedir. Bu yüzden sitenizi gelişen yeni web teknolojilerine ayak uyduracak biçimde tasarlamanız ve yeni standartlara uymanız seo açısından önemli faktörlerden biridir. [img]http://uyanangenclik.com/resimler/egitim/seo7.jpeg[/img] Sertifikalar bir sitenin Google gözünde belirli bir değere ulaşması için en önemli seo kriterleridir. Sitelerin html ve css yapısının düzgün kodlanmasını onaylatmak, hem bu konuda sertifika almanızı hem de düzgün tasarım sayesinde sitelerin hızlı açılmasını sağlayacaktır. Dolayısıyla xhtml ve css kodlamaları hatasız olmalıdır. Sitenizin w3 sertifikasından başarıyla geçmesi hem kullanıcılarınız için hem de kod yapısı açısından size olumlu etki edecektir. leftt öncelikle [url=http://validator.w3.org/]Buraya tıklayarak  W3C sitesine [/url] gidiyoruz: Adres satırına sitemizi yazıyoruz.Sonra  Check butonunna tıklıyoruz. Hatasız bir Site Şöyle olmalıdır [color=green]This document was successfully checked as XHTML 1.0 Transitional![/color] Aşağıdaki hatayı alıyorsanız demekki sitenizin html kodlarında bir hata var demektir. [color=red]Errors found while checking this document as XHTML 1.0 Transitional![/color] [u][color=red]W3C XHTML Hataları[/color][/u] ► [color=red]end tag for "meta" omitted, but OMITTAG NO was specified[/color] Yanlış [code]<meta http-equiv="Content-Type" content="text/html; charset=', $context['character_set'], '" >[/code] Doğru: [code]<meta http-equiv="Content-Type" content="text/html; charset=', $context['character_set'], '" />[/code] 1. kodda validatorde hata alırken 2. kodda hata almazsınız. tek satırlık taglarda bitirişi /> şiklinde yapmalısınız. ► [color=red]start tag was here[/color] Yanlış [code]<a href="https://www.turkiye.gov.tr/hizmetler" target="_blank">[/code] Doğru [code]<a href="https://www.turkiye.gov.tr/hizmetler" target="_blank"/>[/code] Aynı şekilde bitirişi /> şiklinde yapmalısınız. ► [color=red]NET-enabling start-tag not immediately followed by null end-tag[/color] Yanlış [code]<meta name="robots" content="index, archive" / >[/code] Doğru [code]<meta name="robots" content="index, archive" />[/code] Aynı şekilde bitirişi /> şiklinde yapmalısınız.Boşluk olmamalı. ► [color=red]end tag for element "iframe" which is not open[/color] Yanlış [code]<iframe src="http://www.uyanangenclik.com/html/hicritakvim.php" frameborder="0" width="190" scrolling="no" height="40" /></iframe>[/code] Doğru [code]<iframe src="http://www.uyanangenclik.com/html/hicritakvim.php" frameborder="0" width="190" scrolling="no" height="40"></iframe>[/code] iframe içeren kodlarda ... /> kullanılmaz. ► [color=red]required attribute "alt" not specified[/color] Yanlış [code]<img src="http://www.uyanangenclik.com/resimlerim/menu/edevlet.jpg"  />[/code] Doğru [code]<img src="http://www.uyanangenclik.com/resimlerim/menu/edevlet.jpg" width="120" height="50" title="E-Devlet" alt="e-devlet" />[/code] W3 standartlarına göre her koydugunuz bir resime bir açıklama girmek zorundasınız. title="E-Devlet" şeklinde "TİTLE" etiketi olmalıydı. Ayrıca Resimlerde "ALT" Etiketi ve "HEIGHT" ve "WIDTH" Etiketi kullanmalısınız. ►[color=red] attributes construct error [/color]   Yanlış [code]<img src="http://www.uyanangenclik.com/resimlerim/menu/anamenu/hosgeldin.jpg"alt="hosgeldin"/>[/code] Doğru [code]<img src="http://www.uyanangenclik.com/resimlerim/menu/anamenu/hosgeldin.jpg" width="100" height="50" title="hosgeldin" alt="hosgeldin" />[/code] Burada TİTLE etiketi kullanılmamıştı.Burada kullandık. ► [color=red]Couldn't find end of Start Tag img line 307 [/color] Yanlış [code]<img src="http://www.uyanangenclik.com/resimlerim/menu/anamenu/egitimo.jpg"width="50" height="50"  alt="egitim"/>[/code] Doğru [code]<img src="http://www.uyanangenclik.com/resimlerim/menu/anamenu/egitimo.jpg" width="50" height="50"  alt="egitim"/>[/code] Tırnaktan sonra boşluk bıkıyoruz  ... " width şeklinde olmalı. Aynı şekilde bitirişi /> şiklinde yapmalısınız.Boşluk olmamalı. ►[color=red] duplicate specification of attribute "width"     duplicate specification of attribute "height"     duplicate specification of attribute "title"     duplicate specification of attribute "alt"[/color] Bu vb. hatalarda belitilen ETİKET eksiktir ya da boşluklarda veya tırnak işaretlerinde yazım yanlışı vardır. ► [color=red]start tag was here[/color] Yanlış [code]<ul class="reset">[/code] Doğru [code]<ul class="reset"></ul>[/code] Başlangıç ve bitiş ETİKETLERDE eksik kod kullanmamalıyız. Örnekte </ul> unutulmuş.