Google'da Tasarım Etkisi

Hepimiz Google arama sonuçlarında ön sıralarda çıkmak isteriz tabi ki. Bunlar için de sitemizde bazı düzenlemeler yapıyoruz. Sitemizi Google’ın seveceği tarzda düzenleyip öyle hareket ediyoruz.

Tasarım da Google’ın önem verdiği konulardan biridir. İlk başta hiç Google’ı hesaba koymadan düşünelim. Biz hangi tür siteleri sıklıkla ziyaret ederiz ? Eğer bir site yavaş açılıyorsa, popup açıyorsa, reklam fazlaysa, o sitedeki bilgieri almakta zorlanıyorsak o siteyi tekrar ziyaret etmeyi düşünür müyüz ? tabi ki hayır. Google’ın arama motorunda sıralamaya etki eden mekanizmasında bunu da göz önünde bulunrurarak bazı sistemler geliştirmişlerdir. Sayfanın geç yüklenmesi, html hataların bulunması gibi. Bizde eğer üst sıralarda çıkmak istiyorsak bu gibi hataları yapmamamız gerekmektedir.

Html Hata Optimize

Html sayfalarımızı hatalardan kurtarmamız lazım. Bunun için tek tek bütün kodları inceleyebilirsiniz. Veya internette dolaşan bazı online servisler ile size hatalarınızı bulabilirsiniz. Bunlar için inceleyeceğiniz web sitelerini sayfanın altında sizinle paylaşacağım.

Html Boyut Optimize

Sayfalarımızı tasarladıktan sonra boyutları çok yüksek olabilir. Fakat sileceğiniz bir şey yok. Bu durumda yapabileceğiniz işlem html optimize programları ile otomatik sayfa boyutunu küçültmek olacaktır. Aslında bunların yapacağı işlem mantıken basittir. Fazla satırları, fazla dan açılmış tabloları vs gibi gereksiz detayları temizler ve yüksek oranda temizlik yaptığı görülmüştür. Bu programlar için Google’dan html optimizer diye aratırsanız karşınızda bir çok sonuç çıkacaktır.

Resim Boyutlarını Optimize Edin

Resim boyutları da bazen başınızı ağrıtabilir. Yaptığınız bir grafik yüksek KB a sahip olabilir. Özellikle .jpg , .jpeg , .bmp veya .png dosyalarının boyutları genelde çok yüksek olur. Bu yüzden web sitemizin tasarımlarında .gif uzantısındaki resim dosyalarımızı kullanmamız daha uygun olacaktır. .Gif uzantısını kullanmanıza rağmen hala büyük boyutlu resimleriniz olabilir. Böyle bir durumla karşılaştığınız zaman ise yine yapmanız gereken bir işlem vardır tabiki. Resmin kalitesini biraz da olsa düşürmek. Bu sayede yine çok büyük tasarrfular yapabilirsiniz. Bununla ilgili adresi de yine sayfanın alt kısmında sizinle paylaşacağım.

Tablolar ve CSS Kullanmak

Aslına bakarsanız bende bu konu hakkında tamamiyle bilgi sahibi olduğumu söyleyemiyeceğim. Yani nasıl anlatayım. Ben aslında tablolar kullanıyorum. Fakat bu tablolar artık aptal olarak adlandırılıyor ve sadece sayfa boyutunu şişirmeye yarıyor. Bu tablolar yerine yapılması gerekenleri css dosyalarına yerleştirerek ordan çektirmek sizin için çok büyük bir avantaj olacaktır. Sayfamızdaki boyutu artıran hemen hemen her şeyi bu css lerde barındırabiliriz. Csslerde bu bilgileri barındırarak hem sayfa boyutumuzu minumum seviyeye düşürmüş oluruz hemde tablolardan dolayı browserlarda yaşanacak problemlerin bir çoğundan kurtuluruz. Hüseyin (Skeleton) arkadaşımız bu konu hakkında çok güzel bir sunum hazırlamıştı. Sizinle o sunumu yaplaşmak isterim.

http://www.in-spiretech.com/aptal-tablolar

Gerçekten arkadaşımız olayı ince detaylarına kadar çok güzel anlatmış.

Bu detayları düzelttikten sonra emin olsun sizin yararınıza çok güzel gelişmeler olacaktır.

Bazı Linkler

http://www.netmechanic.com/ products/HTML_Toolbox_FreeSample.shtml(Html hatalarınızı check edebilirsiniz.)
http://validator.w3.org/ (Html hatalarınızı check edebilirsiniz.)
http://www.netmechanic.com/ products/GIFbot_FreeSample.shtml (Gif boyutlarınızı düşürebilirsiniz.)
http://www.tonbrand.nl/download_win.htm (Html dosyalarınızı optimize edeceğiniz ufak bir program.Ücretli.)
http://www.google.com.tr/ search?sourceid=navclient&ie=UTF-8&rls=GGLJ,GGLJ:2006-40,GGLJ:en&q=html+optimizer sayfasına girerek de html optimize ile ilgili bazı sonuçları bulabilirsiniz.
http://www.iwebtool.com/html_optimizer

Yazımı okuduğunuz için teşekkür ederim, sorularınız varsa yorum ekleyebilirsiniz. En kısa sürede cevap vermeye çalışacağım.

Saygılarımla,
Yazan : Murat Özçırpıcı