Web sitenizi tasarlarken, SEO kuralları doğrultusunda arayüz tasarım optimizasyonu yaparak arama sonuçlarında öne çıkmasını sağlayabilirsiniz. Çok şık gözüken bir web sitesinde doğru SEO uygulanmamışsa Arama Motoru Sonuç Sayfalarında (SERP) yer alması neredeyse imkansızdır. Başarılı SEO için tasarımın da optimize edilmesi gerekir. Hedef kitleniz, kusursuz tasarıma sahip web sitenize ulaşamıyorsa burada bir sorun var demektir. Peki, bir yandan etkileyici bir tasarıma sahip olan diğer yandan da başarılı SEO performansı gösteren bir site için nelere dikkat etmelisiniz?
1. Web yazı tipi  Google, Font Deck, Typekit ve Fonts.com gibi sitelerde bulabileceğiniz web yazı tipleri işinizi epey kolaylaştıracaktır. Bu yazı tipleri iyi tasarlanmış ve optimize edilmiş bir sitenin çatısını oluşturur. Tasarımcılar, web sitelerinin görsel etkisini arttırmak için sayfalara eyleme çağrı (call to action) ve manşet gibi grafik ögeler ekler. Bu ögeler genellikle imaj olarak yaratılır. Bu yüzden de göz alıcı yazı tiplerini iç rahatlığıyla kullanabilirler ve bu yazı tiplerine istedikleri gibi gölge, gradyan gibi efektler uygulayabilirler. Grafikler web sitesini çekici hale getirdiği için önemlidir. Bir grafikte önemli olan görsel olarak verilen bilgilerin "alt-tag"de anahtar kelime olarak yer almasıdır ve alt-tag’de yer alan bilginin vurgulanması ya da öne çıkarılması düz metine göre biraz daha uzmanlık gerektiren bir uygulamadır. Web yazı tipleri kapsamında HTML ve CSS’ten oluşan bir kombinasyon yardımıyla bu imajların içine kod kısmında eklenen metinler sayesinde, web sitenizin aynı anda hem güzel hem de SEO’ya uyumlu olmasını sağlayabilirsiniz.
2. Arayüz Tasarımı Optimizasyonu Web sitesinizin yapım aşamasında karşınıza çıkacak en büyük güçlük, görsel çekicilik ve başarılı SEO performansını aynı anda sağlayabilmektir. Birine diğerinden fazla odaklanmak sorunlara yol açar. Diğer yandan bu dengeyi sağlayan web siteleri kesinlikle daha fazla göze çarpacaktır. Arama motorları görselin kendisi üzerinden değil alt-text üzerinden çalıştığı için, web sitenizde bulunan harika bir fotoğraf SEO açısından bir şey ifade etmeyebilir. Arama sonuçlarında çıkmak istiyorsanız, eklediğiniz görseli tasvir eden uygun bir alt-text girmelisiniz. SEO açısından görsele ek olarak metin de yayınlamanız sizi öne çıkarır. Net ve tanımlı bir başlığı takip eden bir metin, SEO’ya hizmet eden ögelerdir. Diğer yandan içeriğin konusuna bağlı olmak üzere, fotoğraf metinden daha fazla ilgi çekebilir. Bu ikilemle baş etmek için web sitenize ilk girildiğinde fark edilecek bir görsel kullanabilirsiniz. Fare ile görselin üzerine gelindiğinde yazı ortaya çıkabilir. Böylece hem tasarımcının istediği hem de SEO’nun gerektirdiği yerine getirilmiş olur.
3. Genişleyebilen div Sınıflandırılabilen içeriği minimalist bir tasarıma yerleştirmek için genişleyebilen div kullanabilir ve hem SEO hem UX açısından çok uygun bir site yaratabilirsiniz. İmajlar ile görselleştirilen paneller alt-text'leri olamadığında arama motorları için çok fazla anlam ifade etmez. Bu panellere genişleyebilen div ekleyerek, sitenizin SEO potansiyelini arttırabilirsiniz. Bu divler, başarılı SEO için tasarım optimizasyonu sürecinde çok faydalıdır. Çünkü imajın üzerine tıklandığında ortaya çıkan metin dilediğiniz uzunlukta olabilir ve arama motoru sonuç sayfalarında yer almanızı sağlar.
Başarılı SEO için ayrıca Site Üzeri (On-Page) SEO Teknikleri yazımızı da inceleyebilir, tasarım ve SEO arasındaki ilişki hakkında detaylı bilgiye sahip olabilirsiniz. Tasarım optimizasyonu için önemli olan bu tekniklerin kullanımı sayesinde göze hitap eden, ayrıca arama motorları için veri de sağlayan, SEO ile uyumlu web siteleri elde edersiniz.