Seoliz

Seoliz.com – Özgün SEO İpuçları ve SEO Makaleleri

Arama Motoru Optimizasyonu Bilgileri, Seo Makaleleri ve Site Geliştirme Taktikleri

XHTML Hataları ve Çözümleri

31 Ağustos 2010 İbrahim Çakıcı Diğer, SEO 159 kez okundu FavoriteLoadingFavorilerime Ekle
Etiketler:

w3c 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.

1. Etiketleri İç İçe Kapatın

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>

2. Etiket İsimlerini Küçük Harflerle Yazın

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.

3. Açık Etiket Bırakmayın

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.

4. DOCTYPE Kesinlikle Büyük Harflerle Yazı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.

5. Kendini Kapatış

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

6. XHTML Uyumlu Bağlantılar

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

7. XHTML Uyumlu Resim Kodu

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

8. Parametreleri Çift Tırnaklarla Belirtin

Hatalı Kullanım:

<table width=300px> tablo </table>

Doğru Kullanım:

<table width="300px"> tablo </table>

9. DIV id – DIV class Kullanımları

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.

10. Genişlik ve Yükseklik Yerine Stil Ataması

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>

11. VE İmi

Hatalı Kullanım:

&

Doğru Kullanım:

&amp;

12. Geçerli Javascript Kod 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>

13. TYPE Parametresi Kullanılmalı

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>

14. Iframe XHTML Hatası ve Çözümü

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&amp;width=300&amp;height=255&amp;connections=10&amp;header=false"></object>

İbrahim (lidyon@gmail.com) – http://seoliz.com


Benzer Yazılar


Yazıyı Paylaşın

6 Yorum

  • özgür

    peki bu sırası neye göre belirlenecek?

    31 Ağustos 2010 - 16:16
  • Yanlış anlaşılmasın o sıralama konular birbirine karışmasın diye. Yani sıralamanın herhangi bir önemi bulunmamaktadır.

    31 Ağustos 2010 - 16:22
  • özgür

    önceki yorumda gözükmemiş

    şunu demek istemiştim :

    p ve strong örneğindeki kod sırası nasıl belirlenecek?

    31 Ağustos 2010 - 16:24
  • hiyerarşik olacak. Dıştan içe doğru.

    +p
     +strong
      +i
      -i
     -strong
    -p
    
    31 Ağustos 2010 - 16:27
  • özgür

    sağolun, teşekkürler.

    31 Ağustos 2010 - 16:33
  • emrah

    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

    16 Ocak 2012 - 14:08

Yorum Yazın

İsim (gerekli)

E-Posta (sitede yayınlanmayacak) (gerekli)

Website

Sitemizde Arayın

Arama
Sitemiz içersinde arayıpta bulamadığınız birşey olduysa bir de aşağıdaki form ile deneyin.

Kategoriler

SEO Araçları

Son Yorumlar

Etiket Bulutu


2011 © Seoliz.com (Özgün SEO İpuçları ve SEO Makaleleri) - Site Sahibi: Cenk - Site Tasarımı: İbrahim Çakıcı
Site içerisindeki içerikler kaynak gösterilmeden kopyalanamaz.
Seoliz.com, ilgi alanı ve hobi üzerine kurulmuştur, site tamamen bilgi verme amaçlıdır.
Sitemizin sizlere sağladığı tek hizmet seo analizi hizmetidir, detaylar için tıklayınız.

XHTML 1.0 CSS WordPress Alexa RSS