Neden W3C ?
Herkes bu sorunun cevabını arıyor ve hatta bir çok kişi diyor ki: “benim sitemde bir kaç tane W3C hatası var ama site sorunsuz bir şekilde çalışıyor. Ne gerek var W3C’ye” gibi laflar söyleyenler var. Sitelerimizin W3C standartlarına uygun olması arama motorları tarafından sitemizin daha çok sevilmesini sağlıyor. Sitemizin/Sitelerimizin W3C standartlarına uygun olması sitemiz açısından çok önemli. Sitemizi/Sitelerimizi W3C standartlarına uygun hale getirmemizde bize XHTML web biçimleme dili yardımcı olacaktır. Peki bu XHTML’in Açılımı Nedir? EXtensible HyperText Markup Language Türkçe karşılığı Genişleyebilir Hiper Metin Anlamlandırma Dili. XHTML, HTML dili yerine kurulmuş ve onun yerine kullanılmaktadır.
XHTML Etiketlerini Kapatın
meta, input, link, img gibi tek taraflı etiketleri kapatmalıyız. HTML’de böyle bir zorunluluğumuz yoktu bu etiketleri kapatmasakta kodlar normal bir şekilde çalışıyordu fakat XHTML standartlarına göre bu etiketleri kapatmamız gerekiyor aksi taktirde W3C hatası alacağız.
Hatalı Kodlama:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" > <link type="text/css" rel="stylesheet" media="all" href="style.css" > <img src="resim/yukleniyor.gif" alt="yükleniyor.." >
Doğru Kodlama:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link type="text/css" rel="stylesheet" media="all" href="style.css" /> <img src="resim/yukleniyor.gif" alt="yükleniyor.." />
Etiketleri İç İçe Kapatın
HTML dilinde etiketleri iç içe kapatma diye bir şey yok. Ama XHTML’de böyle bi zorunluluğumuz var. Bu düzene uymadığınız zaman sitenizde kodlama da sorun çıkmayacaktır fakat sitenizi W3C ile tarattığınız zaman hata ile karşılacaksınız.
Hatalı Kodlama:
<div><a> Burak Şahin </div></a>
Doğru Kodlama:
<div><a> Burak Şahin </a></div>
Etiket İsimlerini Küçük Harflerle Yazın
HTML’de küçük-büyük harf sorunumuz yoktu fakat XHTML’de etiketleri küçük harflerle yazmak zorundayız aksi takdirde W3C’de hata alırız.
Hatalı Kodlama:
<DIV><SPAN> Burak Şahin </SPAN></DIV>
Doğru Kodlama:
<div><span> Burak Şahin </span></div>
W3C ve SEO Uyumlu Bağlantılar
a değerine title ekleyerek sitemize eklediğimiz bağlantıları seo uyumlu yapabiliriz.
<a href="https://buraksah.in/" title="Burak Şahin">Burak Şahin</a>
DOCTYPE’ı Büyük Harflerle Yazın
DOCTYPE tanımlamasını büyük harfle yazın aksi takdirde W3C taramasında hata alırsınız.
Hatalı Kodlama:
<!doctype html public "-//w3c//dtd xhtml 1.0 strict//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd" >
Doğru Kodlama:
<!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 İçinde Girin
Herhangi bir değerde özellikleri tırnak içinde girmezsek W3C hatası alırız.
Hatalı Kodlama:
<p height=100>...</p>
Doğru Kodlama:
<p height="100">...</p>
Sizde aşağıdaki butonu kullanarak sitenizin W3C durumunu kontrol edebilirsiniz. XHTML Validator
Sevgiler.
Bir önceki yazımız olan WordPress'de Eski Yazılara Uyarı Ekleyin başlıklı makalemizi de okumanızı öneririz.
19 Yorum
Mikail
25 Kasım 2020 at 21:22Sizin sitede bile tarattıgımda 78 hata ile karşılaşıyor kaşının üstünde gözün var mantığıyla üften püften herşeyi hataya sayıyor bu w3c’de yahu :)) acaba bir sitede minumum kaç hata normal olur sıfır hata ile yapılacak site olduğunu düşünmüyorum w3c’ye göre.
Burak Şahin
29 Temmuz 2021 at 17:30Açıkcası ben artık W3C’i kullanmıyorum, dediğiniz gibi çok fazla gereksiz konuları hata olarak goruyor, hata olarak gördüğü seyler cogu zaman hata olmuyor.
Ali
8 Ağustos 2019 at 11:20özellikle WP te w3 hatalarını tam düzeltecek bir eklenti yada düzenleme kısmında php ile düzeltmeleri yapabilecek düzgün bir kod bulamadık. ÖNERİNİZ VAR MI? TEŞEKKÜRLER
Merzifonluyuz
23 Mayıs 2016 at 00:49hocam bu konuda hıc bır bılgım yok yardımcı olurmusunuz rıca etsem sıteye eklermısınız yardımınız ıcın sımdıden tesekkurler
Emrah avcı
24 Ağustos 2013 at 08:32W3C hataları bizim sitemizin seo açısından önemli bir rol oynamaktadır. Seo bildiğimiz üzere sitenin yapı taşlarından biri ise W3C deki hataların çözüme ulaşmasıda bi denle o kadar önemlidir. Yazınız da gelen olarak tüm sitelerde karşılaşılan hataların doğru kodlamaları verilmiş. Site deki hatalar ne denle az olursa sitenizin kaliteside o şekilde yükselişe geçer. Konunuz yararlı olmuş fakat daha da genişletilebilir.
Eren
9 Temmuz 2013 at 22:43Benim için çok faydalı oldu teşekkürler.
emlak siteleri
20 Haziran 2013 at 23:07paylaşım için teşekkürler
aerakman
14 Haziran 2013 at 23:57xHTML etiketlerini hiç kapatmazdım demek bundanmış. Çok teşekkürler.
Hale
13 Haziran 2013 at 20:09Abi valla işime yaradı sağol
Burak ŞAHİN
13 Haziran 2013 at 20:45Takıldığın yerde sorarsın yardımcı olurum
Burak İşci
13 Haziran 2013 at 07:05Abi çok yararlı bir yazı olmuş ama bence eklemeyi unuttuğum bir olay kalmış. Bu BOMLU, BOMSUZ kodlama var, o da çok etkiliyor.
Burak ŞAHİN
13 Haziran 2013 at 10:15Teşekkür ederim. Araştırayım onuda yazayım
Mehmet Bütün
12 Haziran 2013 at 16:43Çoğu kişinin aldığı hatalar kaliteli bir yazı olmuş elinize emeğinize sağlık.
Burak ŞAHİN
12 Haziran 2013 at 16:45Teşekkürler
Murat Dinç
12 Haziran 2013 at 16:38adamın dibisin knk okuyorum hemen işime yarar bi bilgi var bu konuda içimden bi ses öyle diyor…
Burak ŞAHİN
12 Haziran 2013 at 16:44eywallah kanka çözemediğin hatalar olursa veya buraya yazmayı unuttuğum hatalar olursa yaz buradan yardım ederim elimden geldiğince 🙂
Uğur
12 Haziran 2013 at 16:44Eline Sağlık abi Yararlı yazı
Burak ŞAHİN
12 Haziran 2013 at 16:45Sağol
Furkan Yurdakul
12 Haziran 2013 at 16:39teşekkürler abi yararlı bir yazı olmuş