Site kullanılabilirliği, bir web sitesi oluştururken veya sürdürürken dikkat etmeniz gereken birincil hususlardan biri olmalıdır. Web sitenizin kullanımı zorsa, insanlar onu kullanmaktan veya geri gelmekten vazgeçecektir. Ayrıca, çoğu durumda, iyi kullanılabilirlik doğrudan daha iyi SEO sonuçlarına dönüşür.

İyi web sitesi kullanımının bazı özellikleri şunlardır:

  • Mobil duyarlılık : Giderek daha fazla insan İnternet'e cep telefonlarından erişiyor (ve Google bunun, mobil girişimlerinin bir parçası olarak arama sıralamaları için önemli olduğuna inanıyor).
  • Sayfa yükleme hızı : İnsanların web siteleriyle nasıl etkileşime girdiğiyle ilgili bir korelasyon aracılığıyla Google'dan gelen bir başka önemli sıralama sinyali. Kissmetrics'e göre, tüketicilerin %47'si bir web sayfasının 2 saniye veya daha kısa sürede yüklenmesini bekliyor!
  • Web sitesi navigasyonu: Orbit Media Studios'a göre, web sitenizin kullanımı kolaysa ve içeriğin bulunması kolaysa, arama motorlarından alacağınız trafik üzerinde olumlu bir etkiye sahiptir. Gerry McGovern, insanların% 70'inin bir şey ararken arama yapmak yerine navigasyona güvendiğini, çünkü belirli sayfalara giden bağlantılara tıklamanın daha kolay ve daha hızlı olduğunu gösteren bir çalışma yaptı. bir web sitesinin.

Bu eğitimin amaçları için, menü tasarımı ve en iyi uygulamalar anlamında kullanılabilirliğe odaklanacağız.

Sitede gezinti

Web taraması bir sitenin iç bağlantı mimarisine atıfta bulunan genel bir terimdir. Hepsinden önemlisi, temel amacı, kullanıcıların web sitenizdeki alakalı içeriği kolayca bulmasına yardımcı olmaktır. Gezinme yapınız ayrıca web sitenizin site haritasının temelini oluşturur ve bu da Google gibi arama motoru devlerinin web sitenizi buna göre dizine eklemesine yardımcı olur.

Elbette, verimli web sitesi gezinmesine katkıda bulunabilecek birkaç şey var, ancak şimdilik özellikle menü çünkü bu, genellikle kullanıcıların yeni bir web sitesine gittiklerinde etkileşim kurdukları ilk sayfadır.

Menüde gezinme

Gezinme menüleri genellikle bir web sitesinin önünde ve ortasında bulunur (mecazi anlamda konuşursak, ortalanmış bir menü güzel olurdu). Farklı kategorilere sahip web siteleri için, açılır özellik, yerden tasarruf etme ve sınıflandırma ihtiyacını karşılama seçeneğidir.

Günümüzde, bir minimalizm (ve mobil kullanılabilirlik) gösterisinde, birçok web sitesi bir hamburger menü tasarımını benimsemiştir (esasen, menünün tek bir tıklama ile genişletilebileceğini belirten üç kısa yatay çizgiye sahip bir kare) .

Storefront teması WooCommerce sağ üst köşede pratik bir örnek sağlar:

menu.png örneği

Hamburger tarzı web sitesi menü tasarımı, mobil web sitesi tasarımı söz konusu olduğunda en yaygın olanıdır, çünkü geliştiriciler çok küçük alanlarda kullanılabilir gezinme oluşturmaktan sorumludur. Elbette, mobil sitelerde kullanılabilecek bir açılır menü oluşturmak zor olabilir!

Dedi, birçok tasarımcı küçümsemek hamburger menüsü, sitede gezinmeyi eğlenceli ve işlevsel hale getirmek için yaratıcı yollar bulmak için yeni bir harekete yol açtı. Bunu akılda tutarak, yaygın bir web sitesi menü tasarımı buluşsal yöntemi, menü gezintisini kalıcı olarak her bir web sayfasının en üstüne yerleştirmeyi içerir, böylece kullanıcı kendi yolunu kolayca bulabilir veya sonraki sayfayı arayabilir.

Menü tasarımında en iyi uygulamalar

Çoğu WordPress teması önceden tanımlanmış bir web sitesi menü tasarımıyla birlikte gelir. İster olduğu gibi tutmak isteyin ister tamamen yeniden yapmayı planlıyor olun, burada menü navigasyonunu kullanışlılık ve işlevsellik göz önünde bulundurularak tasarlamaya yönelik en iyi uygulamalar yer almaktadır. SEO aklında:

  • Mümkünse, açılır menülerden kaçının. Birçok web sitesi yerden tasarruf sağladığı için açılır menüleri kullanmayı sever ancak özellikle konu söz konusu olduğunda önerilmez. SEO teknik. Kullanılabilirlik testleri çoğu kişinin açılır menülerden hoşlanmadığını ortaya çıkardı. Bunun nedeni, insan gözünün elden daha hızlı çalışması ve insanların neye tıklayacaklarına karar verdikten sonra başka bir şeyin düşmesini sinir bozucu bulmaları ve belirli sayfaların daha az ziyaret edilmesine yol açmasıdır. Bununla birlikte, tasarladığınız sitenin bir açılır menü olmadan yapamayacağınız kadar çok içeriği varsa, "mega açılır" menü biraz daha kabul edilebilirdir.
  • Açıklayıcı olun. "Hizmetler" veya "Ürünler" gibi genel sözcüklerden kurtulun. Bunun yerine, ürünlerinizin veya hizmetlerinizin nasıl tutarlı, çünkü kimse gerçekten "genel kelime veya" hizmetler "içeren ürünleri aramaz. Daha da iyisi, menü öğelerinizin tam adlarına karar vermeden önce, eklemeleri SEO anahtar kelime araştırmasıyla doğrulayın. Orbit Media öneriraçıklayıcı etiketler kullanınçünkü bu uygulama, arama motorları siteyi tararken hem kullanıcılara hem de size fayda sağlar. Gezinme her sayfada görünür, bu nedenle sektörünüzle ilgili bir terim kullanırsanız, Google'ı gerçekten önemsediğiniz konusunda uyarırsınız. Her sayfanın belirli bir konuya odaklandığı sürece sıralanabileceğini unutmayın.
  • Ek olarak, Orbit Media cesaretini kırıyor navigasyon tabanlı üzerinde formatları, olarak'organizasyon tüm videolar, tüm infografikler vb. gibi içerik tabanlı sayfalar Bunun nedeni, insanların formata göre değil konuya göre arama yapmasıdır.
  • Gezinme menüsündeki öğelerin konumu (veya düzeni) önemlidir. Bir web sitesinde, site ziyaretçileri tarafından en çok aranan sayfalar olan "Hakkında" sayfası, "İletişim" sayfası gibi genel bir sayfa listesi vardır. Genellikle yüksek trafiğe sahip (açıkça görülebildikleri için) bu önemli sayfaların katılım oranları genellikle düşüktür. En önemli sayfalarınızı belirlemek ve optimizasyon fırsatlarını bulmak için Google Analytics'i kullanın. Önce en önemli gezinme öğelerini gösterin (veya menü çubuğunun yönüne bağlı olarak üstte).
  • Menü öğelerini bir taneye kadar saklayın en fazla 7 . Araştırmalar, insanların bir seferde en fazla yedi bilgiyi hatırlayabildiğini veya alabildiğini göstermiştir. Google, görünüşte alakasız çok sayıda kategoriyi sitenizin belirli bir nişe uyum sağlamadığının bir işareti olarak yorumlayabileceğinden, çok fazla menü öğesi kategorisine sahip olmak, aramada sıralama yeteneğinizi potansiyel olarak etkileyebilir. 7'den fazla menü öğesine ihtiyacınız olduğunu biliyorsanız, bunları alt kategorilere ayırın.

Yukarıda bahsedilen noktayla ilgili olarak, United'ın web sitesi menü tasarımı çok karmaşık (ziyaretçiler için çok fazla seçenek var):

kötü menu.png örneği
İşte blogunuzda kaçınmanız gereken şeylerin mutlak örneği. Tersine, Cafebond.com basit kategorizasyon söz konusu olduğunda iyi organize edilmiş bir örnek sağlar:
iyi bir menu.png örneği
  • Menünüzü denetleyin zamandan zamana. Nadiren tıklanan bağlantıları kaldırın. İnsan ziyaretçileriniz ve arama motorlarınız için daha açıklayıcı olması için genel etiketleri yeniden adlandırın.

Hepsi bu ipuçları için, umarım WordPress'teki farklı menülerinizi daha iyi düzenlemenize izin verirler. Listelenmemiş herhangi bir uygulamanız var mı, bunları yayınlamaktan çekinmeyin.