JavaScript Menüleri SEO kurallarına aykırı mı?

JavaScript ile yazılan gömülü, dinamik menüler sizin birçok bilgiyi dar bir alana sıkıştırmanıza olanak sağlar ve müşterilerilerinizin aradıkları şeyi bulmalarını kolaylaştırır. Fakat yıllarca, SEO profesyonelleri JavaScript menülerinin kullanılmamasını tavsiye ediyor, arama motorlarının JavaScript menülerini okuyamadıkları konusunda uyarıyor. Eskiden bu doğruydu. Ancak arama motorları uzun süreden beri bu konuda ciddi gelişme kaydetti. Ne yazık ki, bu konudaki eski bilgi hala forumlarda ve bloglarda mevcut, bu eski bilgilerin çoğu JavaScript ve SEO hakkında kafa karışıklığına sebep oluyor.

Fly-out veya mega menü örnekleri

En fazla kullanılan JavaScript gömülü menü formu tasarımcılar tarafından “fly-out” veya “mega” menü olarak adlandırılıyor. Fly-out’ları yüzlerce hatta binlerce online perakende satış sitesinde görebilirsiniz.


Bu tür menülerin temel özellikleri şu şekilde sıralanabilir :

  • Default olarak sadece üst-düzey ürünler veya site kategorileri gösterilir
  • Bir kullanıcı üst-düzey bir etiket üzerinde gezindiğinde alt-kategori bilgileri görüntülenir
  • Bütün alt-kategoriler birer metin bağlantısıdır (“anchor text“) , çok spesifik ürün kategori sayfalarına yönlendirirler

Mega menüler ayrıca, ilgili ürünlerin, servislerin veya tekliflerin resimlerini veya grafiklerini içerecek şekilde “alışverişte navigasyon” (“navandising/merchandising in navigation“) için de kullanılabilir.

Müşterilere Faydaları
Bazi online perakendeciler önemli sayıda ürün teklifleri veya ürün grupları üzerinden varyasyonlar sunuyorlar. Bu çeşitlilik genelde hem müşteriler hem de satıcılar için rahatlık sağlasa da bu durum aradığınız spesifik bir ürünü bulmanızı zorlaştırıyor. Müşterilere çok sayıda seçeneğin sunulduğu eticaret sitelerinde fly-out menüler mevcut ürünleri sınıflandırmayı kolaylaştırır.

SEO dostu mega menüler : Tamamen kodun içinde

Şurası doğru ki JavaScript, metin bağlantı etiketlerini (“anchor tags“) bazı arama motorlarından saklayacak şekilde yazılabilir. Örneğin, JavaScript ile belge nesne modeline eklenmiş bir mega menü yaptığımızda, bazı arama motoru “bot”ları menüyü göremeyebilir.

Ancak mega menülerin çoğu güncel HTML imlemesinde bulunan bütün linkleri ve etiketleri -genelde sırasız bir liste şeklinde- içermektedir. Daha sonra bu listelerin CSS (cascading style sheet/geçişli stil sayfası), JavaScript veya bunların bir kombinasyonundan görünümleri gizlenmektedir.

Örneğin, Aldo Shoes’un mega menü alt-kategorileri arama motoru “bot”larının ağ kurması ve indexlemesi için birkaç zengin metin tabanlı bağlantılar şeklinde doğrudan HTML’in içinde kodlanmış.

 

Aslında, mega menü için kullanılan HTML -çoğu SEO uzmanlarının övdüğü- site haritası için kullanılan HTML’e şaşırtıcı şekilde benziyor.

(Not : Resimlerin bir kısmı getelastic.com sitesinden alıntı yapılmıştır.)

Leave a comment