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.

Bu yazı İbrahim Çakıcı tarafından yazılmıştır.

Erişilebilirlik ve W3C 26 Yorum 6.350 Okunma Yazan: Yiğit Konur

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

     

Yorum Yapın

Abdullah Sağlam: Bilgiler için çok teşekkür ederim . topliste asılmıştım gereksizmiş demekki :)...
Gezi Blog: Yararlı ve uzun bir döküman olmuş. Bir çok kişinin işine yarayacaktır....
sandalye: backlink toplamak için uğraşıyoz gece gündüz ama faydası var gerçekten :)...
ersin: güzel bir paylaşım gerçekten elinize sağlık....
Serdar: @Adwords login ziyaretçileri bir nevi ref olarak görebilirsin. nasıl sitene google'dan gelenleri görüyorsan burada da 404 hata sayfasına gelenleri görebiliyorsun....
 
licensewordpressrssalexaxhtmlcss
Google Site Map | SEO Teknikleri | Seo | Seo | Google

Powered by 2008 - 2009 SeoTeknikleri.com

Hosting Sponsoru Vargonen Technologies