

Yiğit Konur W3C Nedir, Ne İşe Yarar? yazısıyla bizi W3C (World Wide Web Consortium) hakkında bilgilendirdi. Biliyoruz ki sitelerimizin W3C standartlarına uygun olması arama motorları tarafından sitemizin sevilmesini sağlıyor. Sitelerimizi W3C standartlarına uygun yaparsak sitemize büyük fayda sağlayacaktır. Sitelerimizi XHTML web biçimleme diliyle W3C standartlarına uygun yapabiliriz. XHTML web biçimleme dili W3C standartları tavsiyesidir. XHTML web biçimleme dilini biraz açalım. XHTML açılımı: EXtensible HyperText Markup Language (Genişleyebilir Hiper Metin Anlamlandırma Dili). XHTML, HTML dili yerine kurulmuş ve onun yerine kullanılmaktadır. Temiz, düzenli ve gereksiz kodlardan arınmış HTML yazımını sağlar. Aşağıda W3C uyumluluk sorununu ve çözümlerini maddeler halinde verdim.
HTML ile etiketleri iç içe kapatma diye bir şey yok. Ama XHTML ile etiketleri ve parametreleri iç içe kapatma zorunluluğumuz var. Bu işlemi siteniz üzerinde gerçekleştirmediğiniz zaman sitenizin W3C standartları uyumluluğunu sorgulattırırken daima hata verir.
Hatalı Kod: <b><i> Etiketleri İç İçe Kapatmak </b></i>
Doğru Kod: <b><i> Etiketleri İç İçe Kapatmak </i></b>
HTML ile etiket ve parametre isimlerini küçük-büyük harflerle yazsak birşey olmuyordu. XHTML ile etiket ve parametre isimlerini küçük harflerle girmek zorundayız.
Hatalı Kod: <SPAN title="Açıklama"><B> Etiketleri ve Parametreleri Küçük Harflerle Yazmalıyız </b></SPAN>
Doğru Kod: ><span title="Açıklama"><b> Etiketleri ve Parametreleri Küçük Harflerle Yazmalıyız </b></span>
HTML ile aşağıdaki hatalı kodda gördüğünüz gibi yapıyorduk. Ama XHTML web biçimleme dili ile TÜM etiketleri kapatmak zorundayız. Örneğini aşağıdaki Doğru Kodda görebilirsiniz.
Hatalı Kod: <img src="resim.gif" alt="açıklama">
Doğru Kod: <img src="resim.gif" alt="açıklama" />
Sitesinde bağlantı verip W3C uyumluluk sorunu yaşayan bir çok arkadaşımız var. Aşağıda vereceğim bağlantılar tamamen XHTML ve W3C uyumlusudur. Sorun yaşayan arkadaşlarımız sitelerindeki bağlantıları aşağıdaki gibi yaparlarsa hiçbir sorunla karşılaşmayacaklarını göreceklerdir.
<a href="http://www.seoteknikleri.com">SEO Teknikleri</a>
veya
<a href="http://www.seoteknikleri.com" title="SEO Teknikleri">SEO Teknikleri</a>
En çok hata alınan etiketlerden birisi img etiketidir. Sitenize resim eklerken aşağıdaki XHTML ve W3C tam uyumlusu olan kodları kullanabilirsiniz.
<img src="seoteknikleri.jpg" alt="SEO Teknikleri" />
DOCTYPE tanımlamasını büyük harfle yazın aksine W3C uyumluluğu olmaz.
Hatalı Kod: <!doctype html public "-//w3c//dtd xhtml 1.0 strict//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd" >
Doğru Kod: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Mesela bir td değerine yüksekliği HTML ile tırnaksız girebiliyoruz ama XHTML ile tırnaklar ile girmek zorundayız.
Hatalı Kod: <td height=100%>
Doğru Kod: <td height="100%">
Sitenizde artık etiketlere özel widht yada height vs. gibi attribute kesinlikle girmeyeceksin. Girerseniz hata alırsınız. Bu iki özelliği css dosyasından çağırarak yapacaksınız.
Hatalı Kod: <td widht="100%" height="100%">
Doğru Kod: <td class="genislik_yukseklik">
Not: Arkadaşlar HTML ile XHTML karıştırmayalım lütfen. Sitelerinizin W3C XHTML uyumlusu olup olmadığını XHTML Validator aracıyla görebilirsiniz.
Genelde XHTML hataları yukarıda verdiğim hatalardan oluşuyor. Eğer sizin çözemediğiniz bir hata varsa yorum olarak belirtin. Elimden geldiğince çözümlemeye çalışacağım.
Bu yazı İbrahim Çakıcı tarafından yazılmıştır.
Güzel bir makale olmuş, tebrik ederim.
Çok yararlı bir döküman olmuş, elinize sağlık.
Gerçekten süper bi yazı baştan sona okudum ve benimde hatalarım varmış onları gördüm. Saol ibrahim.
Benim günlüğümde bu tip şeylerle alakalı hiçbirşey yok aslında benimde pek ilgim/bilgim yok. Fakat bazı yarışmalarda vs’lerde olsun bu tip şeylere dikkat edilebiliyor..
Bu yazıdaki bilgileri dikkate alarak benim günlüğümde olan bolca hataları düzeltme şansım olabilir. Deneyelim görelim..
Teşekkürler kardeşim, faydalı şeyler aktardığın/yazdığın için.
Benim sitemde 4 hata varmış düzelttim, teşekkürler.
Güzel bir yazı olmuş fakat xhtml validator zaten sayfanın uygun olup olmadığını söylediği gibi sayfadaki hataları tek tek belirtiyor.
Burada tek sorun belirtilen hataların ingilizce anlatılması olabilir.
Güzel bir yazı emeğine sağlık.
Birde sıkça karşılaşan W3C CSS Hataları ve Çözümleri hakkında bilgi verilirse güzel olur.
Üstad makalelerini severek okuyor bir kısmını blogumda yayınlıyorum. Tebrik eder başarılar dilerim.
güzel makale olmuş site için yaralandım sağol
bilgi için teşekkürler, ama benim gibi amatör kullanıcılar için bu kodları çözmek bir hayli zor.sitemi tarttım ve 48 hata buldu 10 tane de tehlikeli hata diyor, ama sitemde düzeltmeleri yapamadım
örneğin ;
<p>Futbol, Basketbol ve Spor Dünyası
bu koddaki koyu olarak belirttiğim yerde hata buldu ve bu hatadan çok sık varmış sitemde.doğru kod olarak ne yazmalıyım buraya ???
Merhaba İbrahim Bey,
Sözkonusu sorununuz ile ilgili olarak “yardım forumlarımızın” ilgili bölümlerini ziyaret edebilirsiniz.
Merhaba Yiğit,
Gerek “yeni başlayan” gerekse bu sektörde uzun süredir var olan kişiler açısından güzel bilgiler paylaşmışsın.Sektörde olupda bu tarz ince ipuçlarını bilmeyen bir çok arkadaşımız var, bu bilgiler sayesinde o açıklarını kapatacaklardır. Paylaşımlarının devamını diliyorum. Sitenin yayın hayatında başarısının devam etmesi temennisiyle İyi çalışmalar : )
Warning Unable to Determine Parse Mode!
The validator can process documents either as XML (for document types such as XHTML, SVG, etc.) or SGML (for HTML 4.01 and prior versions). For this document, the information available was not sufficient to determine the parsing mode unambiguously, because:
* the MIME Media Type (text/html) can be used for XML or SGML document types
* No known Document Type could be detected
* No XML declaration (e.g ) could be found at the beginning of the document.
* No XML namespace (e.g ) could be found at the root of the document.
As a default, the validator is falling back to SGML mo
bole bir warning alıyorum tek hatam 39 hatadann buna düşürdüm ama bunu şimdi haledemiyorum yardımcı olurmusun yiğit
Aldığınız hataların çözümü için lütfen forumlarımızı kullanın.
yazı güzel olmuş. son zamanlarda zaten sitelerimin 0 hata olmasına dikkat ediyorum. Firefox un html validator eklentisi ile hata olup olmadığını hemen görebiliyorum. Güzel eklenti tavsiye ederim. yazı için teşekürler.
merhaba;
öncelikle makale için teşekkürler.Çabalarımla tüm hataları gidebildim ancak ortalama center kodunun validini bulamadım yardımcı olabilirseniz sevinirim :)
şuanda kullandığım;
ortalamak istediğim kod';bildiğim diğerlerini de denedim 7-8 hata ortaya çıkarıyor bununla 1 tane çıktı
Line 450, Column 13: there is no attribute “align”.
<div align="center">You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the “Strict” document type with a document that uses frames (e.g. you must use the “Transitional” document type to get the “target” attribute), or by using vendor proprietary extensions such as “marginheight” (this is usually fixed by using CSS to achieve the desired effect instead).
This error may also result if the element itself is not supported in the document type you are using, as an undefined element will have no supported attributes; in this case, see the element-undefined error message for further information.
How to fix: check the spelling and case of the element and attribute, (Remember XHTML is all lower-case) and/or check that they are both allowed in the chosen document type, and/or use CSS instead of this attribute. If you received this error when using the element to incorporate flash media in a Web page, see the FAQ item on valid flash.
Merhaba Alemist,
Hatalarla ilgili destek almak için forumlarımızı kullanabilirsin.
Merhaba Yiğit bey, öncelikle bu güzel makale için teşekkür ederim.
Genişlik ve yükseklik değerleri için aldığım hatayı bir türlü anlayamamıştım. Bu makaleniz sayesinde bunu da öğrenmiş oldum.
Çalışmalarınızda başarılar dilerim.
Saygılarımla.
Denemeye calistik ama css oldugundan fazla beceremedik. Makale icin cok tesekkurler.
Önceden bunları pek önemsemiyodum. Sayenizde daha çok şeyler öğreneceğiz inşallah. Makale için teşekkürler.
w3c bu bahsedeciğimi hata olarak algılıyo mu bilmiyorum ama sitenin genel şablonunu tablo ile yapmak kesinlikle xhtml çizgilerine sığmayan bir davranış xD
xhtml’in en temel mantığı temel elemanları html’de işaretleyip onlara bir id veya class tanımlayıp geri kalan herşeyi css üzerinden halletmek. diğer yandan hangi kodun ney için kullanıldığı da çok büyük önem taşıyor. bu söylediklerim seo açısından da çok önemli.
Biraz zor oldu ama bütün hataları düzeltip sitemi w3c uyumlu yaptım :)
XHTML Validator seoteknikleri.com’u bi sorgulayayım dedim bir uyarı verdi o da şu 1 adet UTF-8 Bom’suz dosya bulmuş ve bunun bazı eski tarayıcılarda ve metin editörlerinde sorun olabileği yazıyor ama ben yine de kodlarımı bu biçimde yazıyorum
Çok teşekkürler. Kendi sitem olan http://www.webmastermods.com a kaynak belirterek ekliycam. =)
250 hatadan 70 e kadar düşürdüm ama herşeye hata veriyor bu :) kendi kaynağından resimkodunu bire bir aldım linkleri resim yolunu değiştirdim ama yine hata verdi hendi koduda hatalı ozaman zaten rezil olmamak icin kendini sorgulatmıyor :D
Teşekkürler Bilgiler İşime Yaradi 1-2 eşt dost tavsiye ve önerisi sayesinde sitem passed :)