Sıkça Karşılaşılan W3C – XHTML Hataları ve Çözümleri Google

Sitenizi W3C Uyumlusu Yapın

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.

Etiketleri İç İçe Kapatın

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>

Etiket ve Parametre İsimlerini Küçük Harflerle Yazın

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>

XHTML Etiketlerini Kapatın

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" />

XHTML ve W3C Uyumlu Bağlantılar

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>

XHTML ve W3C Uyumlu Resim Kodları

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’ı Büyük Harflerle Yazın

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">

Özellik Değerlerini Tırnaklar İçersinde Girin

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%">

Özellik Değerlerini Ayrı Ayrı Girmeyin

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.

Erişilebilirlik ve W3C 37 Yorum 13.566 Okunma Yazan: İbrahim Çakıcı

Paylaş

Çeviri / Translation

English German Italian France Polish Russian Spannish Ukrainian Bulgarian Dutch Finnish Hindi Japanese Norwegian

Benzer Yazılar

“Sıkça Karşılaşılan W3C – XHTML Hataları ve Çözümleri” için 37 yorum bulunuyor.

  • 08 Şubat 2009, 11:29

    Güzel bir makale olmuş, tebrik ederim.

     
  • 08 Şubat 2009, 11:42

    Çok yararlı bir döküman olmuş, elinize sağlık.

     
  • 08 Şubat 2009, 11:46

    Gerçekten süper bi yazı baştan sona okudum ve benimde hatalarım varmış onları gördüm. Saol ibrahim.

     
  • 08 Şubat 2009, 11:50

    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.

     
  • 09 Şubat 2009, 00:27

    Benim sitemde 4 hata varmış düzelttim, teşekkürler.

     
  • 14 Şubat 2009, 04:34

    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.

     
  • 22 Şubat 2009, 13:29

    Birde sıkça karşılaşan W3C CSS Hataları ve Çözümleri hakkında bilgi verilirse güzel olur.

     
  • 22 Şubat 2009, 22:42

    Üstad makalelerini severek okuyor bir kısmını blogumda yayınlıyorum. Tebrik eder başarılar dilerim.

     
  • 26 Şubat 2009, 20:18

    güzel makale olmuş site için yaralandım sağol

     
  • 27 Şubat 2009, 12:34

    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 ???

     
  • 28 Şubat 2009, 15:34

    Merhaba İbrahim Bey,
    Sözkonusu sorununuz ile ilgili olarak “yardım forumlarımızın” ilgili bölümlerini ziyaret edebilirsiniz.

     
  • 08 Mart 2009, 20:17

    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 : )

     
  • 10 Mart 2009, 04:45

    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

     
  • 10 Mart 2009, 18:14

    Aldığınız hataların çözümü için lütfen forumlarımızı kullanın.

     
  • 15 yasin özcan
    14 Mart 2009, 19:43

    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.

     
  • 21 Mart 2009, 14:33

    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.

     
  • 21 Mart 2009, 16:44

    Merhaba Alemist,
    Hatalarla ilgili destek almak için forumlarımızı kullanabilirsin.

     
  • 17 Nisan 2009, 01:21

    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.

     
  • 24 Haziran 2009, 09:11

    Denemeye calistik ama css oldugundan fazla beceremedik. Makale icin cok tesekkurler.

     
  • 30 Temmuz 2009, 20:39

    Önceden bunları pek önemsemiyodum. Sayenizde daha çok şeyler öğreneceğiz inşallah. Makale için teşekkürler.

     
  • 13 Ağustos 2009, 21:16

    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.

     
  • 20 Ağustos 2009, 22:04

    Biraz zor oldu ama bütün hataları düzeltip sitemi w3c uyumlu yaptım :)

     
  • 23 Ali
    14 Eylül 2009, 15:22

    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

     
  • 30 Ekim 2009, 23:08

    Çok teşekkürler. Kendi sitem olan http://www.webmastermods.com a kaynak belirterek ekliycam. =)

     
  • 03 Kasım 2009, 23:57

    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

     
  • 21 Ocak 2010, 15:07

    Teşekkürler Bilgiler İşime Yaradi 1-2 eşt dost tavsiye ve önerisi sayesinde sitem passed :)

     
  • 27 freelancer03
    08 Nisan 2010, 11:56

    çok teşekkürler sayende hatalarımı gördüm.

     
  • 19 Mayıs 2010, 11:18

    Aşağıdaki gibi error mesajı veriyor nasıl düzeltebilirim? Teşekkürler
    Warning Line 263, Column 76: cannot generate system identifier for general entity “view”

    …k.com.tr/index.php?option=com_content&view=article&id=59&Itemid=86′,’http://ww…

     
  • 06 Temmuz 2010, 19:33

    tskler zor oldu ama düzelttim hata yok :)

     
  • 27 Temmuz 2010, 18:49

    çok güzel bilgilendirdinizde ben bişi anlamadım kaç zamandır site yönetiyorum ve bunu ilk kez gördüm teşekkürler bunu öğrenmek gerekiyor

     
  • 31 Can
    16 Eylül 2010, 14:54

    Sonunda hataları çözümleyebileceğim bir makale buldum.Çok yararlı oldu.Teşekkürler :)

     
  • 30 Ekim 2010, 01:24

    Merhaba Günay Bey,
    Bu konuda ne yazık ki birebir destek veremiyoruz. Ancak bu konuda bir projemiz olacak yakın zamanda.

     
  • 12 Şubat 2011, 14:33

    teşekkürler ibrahim
    aradığım bir konuydu.

     
  • 34 Ertugrul
    28 Şubat 2011, 22:01

    merhaba benim sitede 48 tane hata veriyor.sitem phpbb3 sistemidir.benim öğrenmek istediğim bu hataları dizinde nasıl bulmalıyım verilen hatalarda sitede acılan forumlardan veya konulardan olmaktadır bu acılan formlar hangi dizinde aramalıyım acaba bu konuda ne önerebilirsiniz.

     
  • 31 Mart 2011, 14:57

    Bilgi için çok teşekür hocam peki Hoşgeldiniz etiketinde hata aldım bunun neresinde hata var????

     
  • 17 Nisan 2011, 09:36

    çok teşekkürler harika makale.

     
  • 04 Haziran 2011, 12:23

    verimsiz bir makale olmuş, 3 tane örnekle valid edilmiyor malesef.

     

Yorum Yapın

oktay dibek: Yeni takip ediyorum sitenizi benimde samsung servisi sitem var bu set işe yarıyor. TEŞEKKÜRLER...
rize haberleri: Mükemmel bi rehber olmuş hemen indiriyorum hocam,teşekkürler....
Selman: Elinize sağlık gerçekten uğraşmışsınız. Bu sektörde bir arayış içinde olanlara çok faydalı olacağına inanıyorum......
Abdullah: Vermiş olduğunuz bilgiler için teşekkür ederiz. Ama bazı siteler yoruma kapılı güncellerseniz sevinirim....
Md: Kitabı okudum. Emeğinize sağlık, sizde daha birçok fikir olduğunu umuyorum :)...
 
licensewordpressrssalexaxhtmlcss
Google Site Map | SEO Teknikleri | Seo

Powered by 2007 - 2011 SeoTeknikleri.com

Hosting Sponsoru Daha.net