Web Tasarımı ve SEO: Bir Sonraki Web Sitesi Projenize SEO'yu Ne Zaman, Nerede ve Nasıl Getirirsiniz?

Başarılı web siteleri, SEO'yu bir web geliştirme projesinin en erken planlama aşamalarından bazılarına entegre eder. Sitenizin sınıflandırmasından ve menüsünden tasarım öğelerinin bir mobil cihazda nasıl görüntüleneceğini düşünmeye kadar SEO, web tasarım süreci boyunca şaşırtıcı sayıda karara dokunur. Bir web sitesini yeniden tasarlamayı veya yeni bir site oluşturmayı düşünüyorsanız, bu makalede tartışılan en büyük SEO temas noktalarından bazılarına çok dikkat edin. Bunlardan birini görmezden gelirseniz siteniz tam potansiyeline ulaşmayabilir!

Genel olarak konuşursak, web tasarımı ve SEO, web sayfalarınızın arama motorları tarafından tamamen dizine eklenebilir olmasını sağlamak, sıralama sinyallerini en üst düzeye çıkarmak ve bir sonraki adımı atmaya hazır olduklarında kullanıcıları dönüşüm noktalarına uygun şekilde yönlendirmek için birlikte çalışır. Ekibin büyüklüğüne ve paydaşların çeşitliliğine bağlı olarak, SEO gösterişli web tasarımı veya kullanıcı deneyimi kararları lehine kaybolabilir. Günün sonunda, SEO web sitesi tasarımı, amacına bağlı olarak her web sitesi için benzersiz olacak bir denge gerektirir. Bir pazarlamacı olarak amacımız, pazarlama nitelikli potansiyel müşteriler elde etmektir, bu nedenle web projelerine her zaman SEO'yu göz önünde bulundurarak başlarız. Unutmayın, SEO, yalnızca mümkün olduğunca çok sayıda alakalı kullanıcıyı elde etmek için değil, aynı zamanda elde ettiğiniz kişilerdeki dönüşümleri en üst düzeye çıkarmak için erkenden dikkatli bir planlama gerektirir.

Bu makalede, aşağıdaki faktörleri ve neden bir web projesinin tasarım ve planlama aşamasında yer almaları gerektiğini tartışacağız:

• Tarama ve Dizin Oluşturma
• taksonomi
• Navigasyon
• URL Yapısı
• Mobil Dostu Tasarım
• Sayfa Hızı

Tarama ve Dizin Oluşturma

Arama motorlarının web sitenizi anlaması için içeriğinizi tarayabilmeleri gerekir. Arama motorları ve insanlar, ne yaptığınızı tam olarak anlamak için önemli metne ihtiyaç duyar. Sıralama sinyalleri, büyük ölçüde, arama motorlarının anlamak için taraması gereken metin tabanlı içeriğe dayanır. Bu, sayfa şablonlarının ekranın üst kısmına kolayca taranabilir metni yerleştirmek gibi temellere, ayrıca metinleri kahraman resminizin üzerine yerleştirmek ve taranamayacak şekilde resmin içine yerleştirmemek gibi daha küçük karmaşıklıklara odaklanması gerektiği anlamına gelir.

Google bunu taramada daha iyi olsa da, arama motorlarının harici JS sayfalarında içerik taraması konusunda sorun geçmişi olduğundan, metin içeriğinizi harici JavaScript kaynaklarının arkasına saklamayın. Metni sayfalarınıza HTML içinde yerleştirin ve kullanıcılarınıza değer sağladığında sitenizdeki diğer sayfalara bağlantı vermekten çekinmeyin. Bu, tüm içeriğinizin taranabilir kalmasını sağlar, ancak daha fazla bilgiye ihtiyaç duymaları halinde kullanıcılarınıza net ve etkileşimli bir takip olanağı sağlar.

taksonomi

Sitenizi kullanıcıların beklediği şekilde ayarlamadıysanız, sınıflandırma bir web sitesinin kullanıcı deneyimini kolayca oluşturabilir veya bozabilir. SEO, kitlenizin ürünlerinizi ve hizmetlerinizi nasıl aradığına dair bilgiler sunarak burada devreye girer. Arama yapanlar ürününüzün stilleri, yapıldığı malzeme veya ana uygulamalarıyla daha mı ilgileniyor? Örnek olarak garaj kapılarını ele alalım.

5 farklı garaj kapısı ürün serisi ile bir web projesine girebilir ve malzeme, stil, fiyat ve boyutların bu 5 marka etrafında dönmesi gerektiğini düşünebilirsiniz. Pazarlama stajyerinizden biraz anahtar kelime araştırması yapmasını isteyebilir ve arama yapanların tarza göre (modern, klasik, vagon vb.) garaj kapılarıyla daha fazla ilgilendiğini görebilir, ardından seçeneklerini boyut, malzeme ve ardından fiyata göre daha da daraltabilirsiniz. Bu bilgiler artık sitenizin yapısını tamamen şekillendiriyor, çünkü artık arama yapanların öncelikle D1 Elite Garaj Kapısı ürün hattınız üzerinden “modern bir garaj kapısı” ile ilgilendiğini biliyorsunuz. Web ekipleri artık yeni bir sitenin hiyerarşisini kurarken bu bilgileri kullanabilir.

Bu bizi bir sonraki konumuza, sitenizin navigasyonuna çok güzel bir şekilde götürüyor.

Navigasyon

Artık kitlenizin nasıl arama yaptığını bildiğinize göre, menünüzü birincil ilgi alanlarına göre yapılandırmanız önemlidir. Önceki örneğimizi alarak, ana menü bağlantılarınızı ürün gruplarınız yerine stiller merkezli yapmak, garaj kapısı kurulumlarını en üst düzeye çıkarmak için doğru karar olabilir. Artık arama yapanlar, modern ve klasik kapılar arasında kolayca tıklayabilir, ardından ürün yelpazesini doğrudan onlardan bulmak için ikincil malzeme, boyut ve fiyat kriterlerini daraltabilir. Onları 5 markanız hakkında bilgi edinmeye ve hangisinin onlar için doğru olduğunu bulmaya zorlamak yerine, siteniz önce onların önemsediklerini koyar, ardından onların garajları için ürün yelpazesine inmelerine olanak tanır. Tam tersi değil. Ana menünüzde arama alışkanlıklarını hesaba katmak, sitenizi, onların umursadıklarını düşündüğünüz şeylere değil, hedef kitleniz için önemli olan şeylere göre yapılandırır.

URL Yapısı

Arama Motoru Optimize Edicileri olarak, algoritmaları yatıştırmak için ülkenin kanunlarına bağlıyız. Bu karmaşık formüller için bağlam sağlamak, sıralama kararlarını kolaylaştırır ve alakalı içeriğinizin hedef anahtar kelimeleriniz için 1 veya 0 konumuna ulaşma şansını artırır. 6 yaşındaki yeğeniniz URL'nize bakabilmeli ve içeriği görmesine bile gerek kalmadan o sayfada ne olduğunu söyleyebilmelidir. Bu ayrım, en iyi uygulamalar izlenmediğinde çok açıktır ve aşağıdaki gibi bir URL alırsınız:

https://www.example.com/ShowCategory.aspx?cid=1995

bunun yerine:

https://www.example.com/clothing/apparel/headwear/bucket-hats

Yukarıdaki iki URL'den hangisini arama motorlarının daha kolay anladığını düşünüyorsunuz? Google'ın içeriğinizi anlamasını kolaylaştırmak, SEO'nun büyük bir parçasıdır, bu nedenle tasarım sürecinin başında uygun URL yapısını dikkate almak, yönlendirmeleri ve satırdaki baş ağrılarını önler. En iyi uygulamalar, arama motorlarına bir sayfanın konusu hakkında hiçbir şüphe bırakmamak için tutarlı adlandırma kalıplarını takip ederken basit klasör yapılarının kullanımını içerir. SEO web sitesi tasarımı tamamen netlik ve sır saklamamakla ilgilidir!

Mobil Dostu Tasarım

2019'da mobil cihazlar internette diğer tüm cihazlardan daha fazla geziniyor. Mobil uyumluluk sadece bir sıralama faktörü değil, sitenizin mobil versiyonu artık arama motorları tarafından sıralamaları belirlemek için kullanılıyor. Bu, arama dünyasında başarılı olmak istiyorsanız sitenizin mobil deneyimini tamamen göz ardı edilemez hale getirir. Aramada başarılı olmak istiyorsanız, 2019'da duyarlı tasarımın bir zorunluluk olduğunu söylemeye gerek yok.

Google, Flash ve geçiş reklamlarından kaçınma gibi teknik öğelere odaklanarak, görünüm pencerenizi bir dizi farklı cihaza doğru şekilde ölçeklendirecek şekilde yapılandırarak, yazı tipi boyutlarının daha küçük mobil cihazlarda okunacak kadar büyük olmasını sağlayarak mobil uyumluluğu analiz etmek için bir dizi araç sunar ve bu temas noktaları, kalın bir parmak tıklamasını önlemek için yeterince uzağa yayılmıştır.

Sayfa Hızı

Sayfa hızı, Google'ın liderliğini takip etmenin ve belirli bir ölçüte göre optimize etmenin daha iyi olduğu bir site optimizasyonu alanıdır. Google'dan Matt Cutts'tan eski ama harika bir alıntı:

…Google'daki birçok insan web'in hızlı olması gerektiğini düşünüyor. İyi bir deneyim olmalı ve bu nedenle hızlı bir siteyseniz, belki biraz bonus almanız gerektiğini söylemek adil olur. Gerçekten çok yavaş bir siteniz varsa, o zaman belki kullanıcılar bunu o kadar çok istemiyor.

Bu alıntı 2009'dandı ve site hızı, bu açıklamadan bu yana aramada yalnızca daha fazla faktör haline geldi. Aslında, site hızı geçen yıl resmi bir sıralama faktörü olarak açıklandı. Bunun işe yaramasına izin verin. Sitenizin hızı, sitenizin hedef anahtar kelimeler için ne kadar iyi sıralandığı üzerinde doğrudan bir etkiye sahiptir.

Web tasarım dünyasında popüler bir trend, basit ve şık bir düzen için ağır görüntüler kullanır. Bunun, kullanıcıların içeriğinizle nasıl etkileşime girdiği ve etkileşim kurduğu konusunda birçok faydası olsa da, medyanın aşırı kullanımına ve metin içeriğini görmezden gelme konusunda dikkatli olun. Zengin resim dosyaları, site hızına zarar vermenin en büyük yollarından biridir ve kullanıcılar yüksek çözünürlüklü fotoğrafınızın indirilmesini beklerken başparmaklarını oynatarak uzun yükleme sürelerine neden olur. Site hız raporlarından bir Google önerisi olarak "Görüntüleri Optimize Et" ifadesini görürseniz, kastettikleri şey budur.

Gerçek şu ki, çoğu kullanıcı, görüntüler düzgün bir şekilde sıkıştırıldığında pek bir fark söyleyemez. Kayıpsız sıkıştırma (AKA, dosyanın boyutunu küçültmek için görüntü kalitesinden yeterince etkileniyor, ancak insan gözünde gözle görülür bir değişiklik yapmaya yetmiyor) her zaman popüler olmuştur, ancak mobil aygıtların "olmamasını sağlamak" için her zamankinden daha kullanışlıdır. Web sayfanızı doldurmak 10 saniyenizi alıyor.

Metin içeriği ve resim içeriği arasındaki dengenizin sağlıklı olduğundan emin olun ve amacınızı zorlamak için yalnızca zengin medyaya güvenmeyin. Bu fikri tasarım sürecinde mümkün olduğunca erken sunmak, yolda herhangi bir sayfa hızı fiyaskosunu önler. Arama motorlarının ve kullanıcıların mesajınızı anlayabilmesi için tasarımın metin alanlarının yanı sıra görüntüler ve videolar üzerinde de pişirilmesi gerekir.

Bunlar, bir web yeniden tasarımına veya yeni bir SEO web tasarım projesine başlamadan önce markaların bilmesi gereken en büyük faktörlerdir. Yukarıdakilerle ilgili herhangi bir sorunuz varsa, lütfen Top Floor'a ulaşın ve bir SEO uzmanının bir sonraki proje zamanınızı ve paranızı nasıl kurtarabileceğini ve arama sıralamanızı nasıl iyileştirebileceğini görün.