

Favorilerime Ekle
Google yeni algoritması Caffeine göre bir sitenin W3C web standartlarına uygun olması gerekiyor. Yani tasarımlarınızda geçerli xhtml ve css kodları kullanmalısınız. Yoksa kontrol sayfalarında hata alırsınız. Eğer xhtml ve css geçersizlik hatası aldıysanız çözüm için bakacağınız ilk yer bu yazımız olsun. Sebebini ayrıntılı bir biçimde aşağıda anlatacağım. Ayrıca seo çalışmalarında önemli yer kaplayan bu çalışmanın mantığını anlatanan kod kirliliği adlı makalemizi okumanızı da öneririz.
Hatalı Kullanım:
<p><strong> Bugün ne güzel bir gün değil mi Seoliz.com? </p></strong>
Doğru Kullanım:
<p><strong> Bugün ne güzel bir gün değil mi Seoliz.com? </strong></p>
Hatalı Kullanım:
<P><STRONG> Bugün ne güzel bir gün değil mi Seoliz.com? </STRONG></P>
Doğru Kullanım:
<p><strong> Bugün ne güzel bir gün değil mi Seoliz.com? </strong></p>
Büyük harflerle yazılmış STRONG yerine küçük harflerle strong yazmalısınız.
Hatalı Kullanım:
<p> Bugün ne güzel bir gün değil mi Seoliz.com?
Doğru Kullanım:
<p> Bugün ne güzel bir gün değil mi Seoliz.com? </p>
Açık unutulmuş paragraf etiketi tüm sayfa stilinizi bozmasıyla beraber standart filitresine takılacaktır. Onun için siteniz tasarımı düzgünlüğü açısından açık etiket ASLA bırakmayın.
Hatalı Kullanım:
<!doctype html public "-//w3c//dtd xhtml 1.0 Transitional//en" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Doğru Kullanım:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Sitenizin 1. satırında yer alan kod bloku. En çok hata alınan bölümdür. Dikkat edilmesi gerekir. DOCTYPE olarak büyük yazılmalıdır.
Hatalı Kullanım:
<meta name="description" content="Seo makaleleri ve seoliz.com">
Doğru Kullanım:
<meta name="description" content="Seo makaleleri ve seoliz.com" />
/> ile kendini kapatış yapıyoruz. En önemlisi budur arkadaşlar.
Diğer etiketlerin kendini kapatış şekli
<img> <img /> <br> <br /> <meta> <meta /> ... <area /> <base /> <basefont /> <hr /> <input /> <link />
<a href="http://www.seoliz.com/" title="seo">SEOliz</a>
Yukarıdaki kod xhtml uyumlu bağlantının temel halidir. Href ve title parametreleri mutlaka bulunacak. Sonradan eklemek istediklerinizi ekleyebilirsiniz ama en temel hali budur ve bozulmaması gerekir. Href ve title bulunmadığında XHTML validator hatası alacaksınızdır.
<img src="http://www.seoliz.com/" alt="seo" />
img etiketimizi kullanıyoruz ve kendini kapatış yapıyoruz. src parametresi ile resimin yolunu belirtiyoruz, alt parametresiyle de resmin adını yazıyoruz ve bu ad arama motorlarının görsel bölümlerinde resminizin aranana göre listelenmesini sağlayacaktır. Xhtml uyumlu en temel resim kodu bu şekildedir. src ve alt parametreleri kesinlikle bulunmalıdır. Sonradan eklemek istediklerinizi ekleyebilirsiniz.
Hatalı Kullanım:
<table width=300px> tablo </table>
Doğru Kullanım:
<table width="300px"> tablo </table>
DIV id Kullanımı:
<div id="ustbolum"> üst </div>
DIV class Kullanımı:
<div class="ustbolum"> üst </div>
- id bir sayfada sadece bir kere kullanılabilir. Eğer bir sayfada birden fazla aynı id kullanılmış ise xhtml validator hatası alacaksınız. Şablonlarınızın genel hatlarını id ler ile belirlersiniz. Onun için php/asp döngülerde kullanılmamalı.
- class bir sayfada birçok kez kullanılabilir.
Hatalı Kullanım:
<table widht="300px" height="100px"> seoliz.com </table>
Doğru Kullanım:
<table class="tablo"> seoliz.com </table>
<style type="text/css">
.tablo {
width: 300px;
height: 100px;
}
</style>
Hatalı Kullanım:
&
Doğru Kullanım:
&
Hatalı Kullanım:
<script type="text/javascript">
document.write('Hello world!');
</script>
Doğru Kullanım:
<script type="text/javascript">
//<![CDATA[
document.write('Hello world!');
//]]>
</script>
script, style ve object gibi etiketlerde type parametresi mutlaka kullanılmalıdır.
Doğru Kullanımları:
<style type="text/css"> seoliz </style>
<script type="text/javascript"> seoliz </script>
<object type="application/x-shockwave-flash"> seoliz </object>
Hatalı Kullanım:
<iframe src="http://www.facebook.com/plugins/likebox.php?profile_id=62473189912&width=300&height=255&connections=10&stream=false&header=false&locale=en_US" scrolling="no" frameborder="0" style="border: medium none; overflow: hidden; width: 300px; height: 255px;" allowTransparency="true"></iframe>
Doğru Kullanım:
<object style="border: medium none; overflow: hidden; width: 300px; height: 255px;" data="http://www.facebook.com/plugins/likebox.php?id=62473189912&width=300&height=255&connections=10&header=false"></object>
İbrahim (lidyon@gmail.com) – http://seoliz.com
peki bu sırası neye göre belirlenecek?
Yanlış anlaşılmasın o sıralama konular birbirine karışmasın diye. Yani sıralamanın herhangi bir önemi bulunmamaktadır.
önceki yorumda gözükmemiş
şunu demek istemiştim :
p ve strong örneğindeki kod sırası nasıl belirlenecek?
hiyerarşik olacak. Dıştan içe doğru.
+p +strong +i -i -strong -p
sağolun, teşekkürler.
14. Iframe XHTML Hatası ve Çözümü
bunu yaptım teşekkür ederim de birde şey var
beğen twitter +1 butonlarını nasıl w3 e göre yapabilriiz bunu anlatırmısnız
