SEO Uyumlu Web Tasarım Nasıl Yapılır?

SEO uyumlu web tasarım kısa zaman içerisinde tüm işverenlerin en çok önemsediği konulardan birisi haline geldi. Bunun en büyük nedenlerinden birisi olarak gösterebileceğimiz unsur ziyaretçilerin tamamının arama motorları aracılığı ile sitenize gelmesi ve arama motorlarında yükselebilmek için SEO uygulamalarına mutlaka uymanız gerektiğidir. Web tasarım kavramı, özellikle Türk Ticaret Kanunu kavramının ortaya çıkması ile birlikte olmazsa olmazlardan birisi haline geldi. Türkiye genelinde son birkaç sene içerisinde kurumsal web siteleri ile birlikte bireysel siteleri de dahil olmak üzere inanılmaz bir rakamsal artış gözlemleniyor.

Bir web sitesinin gerek tasarımı ve gerek SEO’su ile fark yaratabilmesi için gerçekten çok ince detaylara dikkat etmek gerekiyor ve bu ince detaylar zaman içerisinde web sitenizin yükselmesinde inanılmaz etkili oluyor. SEO dediğimiz kavram, yeni bir web sitesi için web tasarım aşamasında başlar ve sonrasında ise gelişmeler ile birlikte sürekli olarak kendini gösterir. Şimdi sizlere web tasarım safhasında en çok dikkat edilmesi gereken, olmazsa olmaz SEO kuralları ile alakalı bilgi sunacağız.

Web Tasarım Aşamasında SEO

SEO dediğimiz kavram yukarıda da bahsettiğimiz üzere web sitesinin hazırlanma aşamasında başlar. Google şirketinin arama sıralamalarında dört dörtlük listeleme ile alakalı olarak kuralları vardır. Bu kurallardan önemli bir çoğunluğu da sitenin kaynak kodları ile alakalı çalışmalardır. SEO uyumlu web tasarım yapabilmek için tasarım aşamasında da, sonrasında da dikkat etmemiz gereken kuralları sizlere sunmak istiyoruz.

Google, listeleme yaparken kendi içerisinde geliştirdiği ve zaman içerisinde evrensel bir hale gelen kodlar ile bunu sağlıyor. Bu neden dolayısı ile web sitelerinizin hazırlanması aşamasında da dikkat edilmesi gereken unsurları bildirmek istiyoruz.

1. Güncel kod biçimleri tercih edilerek tasarımlar hazırlanmalıdır. (xHTML, HTML5, CSS3 vb.)
2. Site içerisinde çok fazla javascript kullanılmamalıdır.
3. Mümkünse CSS Sprite tekniği ile resim sorguları minimize edilmelidir.
4. Site içerisinde ki PHP döngüleri en ekonomik şekilde ayarlanmalıdır.
5. Yüksek boyutlu görseller yüklememeye ve yüklense bile bunu PHP döngüsü ile minimize etmeye dikkat edin.
6. V3C Validation ve CSS Validation kurallarına tamamı ile uyan web siteleri hazırlamalısınız.
7. Resimlerin tamamına ALT etiketi girmeyi unutmamak ile birlikte yüklenecek resimlere de bununla ilgili döngü tanımlanabilir.
8. Site içi tüm linklerde TİTLE anahtarını kullanmalısınız.
9. Site içi META TAG ayarlamaları sorunsuz şekilde yapılmalıdır.
10. Site haritası ve RSS takip linki mutlaka bulunmalıdır.
11. Humans.txt dosyası arama motorları için fayda sağlayacaktır.

Bir önceki yazımız olan Boostrap Nedir? Ne İşe Yarar? Nasıl Kullanılır? başlıklı makalemizde boostrap, boostrap nasıl kullanılır ve boostrap ne işe yarar hakkında bilgiler verilmektedir.