SEO Uyumlu Web Tasarım

Web tasarım, SEO ile doğrudan ilişkilidir. SEO hizmetinde dikkat edilmesi gereken temel taşları yazılım, tasarım ve içerik oluşturur. Özelikle web sitesi tasarımı, arama motorunda ilk sıralara gelmek isteyenler için çok önemli bir silahtır. Kullanıcı odaklı kurgulanmış kreatif bir website tasarımı arama motorunda konum elde etme çalışmalarını birinci derecede etkiler. Yani SEO uyumlu bir web sitesine sahip olmak istiyorsanız uzman bir SEO'cu ile web tasarım projenizi yürütmeniz çok doğru bir karar olacaktır.

Dünyanın en büyük arama motoru Google'un web sitesi kalite yönergelerine vakıf Türkiye'nin en iyi web tasarım şirketlerinden biri olan birNC'ye göre SEO uyumlu web sitesi nasıl yapılır?

Web sitesi yapımında dikkat edilmesi gereken en önemli unsur tasarım aşamasında kullanıcı deneyiminin ön planda tutulmasıdır. Arama motorları açısından da çok önemli bir kavram olan Ux (kullanıcı deneyimi tasarımı) ve Ui (kullanıcı arayüz tasarımı) yaklaşımlarının uygulanması web sitenizin arama sonuçlarında iyi bir konumda olmasını sağlar. Unutmayalım; web sitesi tasarımı bir sitenin ziyaretçiler tarafından kullanımını etkiler; site kullanımının etkilenmesi de ziyaretçilerin sitede yapacakları davranışların etkilenmesini sağlar, bütün sitedeki bu ziyaretçi davranışlarının durumu da web sitesinin arama motorlarındaki sıralamasını etkiler.

1-1- Web sitesi tasarımının ziyaretçilerde "HARİKA" bir izlenim bırakması.
1-2- Web sitesi tasarımında mobil uyumluluk kriterinin önceden düşünülmesi ve kurgunun yapılması.
1-3- Web sitesinin çok hızlı olması gerekliliğinin tasarımda ön planda tutulması.
1-4- Web sitesi ziyaretçilerini site içinde hedefe ulaştıracak sihirli kelime ve estetik resim bağlantı tasarımları.
1-5- Ziyaretçiyi web sitesi içerisinde tutacak özel, kusursuz ve doğru sayfa yapısı tasarımları.
1-6- Site ziyaretçisinin ilgili sayfada vakit geçirmesini sağlayacak uygulamaların, videoların, yorum ve paylaşım alanlarının oluşturulması.

1-1- Güncel tasarım ve yazılım teknolojisi kullanılarak yapılmalıdır. Örneğin PHP yazılım dili kullanılıyor ise PHP'nin son güncel versiyonuyla kodlanmalıdır. CSS3, HTML5, jQuery, Ajax gibi modern web teknolojileriyle site oluşturulmalıdır.
1-2- Site, (responsive) mobil uyumlu yapılandırılmalı ve arama motorlarının hız kriterlerini karşılamalıdır.
1-3- Web sitesinin yayınlandığı sunucu özellikleri ve bileşenleri yeterli olmalıdır. Tüm ayarları web sitesinin en verimli şekilde çalışması için kusursuzca tamamlanmalıdır.
1-4- Web sitesinde kullanıcılar için navigasyon sistemi kullanılmalı, ziyaretçilerin en kısa sürede kolayca ileri geri hareket etmesi kurgulanmalıdır.
1-5- Arama motorlarının web sitesini doğru analiz etmesi için her sayfada H1, H2, H3, H4, H5, H6 tag'larının hiyerarşik şekilde doğru kullanılması gerekmektedir. Her sayfada H1 tagı yani başlık 1 tane olmalı, 3 tane H2 yardımcı başlık oluşturulmalı, 3 tane H3 tag'ı, 4 tane H4 tag'ı gibi sayfa yapısı oluşturulmalıdır.
1-6- Web sitesinde tüm CSS kodlarının tek bir dosyadan yönetilmesini sağlayan "CSS Sprite" tekniği uygulanmalıdır. CSS'ler küçültülmeli, sıkıştırılmalı ve ağ yükü boyutları düşürülmelidir.
1-7- Web sitenizin açılışında oluşturmayı engelleyen kaynakları ortadan kaldırmalısınız Javascript kodlarınızı düzenli tutmalı, kullanılmayan JavaScript'i azaltmalı ve ağ etkinliği tarafından tüketilen baytları azaltmak için gerekli olana kadar komut dosyalarının yüklenmesini ertelemelisiniz.
1-8- Sitenizin W3.CSS ve W3.HTML kontrollerinin yapılması ve hatalarının en aza indirilmesi gerekmektedir.
1-9- Web sitesinin sitemap.xml, robots.txt dosyalarının olması ve özellikle Google, Yandex, Bing webmaster doğrulama işlemlerinin yapılması gereklidir.
1-10- Web sitesinin her sayfasının başlık, description ve keywords alanları olmalı, bu alanlar sayfadaki içeriğe göre doldurulmalıdır.
1-11- Web sitesinin her sayfasında kullanılan resimler uygun formatta kullanılmalı, sitenin hızını etkileyecek tüm unsurlar düzenlenmelidir.

Özellikle Google gibi kullanıcı odaklı tüm arama motorlarında yapılan SEO çalışmalarında faydalı ve anahtar kelime odaklı içerikler fayda sağlamıştır. Ancak günümüzde hemen hemen her sektörde rekabet durumu çok yüksektir. Dolayısıyla arama motorlarının web sitelerini değerlendirirken paylaştıkları özgün içerikleri ve bu içeriklerin içerisindeki doğru bilgiyi kullanıcılara sunma biçimlerini de önemsemeye başlamıştır.

Daire, emlakçı ve güzellik kavramlarının içinde olduğu yaşanmış bir örnekle konuyu aktarmaya çalışalım. Bir emlak şirketinde çalışan 2 tane emlak danışmanının performans ve satış durumudur konu. Emlakçıların bütün şartları eşit ama 1 emlakçı bütün daireleri hemen hemen her ay satıp kiralarken diğeri ise hep başarısız kalıyormuş. 3-4-5-6 ay derken yöneticiler başarısız olanın işine son verirken başarılı olan emlak danışmanına işin sırrını sormuşlar. Cevap: Ben firmamızdaki dairelerin resimleri elime geçtiğinde sadece photoshop uygulamasıyla onları düzeltip müşterilerime gönderiyorum. Beğendikleri için hemen randevuya dönüşüyor. Sonrası da güven, kalite, yaklaşım, fiyat, pazarlık...

Denklem Şu:
---------------
Özgün İçerik = Daire
Rekabet = Eşit Şartlar
Daire Resimlerini Güzelleştirme = Satış/Pazarlama Başarısı

Bir SEO uzmanı bir yürüyüş yolunda kör birisinin dilendiğini görmüş. Adamın elindeki kağıtta "Allah rızası için sadaka" yazıyormuş. Yanına yaklaşıp elindeki kağıdı almış ve arka tarafına "Ben Körüm ve Sizin Gördüğünüz Güzellikleri Göremiyorum" yazısını yazmış. Eğilip kör olan dilenciye kağıdı böyle tut ve biraz bekle demiş. Sonra kenara çekilmiş ve izlemeye başlamış. Bu yazıyı gören herkesin yaklaşımının değiştiğine ve yardım etmeye çalıştığına şahit olmuş.

Denklem Şu:
--------------
Kağıttaki Allah Rızası İçin Sadaka = Normal Bir Web Tasarım
Kağıdın Arka Tarafındaki "Ben Körüm ve Sizin Gördüğünüz Güzellikleri Göremiyorum" = SEO Uyumlu Web Tasarım

Sonuç olarak SEO uyumlu web tasarım nasıl yapılır sorusunun merkezinde olan web sitelerindeki kullanıcı deneyimi faktörü Ui-UX tasarım yaklaşımlarıyla ilgilidir. Bu konu ile ilgili ayrıntılı bilgiyi birNC'nin aşağıdaki "Ux ve Ui Tasarım Nedir?" makalesini ziyaret ederek öğrenebilirsiniz.

Web sitesi için arama motorlarında hedef kitlenizin arama yaptığı anahtar kelimeleri belirleyin. Anahtar kelime araştırması yaparak hedeflenen anahtar kelimeleri, rekabet düzeyini ve arama hacmini belirleyebilirsiniz. Bu anahtar kelimeleri içerik oluşturma ve optimizasyon sürecinde de kullanacağınızı unutmayın.

Web sitenin URL yapısı, hem kullanıcılar için hemde arama motorları için anlaşılır, kısa ve düzenli olmalıdır. Web sitenizin sayfa yapısını ve bağlantılarını optimize edin. Kolay gezinilebilir bir site yapısı oluşturun ve iç sayfalar arasında doğru bağlantılar sağlayın. Doğru ve açıklayıcı URL'ler verilen bilgilerin ana başlığı şeklinde tercih edilmelidir. Bazı durumlarda anahtar kelimelerin web sitesi URL'lerinde kullanmak (çok rekabetli anahtar kelimeleri birNC olarak istisna tutuyoruz) SEO açısından faydalı olduğunu birçok projede görüyoruz.

Her sayfanın başlık etiketi (title tag) benzersiz ve açıklayıcı olmalıdır. Anahtar kelimeleri başlık etiketlerine dahil etmek arama motorlarının sayfalarınızı daha iyi anlamasına yardımcı olur. Başlık etiketleri, sayfa içeriğini özetleyen kısa ve etkileyici metinler olmalıdır.

Meta açıklamaları, her web sitesinin sayfalarının arama sonuçlarında görünen kısa metinleridir. Bu sebeple her web sayfası için benzersiz meta açıklamalar oluşturulmalı ve anahtar kelimeler mantıklı şekilde açıklama metinlerine serpiştirilmelidir. Meta açıklamalar, kullanıcılara sayfanın içeriği hakkında kapsamlı bilgiler verir ve içerik kalitesine göre de bu metinler web sitesinin tıklama oranlarını artırabilir.

Bir web sitesinin başlık yapısı (heading tags) doğru şekilde kullanılmalıdır. Başlık etiketleri; h1, h2, h3, h4, h5, h6 şeklinde kullanarak sayfa içinde hiyerarşik bir yapı oluşturulmalıdır. Özellikle web sitesinin sayfalarının her bir ana başlığında sadece 1 kere kullanılması gereken h1 tagında anahtar kelimeleri kullanmak sayfa yapısının anlaşılmasını ve arama motorlarının içeriği daha iyi değerlendirmesini sağlar.

Bir web sitesi için doğru bilgiler içeren, yüksek kaliteli, özgün ve kullanıcı odaklı içerik oluşturulmalıdır. Anahtar kelimeler, içeriğe doğal bir şekilde dahil edilmeli ancak aşırı anahtar kelime yoğunluğundan kaçınılmalıdır. İçerikler güncel tutulmalı ve kullanıcılara değer katan onları tatmin eden bilgiler sunulmalıdır.

Site hızı SEO açısından artık resmileşen bir sıralama faktörlerdendir ve kullanıcı deneyimi açısından da çok önemlidir. Hızlı yüklenen bir web sitesi, ziyaretçilerin sitenizde daha uzun süre kalmasını sağlar ve dönüşüm oranlarını artırabilir.

Web sitesinde kullanılan resimlerin ve dışarıdan çağrılan fontların optimize edilmesi önemlidir. Yüksek çözünürlükteki resimlerin mutlaka boyutlarını küçültün ve sıkıştırma yöntemlerini kullanarak yazı fontlarının da dosya boyutlarını azaltın. Böylece web sitesinin sayfa yüklenme süresini hızlandırabilirsiniz.

Web siteniz için wordpress ise eklentilerle önbellekleme mekanizmalarını etkinleştirin ve özel bir proje ise özel kodlarla içeriği ziyaretçilere daha hızlı sunmak için bir cache sistemi oluşturun ya da bir içerik dağıtım ağı (CDN) kullanın. Bu işlemler web sitenizin tarayıcılarda ve farklı sunucular üzerinde içeriklerinizin kullanıcılara dağıtılmasını hızlandırır.

Mobil cihazlar için duyarlı bir tasarım teknolojisi kullanın. Web sitenizin farklı ekran boyutlarında ve cihazlarda düzgün görüntülenmesini sağlayarak mobil kullanıcı deneyimini iyileştirmeniz arama motorlarında daha yüksek sıralamalar elde etmenize yardımcı olur.

Web sitesindeki CSS ve JavaScript dosyalarının sıkıştırılması için webmasterınızdan destek alın ve bu işlemle dosya boyutlarınızı azaltın. Sıkıştırma işlemi, bu dosyaların indirilme süresini kısaltır ve sayfa yüklenme hızını mutlaka artırır.