Anasayfa / W3C Hataları ve Çözümleri

W3C Hataları ve Çözümleri

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="http://blog.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
WordPress Emlak Teması

17 yorum

  1. hocam 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

  2. W3C 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.

  3. Benim için çok faydalı oldu teşekkürler.

  4. paylaşım için teşekkürler

  5. xHTML etiketlerini hiç kapatmazdım demek bundanmış. Çok teşekkürler.

  6. Abi valla işime yaradı sağol

  7. Abi çok yararlı bir yazı olmuş ama bence eklemeyi unuttuğum bir olay kalmış. Bu BOMLU, BOMSUZ kodlama var, o da çok etkiliyor.

  8. Eline Sağlık abi Yararlı yazı

  9. Çoğu kişinin aldığı hatalar kaliteli bir yazı olmuş elinize emeğinize sağlık.

  10. teşekkürler abi yararlı bir yazı olmuş

  11. adamın dibisin knk okuyorum hemen işime yarar bi bilgi var bu konuda içimden bi ses öyle diyor…

    • eywallah kanka çözemediğin hatalar olursa veya buraya yazmayı unuttuğum hatalar olursa yaz buradan yardım ederim elimden geldiğince 🙂

  1. Geribildirim: Burak Yetkin Jewelery // HTML Kodlama

Cevapla

E-posta adresiniz yayınlanmayacak. Gerekli alanlar işaretlenmelidir *

*

x

İlginizi Çekebilir

PayPal.Me İle Ödeme Alın

Paypal’ın çıkarmış olduğu PayPal.Me ile artık direk olarak kullanıcı profilinizden ödeme alabilirsiniz.PayPal.Me ...