Web Tasarımı ve SEO İlişkisi
Bir websitesi hiçbir zaman süs olsun diye tasarlanıp kodlanıp internete sürülmez, her zaman bir amacı vardır. Bir fotoğrafçı için portfolyo sunma aracı, bir mağaza için online ticaret aracı olabilirken bir firma için hizmetlerini tanıtma amacı olabilir. Ve her zaman temelde reklam ve pazarlama yatar. Dolayısı ile web tasarımı çalışmalarınızı reklam ve pazarlama çalışmalarınızın içerisine dahil etme ihtiyacınız gayet doğal bir tutumdur. Çünkü bir web sitesinin tasarımının kullanıcılar ve müşteriler üzerinde çok büyük etkileri bulunmaktadır. Harika bir web tasarımı, sadece grafik tasarım olarak çok estetik olmanın ötesine geçmeli, tasarım olarak iyi olmasını yanı sıra hem kullanıcılar için hem de arama motorları için rahat kullanma gezinme ve tarama imkanı sunmalıdır. Bu yazımda sizlere web tasarımının seo üzerindeki etkilerini anlatmaya çalışacağım. Web tasarımının seoya etkisi yadsınamayacak kadar büyüktür.
SEO ( Arama motoru optimizasyonu ) çalışmaları web tasarımı ile başlar. Kurumsal veya kişisel siteniz, Seo uyumlu web tasarımı ile rekabetçi arama motoru koşullarına karşı ayakta durabilir ve hatta rakiplerine oranla avantajlı konuma geçebilir. Seo çalışmaları hiçbir zaman sadece içerik yazmak, sadece backlink almak, sadece reklam yapmak, sadece sosyal medya tanıtımı yapmak vb. gibi tek yönlü çalışmalar olmamıştır. Bunun tam aksine, bir önceki cümlede sayılan çalışmalar ve bu çalışmalar gibi bir düzine daha çalışmanın yanı sıra , site içi seo olarak kurgusu ve navigasyonu çok iyi yazılmış ve kodlanmış bir web tasarımını da gerektirir.
Web Tasarımı Seo Çalışmalarını Nasıl Etkiler ?
Seo çalışmalarını etkileyen ve genel olarak bilinen 200 üzerinde sıralama faktörü vardır. Ancak son zamanlarda bazı öne çıkan kriterler vardır ki bunlar doğrudan web sitesinin tasarımı ve altyapısı ile ilgilidir. Örnek olarak site hızını gösterebiliriz. Site hızı 2016 yılından sonra google tarafından öne çıkarılmaya ve site hızının önemi webmasterlara aşılanmaya başlandı ve burada yayınlanan blog yazısına göre google artık mobil sıralamalar için site hızını önemli bir kriter olarak kabul edecek. Peki site hızı nereden geçiyor ? Web tasarımdan geçiyor. Web tasarımı yaparken seo konusunda en önemli kriterlerden biri site hızı. Peki websiteniz yavaş ise nasıl sorunlarını giderebilir ve hızlandırabilirsiniz ?
Yavaş bir websitesindeki problemleri saptamak için bazı kaynaklar var. Gtmetrix , Tools.pingdom ve Pagespeed Insights bunlardan en önemlileri. Bir websitesini bu siteler üzerinden teste soktuğumuzda bu 3 site arasında tümünün ortak gösterdiği bazı konular vardır. Mesela Tarayıcı Önbelllekleme ( Browser Caching ) :
Google Pagespeed Insights:
Tools.Pingdom :
Gtmetrix :
Veya ikinci bir ortak konu websitesindeki görsellerin optimizasyonu. Bir siteye yüklenen görsellerin çözünürlükleri ve boyutları ne kadar büyükse, site o kadar yavaş yüklenir. Websitenizin hızındaki tüm eksiklikleri bu şekilde araçlarla kontrol edip düzeltebilirsiniz. Websitenizin hızlı olması demek seo çalışmalarında bir adım önde olmanız anlamına gelir.
Seo Uyumlu Web Tasarımı Önerisi : Site İçi Heading Hiyerarşisi
Site hızının yanı sıra site içi hiyerarşi de önemlidir. Bir blog yazısı yazarken h1 , h2 , h3 , h4 , h5 , h6 etiketlerinin konumlandırılması gibi. Mesela wordpress altyapısını ele alalım. Bildiğiniz gibi binlerce farklı wordpress tema var. WordPress temaların yazılımcıları yani tema sahiplerinin tamamı kendi kod bilgisine, seo bilgisine ve tasarım bilgisine göre ortaya bir iş çıkarır. SEO konusunda bilgisi az olan bir yazılımcı tema kodlaması yaparken bir hata yaparsa, temayı kullanan bir blog sahibi ileride bunun zararlarını farkında olmadan yaşayabilir.
Makale içi seo kriterlerinin en önemlileri, anahtar kelimenin title ve 1 adet h1 etiketi içerisinde yer almasıdır. Eğer satın aldığınız ve wordpress sitenize kurduğunuz tema makale başlıklarını h2 veya başka bir şekilde ( p , h3 vb) etiketliyorsa ve siz de bunun farkında olmadığınız için h1 etiketi kullanmıyorsanız, forumlarda ” tamamen organik içerikler üretiyorum, site dışı seo çalışmaları yapıyorum ancak yükselemiyorum” tarzında başlıklar açmaya başlayabilirsiniz.
Seo Uyumlu Web Tasarımı Önerisi : Resimlere Otomatik Alt Tag
Websitenize eklediğiniz görseller hem site hızınız için sitenizi olumlu/olumsuz etkiler hem de görsel aramalarda size ziyaretçi kazandırarak seo çalışmalarınızı olumlu bir şekilde etkiler. Google henüz görsellerin içerisinde ne olduğunu veya görselin ne anlatmak istediğini okuyabilecek bir yapay zekaya sahip olmadığı için, sitenize eklediğiniz görsellere alt etiketi eklemeniz gerekmektedir. Alt etiketi görsellerin seo uyumlu olması için olmazsa olmaz yapılması gerekenler arasındadır.
Websitesi sahiplerinin çok büyük bir kısmı sitelerine görsel yüklerken alt tag kullanımına dikkat etmemektedir. Dolayısı ile belki de hatrı sayılır bir ziyaretçi kitle kaybı yaşadığının farkında bile olmamaktadır. Bunun önüne wordpress kullanıcıları için bir eklenti ile , özel tasarım siteler için de yazılımcının siteye ekleyeceği ufak iki satır kod ile geçilebilir. Alt tag yazılmayan görsellere makale başlığı atanabilir mesela. Veya farklı bir çözüm bulunabilir, ki bu konu da web tasarımı ile ilgili ve tasarım yapılırken en başta düşünülmesi gereken konular arasındadır.
Web tasarımının seoya etkisi : Canonical İşaretlemeler
Öncesinde canonical url nedir bir bakalım. Altyapısı Opencart e-ticaret siteniz olduğunu düşünün. Sitenize eklediğiniz ürünün marka sayfası üzerinden site.com/marka/urun-adi şeklinde, arama sayfası üzerinden site.com/ara/urun-adi şeklinde, kategori üzerinden site.com/kategori/urun-adi şeklinde, ve doğrudan kendi url’si üzerinden site.com/urun-adi olmak üzere 4 farklı yoldan gidişi vardır. Ve bunların hepsi google’da index alır. Bakınca 4 farklı sayfa var ama içerik sadece 1 tane. Yani 4 sayfanın 3’ü duplicate ( kopya ) içerik. 50 bin adet ürününüz olduğunu düşünün, 150.000 tane kopya içeriğe sahip olacağınız anlamına geliyor. Ne kadar korkunç değil mi ? İşte bu durumda canonical işaretlemeler devreye giriyor.
Yukarıdaki duplicate durumunda, ürünlerinizin google’da listelendiği ürün sayfası en önemli sayfanız olduğu için, ürün sayfanızı başlıca sayfa olarak , diğer yollar da canonical olarak altyapınızda işaretlemeniz gerekmektedir. Örneğin;
site.com/kategori/urun-adi sayfasının kodlarında <link rel=”canonical” href=”site.com/urun-adi” /> şeklinde canonical url işaretlemesi yapılmalıdır. WordPress, opencart vb. gibi hazır yapılar bunu otomatik olarak yaparken, özel bir e-ticaret web tasarımında bu sistemin yazılımcı tarafından yerleştirilmesi lazımdır.
Seo Uyumlu Web Tasarımı Önerisi : Çağa Ayak Uydurun ( Her anlamda )
Devir hız ve mobil devri. Artık herşey avucumuzun içerisindeki ufacık telefonda. Son 3 yılda mobil internet kullanımının pc kullanımına oranı yüzlerce fazla kat daha hızlı artarak %60’ları buldu. Hemen hemen her sektörde durum bu şekilde. Doğal olarak 21 , 15 , 13, 11 inch pc’ler , tabletler, mobil telefonlar konsollar derken yüzlerce farklı ekran çözünürlüğü var. Bu durumda websitenin responsive ( esnek ) tasarıma sahip olması gerektiği artık SEO anayasası gibi bir durum bu su götürmez bir gerçek ve google 2018’de responsive olmayan sitelere karşı aksiyon alacağını duyurmuştu. Burada mobil sitenin nasıl olması gerektiğine dair güzel bir kaynak mevcut.
Eskiden uçanı kaçanı bol olan flash siteler çok popülerdi. Artık örnekleri çok nadir olsa da yine karşımıza çıkabiliyor. Flash desteği kalktı tarayıcılarda, o yüzden flash içeren herhangi bir site doğru yüklenmeyecektir. Uzak durmanlısınız. Seo uyumlu responsive web tasarımı yaparken genel olarak yapılan yanlışlar var. En fazla yapılanları ekranı kaplayan reklamlar, pop-up’lar, otomatik oynatılan videolar, veya hiç oynatılamayan videolar, yazı puntolarının çok küçük olması, veya dokunmatik elementlerin birbirine yakın olması.
Sonuç olarak
Farkettiyseniz yukarıda bahsettiğim hususlardan birçoğu Kullanıcı Deneyimi’ni (user experience) en üst seviyede tutmaya yönelik optimizasyonlar, yazılımlar, düzenlemeler üzerine. Günümüzde Google optimizasyonları da dahil olmak üzere , her alanda Kullanıcı deneyimi en optimal seviyede tutulması gerekiyor. Seo uyumlu web tasarımı yaparken yazılımcıların , grafik tasarımcıları ve seo uzmanlarının birleşmesi gereken noktalardan en önemlisi bu olmalı. Ve bir yazılımcı bir seo uzmanı ile mutlaka bu konuda birlikte çalışarak iş çıkarmalı.
Gereksiz görsellerden, css’lerden, js’lerden , atraksiyonlardan arınmış, rahat ve hızlı açılan , her türlü mobil cihazda sorunsuz çalışan responsive , gerekli işaretlemeleri yapılmış, yazılım tarafında eksiği olmayan bir web sitesi her zaman kullanıcı tarafından da arama motorları tarafından da sevilir ve yüceltilir. Bu nedenle web tasarımının seoya etkisi büyüktür, dikkat edilmelidir.