Sitenizin SEO'sunu Bozabilecek Tasarım Hataları

Pek çok tasarımcı ve sanatçı, zanaatlarının tüm arama motoru optimizasyonu (SEO) yasalarının üzerinde olduğunu düşünüyor. Ancak Association for Computing Machinery tarafından yayınlanan bir makale, bir web sitesi hakkındaki olumsuz geri bildirimlerin yaklaşıkyüzde 95'inin tasarım sorunlarıyla ilgili olduğunu öne sürüyor.Tasarımın, web sitelerinin algısını ve dolayısıyla sıralamalarını önemli ölçüde etkilediğini söylemek güvenlidir.

Web Sitesi Tasarımınızdaki Gizli Hata

SEO, içerik ve grafik tasarım çizgilerinin birleştiği zaman geldi. Bir zamanlar paralel çalıştığı düşünülen üç disiplin artık birlikte çalışıyor. Ve bu, pazarlamanızda pek çok fırsat sunarken, aynı zamanda sıralama çabalarınıza zarar veren daha fazla hata yapma riskini de beraberinde getirir. Web sitenizin dikkat gerektiren birkaç tasarım yönü vardır.

Web tasarımınızı yeniden inceleyin ve şu hataları not edin:

Mobil Odaklanmamak

Google, Eylül 2020'den beri bir güncelleme çılgınlığı içindedir. Bu değişikliklerden biri, mobil ekranlarda iyi görünen ve hızlı yüklenen içeriğe sahip mobil uyumlu web sitelerine geçiştir. Neden?

• 2018 yılında mobilden internete giren kullanıcı sayısı diğer cihazlardan internete girenleri geçti.
• Sayfanız üç saniye sonra yüklenirse, yüzde 32'lik bir hemen çıkma oranıyla karşı karşıya kalırsınız.

Kissmetrics, mobil kullanıcıların bir siteye erişirken karşılaştıkları bazı sorunlar buldu:

• Ziyaretçilerin yüzde kırk yedisi iki saniyelik bir yükleme süresi bekliyor.
• Yüklemesi üç saniyeden fazla sürerse yüzde kırk ayrılır.
• Ziyaretçilerin yüzde yetmiş dokuzu kötü performans gösteren siteyi bir daha asla ziyaret etmiyor.
• Yükleme süresi yüzde 1 artarsa, muhtemelen trafiğin yüzde 16'sını kaybedersiniz.

Bu anketlerin, mobil öncelikli dizine eklemenin SEO başarınızın bir sonraki anahtarı olduğunu anlamanız için yeterli olduğuna inanıyoruz. Google bunu, kullanıcı deneyimini (UX) geliştirmeye odaklanan son Sayfa Deneyimi Güncellemesi aracılığıyla onayladı . Sayfa Deneyimi, mobil cihazlarda yayında ve Mart 2022'de masaüstü Arama'da kullanıma sunulacak.

Artık, sayfa deneyimi sıralama sinyallerini ve UX tasarım ilkelerini hesaba katan web siteleri üstünlüğe sahip. UX tasarımı, kullanıcının ürünle etkileşim kurduktan sonra nasıl etkileşime girdiğini ve hissettiğini anlama sürecidir. Esas olarak kullanım kolaylığını artırmak için dahil edilmiştir. Google artık bir web sitesinin tasarımını, birlikte bir web sitesinin genel kullanıcı dostluğunu ölçen üç Önemli Web Verisine göre değerlendiriyor .

Duyarlı Güçlendirmeye Meydan Okuyan Büyük Görüntüler

Hiç bir sürahi suyu bir bardağa dökmeyi denediniz mi? Bardak dolduğunda su taşmaya başlar. Web sitesi tasarımınızı mobil cihazların küçük ekranlarına sığdırmaya başlarsanız aynı şey olur.

Açılış sayfasında yüzlerce resim bulunan bir web sitesi düşünün. Doğal olarak, kullanıcıların sayfada gezinmesi zor olacaktır. Mobil sürümde her şey çok küçük ve okunaksız hale geliyor.

Searchmetrics tarafından yürütülen araştırma, arama sonuçları sayfasındaki (SERP) en iyi 10 web sitesinin web sitelerinde sayfa başına üçten az görsele sahip olduğunu ortaya çıkardı. Alınan ders, karışıklık ne kadar fazlaysa, arama motorları için o kadar zor olur.

Google'ın PageSpeed ​​Insights testi, ağır içerik öğelerini tasarımdan nasıl çıkaracağınız konusunda size bazı fikirler verebilir. Sayfayı yüzde 50'den fazla SEO dostu yapmak için hangi resimlerin sıkıştırılması gerektiğini gösterecek.

Resimlere Değer Katmayan Metin Eklemek

Metin, web sitesinin arka ucunda HTML olarak kodlanması dışında Google'ın okuyabildiği bir şeydir. Algoritma resimleri okuyamaz veya içlerinde yazılı metni okuyamaz. Bu nedenle, web sitenizdeki metni düzene sokmak, SEO'nun bir başka önemli yönüdür.

Görsellere değil, sayfa tasarımının koduna metin eklenmesi tavsiye edilir. Bu, algoritmanın anahtar kelimeleri okumasına, tanımlamasına ve buna göre sıralamasına izin verir. Bir görüntüye metin eklense bile, yakınlaştırıldığında bulanıklaşacaktır.

Ek olarak, web sitenize metin eklemek, çoğu tasarımcının kaçırdığı bir avantajla birlikte gelir. Başka bir dildeki bir ziyaretçi herhangi bir bilgiye ihtiyaç duyarsa, resim değiştirilemezken kodlanan metin değiştirilebilir.

İşleri yoluna koymak için belirli yönler üzerinde çalışmanız gerekir, örneğin:

Görsellere Alt Etiketleri Ekleme

Alt etiketi, arka uçtaki HTML'de kodlanmış görüntünün açıklamasıdır. Arama motorları, herhangi bir görselin bir sıralama sorgusuyla ilişkisini anlamak için bu kodu okur. Çok fazla grafik yarardan çok zarar getirir. Görselin adını önemli bir SEO aracı olarak kullanmalısınız. Bilginize, Google dosya adını okuyabilir. Böylece 12345.jpg kullanmak yerine dosyayı tanımlayan anahtar kelimeleri kullanabilirsiniz, bu da indekslemede örümceklere yardımcı olur.

Uygun Renk Kombinasyonlarını Kullanma

Uygun renk kombinasyonu ile net görüntüler seçilmelidir. Tüm web sitelerinin yüzde 40'ından fazlasının tasarımlarında mavi rengi kullandığı ve ardından yeşilin geldiği bir araştırmaya göre bulundu.

Belirli Bilgileri İçermeyen

Resimlerde herhangi bir iletişim bilgisi veya faydalı bilgi vermekten kaçının. Bilgileri altbilgide ince ama belirgin bir şekilde paylaşın. Algoritmanın dizine eklenmesi için web sitenize önemli bağlantılar eklemeyi de düşünebilirsiniz.

Yönlendiriliyor… OOPS 404 Hatası

Kırık bir bağlantı sayfası tasarlamak o kadar önemsiz görünüyor ki çoğu SEO uzmanı bunu gözden kaçırıyor. İnsanlar genellikle yanlış URL yazar veya artık mevcut olmayan bir sayfa arar.

İşte web sitesi tasarımcınızın, kullanıcının dikkatini çekecek bir şey yaratması için bir fırsat. Bir hata sayfasını ziyaret ederken, kullanıcılar geri dönme ve onu unutma eğilimindedir. Burada yapabileceğiniz şey, müşteri hizmetlerinizi vurgulamaktır.

Bir hata sayfasına yönlendirildiklerinde bir şey arıyor olabilirler. Web sitenizin ana sayfasıyla ilgili bağlantılar veya hizmetlerinize birkaç bağlantı ekleyebilirsiniz. Ziyaretçilerin deneyimini önemsediğinizi gösterir.

Bazı markalar bunu pazarlama ve olumlu bir çevrimiçi itibar oluşturma fırsatına dönüştürdü. Örneğin, kullanıcıların yararlanabileceği ücretsiz bir kupon veya e-Kitap bağlantısı eklemiş olabilirler.

Hata sayfasına bağlantı eklemek, eklenen bağlantılar mevcut URL ile dizine eklendiğinden ziyaretçi kaybını önleyebilir, böylece trafik ve sıralama artar.

Bu fikir, yeniden açılan web siteleri için ezber bozan bir fikirdir. Eski URL'ler bir 404 hata sayfası sunacak. Bu nedenle, kullanıcıların bulmaya çalıştıkları URL'yi veya aradıkları bilgileri belirtmeleri için her hata sayfasına bir geri bildirim formu ekleyebilirsiniz. Test edildi ve bunu yapan web yöneticileri, canlı URL'yi arayan kişilerden e-postalar aldı.

Açılır Pencereleri Tamamen Kapatma

Ethan Zuckerman, 20 yıl önce JavaScript ve sunucu tarafı Perl aracılığıyla pop-up reklamlar oluşturduğu için hâlâ üzgün. Ne kadar can sıkıcı olsalar da satışları artırırlar.

Kullanıcıların yüzde 70'inin pop-up'ları "alakasız" bulduğunu bulan bir anketin aksine, birçok işletme bunlar aracılığıyla gerçek kârın tadına varıyor. Entrepreneur bile sınırlı teklifler sunarak pop-up'lar aracılığıyla kullanıcılarla etkileşim kurduğunu ve satışların satışlarını yüzde 162 oranında artırdığını gördü. Bunlar, Chrome'un dahili bir engelleme mekanizmasına sahip olduğu ölçüde beğenilmeyen bir özellik için harika sonuçlar.

Pop-up'lar doğası gereği kötü değildir. Peki neyi yanlış yapıyoruz? Google'ın Web Yöneticisi Blogu her şeyi söylüyor:

• Ziyaretçi SERP aracılığıyla sayfada gezindikten hemen sonra veya bazı bilgiler ararken araya giren bir pop-up reklam
• İçeriğin tüm sayfasını kaplayan bir reklam
• Web sitesinin ana içeriğini kullanıcının hareket hattından uzaklaştıran, ekranın üst kısmına açılır bir düzen ekleme

Doğru yapıldığında, pop-up'lar o kadar da kötü olamaz. Aslında WebMeUp, açılır pencerelerin dahil edilmesini şiddetle tavsiye eder. Neden? Çünkü birkaç ayda abonelerinin yüzde 95'ini onlar aracılığıyla almayı başardı. Peki, tasarımcılar neyi kaçırıyor?

Ziyaretçiler için faydalı olacak şekilde tasarlanacak bazı fikirler:

Pop-up'lar, halihazırda yapılan satışların sayısını göstermenin veya web sitenize fayda sağlayabilecek istatistikleri göstermenin harika bir yoludur.

• Pop-up'lar aracılığıyla satışlar, indirimler, teşvikler ve ücretsiz ürünler sunmak, kullanıcının ilgisini çekmek için harika bir fikirdir.
• Yanıp sönme süresi ideal olarak beş saniye olarak ayarlanmıştır. Düzenli ziyaretçiler için pop-up gösterme süresi her dakikadan sonra ideal bulundu.
• Bir e-posta göndermek için harekete geçirici mesaj (CTA) olarak kırmızı rengi kullanmak, maksimum sayıda gönderi topladı

Ana Sayfalar Eksik H1'ler

Örümcekler, bir sorguyla alaka düzeyini bulmak için meta açıklamaları, başlık etiketleri, alt etiketleri, H1, H2 ve HTML kodu gibi öğeleri okur. Öğelerden herhangi biri düzgün bir şekilde optimize edilmemişse, büyük sıralama fırsatlarını kaybediyor olabilirsiniz. Böyle bir öğe H1'dir.

İnsanlar, H1'leri SERP'lerde görülen başlık etiketleriyle bir tutma eğilimindedir. Başlık etiketleri, öncelikle sizi web sayfasına götüren bağlantılardır. Sorgunun açıklaması olarak web sayfasında görüntülenenler, başlık veya H1 olarak bilinir. Bir sorgunun sonucu görüntülenirken başlıklar görünmez, ancak örümceğin web sitenizin konusunu belirlemesine yardımcı olurlar.

H1, H2 ve benzeri olabilecek başlıklar SEO'da belirleyici faktörlerdir. Örümceklerin okuduğu HTML kodunun bir parçasını oluştururlar ve tarayıcıların odaklanması için belirli kelimeleri öne çıkarırlar.

Bu nedenle, bir H1 eklemek, web yöneticileri için profesyonel bir ipucudur. Bunları hatırla:

• H1'ler, web sayfasının birincil anahtar kelimesini içermelidir.
• H1'ler ekranın üst kısmına yerleştirilmelidir. Tam sayfa bir açılır pencere veya ekranın üst kısmında yer alan bir reklamla gölgelenmemelidirler.
• Unutmayın, ziyaretçinizi etkilemek için yaklaşık beş saniyeniz var. H1'lerinizin ikna edici olduğundan emin olun.

Google'ın İyi Bir Kaydırıcı Olduğunu Düşünmek

Kullanıcılar ilgili bilgileri hemen almak için aşağı kaydırabilirken, bir örümcek bunu yapamaz. Uygun olabilecek ve sitenizi sıralamaya uygun hale getirebilecek ek içerik ve sayfaları dikkate almayacaktır.

Google'dan Martin Splitt, çevrimiçi bir konferansta bu konuyu oldukça empatik bir şekilde işaretledi. Örümceğin kendisine görünen her şeyi önceden okuduğunu ve indekslediğini belirtti. Geç yükleme durumunu düzeltmek için web yöneticilerinin Google Arama Merkezi'ne başvurması gerekir. Arama motoru devi bazı düzeltmelerden bahsediyor:

• Chrome 76, web sitesi tasarımcılarının JavaScript'te geç yükleme için bir kitaplık kodlamadan yükleme özelliklerini kullanmasına olanak tanır.
• Bir JavaScript kitaplığı, verilerin görüntü alanına girerken yüklenmesini sağlar.
• Sayfalandırılmış kaydırma, kullanıcıların onları içeriğin istenen bölümüne götürecek bir bağlantıya tıklamasına olanak tanır.

Web sitenize çok yatırım yapmış olabilirsiniz. Ancak bu hataların verimsiz sonuçları olabilir. Bunların farkında olun ve SEO ve içerik oyununuzun zirvesinde olduğunuzdan emin olmak için gerekli adımları ve güncellemeleri yapın.