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