SEO - Duyarlı Web Sitesi ve Çoğaltılmış Menüler

Bir Duyarlı Web sitesi oluşturduğumda genellikle 2 menü oluştururum: 1 gizli ve mobil cihazlar için kullanılır ve diğeri ana menü olarak görüntülenir, sonra mobil menüyü göstermek için gizlenir. SEO ve web sitesinde gezinen örümcekler söz konusu olduğunda, yinelenen menülere sahip olduğum için ölürüm? Örümcek için bu menünün mobil cihazlar için olduğunu ve bu ana olduğunu göstermek için yapabileceğim bir şey var mı?

Neden 2 farklı menüler var son nedeni konumu nedeniyle, genellikle ana menü logo vb altında bar bir tür, ama her şey üstünde, yani logo vb istiyorum mobil menü.

— Howdy_McGee
kaynak

Neden duyarlı sorgular kullanmıyorsunuz ve menüyü oluşturmuyorsunuz position:fixedveya position:absoluteek olarak, bootstrap ve zurb vakfı gibi çoğu çerçevede, hangi sayfaya sayfaya eriştiğine bağlı olarak öğeleri hareket ettirebilen sorgu çekişleri var ...

— Simon Hayter

2 menü oluşturursanız, bu Duyarlı değildir. Duyarlı menüler aynı <nav>içeriği kullanır ve belirli bir medya sorgusu kesme noktası verildiğinde farklı bir şekilde stil verir.

— hexalys

@hexalys olması gerekmez. Bir "Ana Masaüstü Navigasyon" için kısmi bir menüye, ardından daha tam bir navigasyona sahip bir "Mobil Menü" ye sahip olabilirim <nav>.

— Howdy_McGee

@Howdy_McGee Elbette. Ama soruda tam olarak tarif ettiğiniz şey bu değil. Örneğin, bir orta gezinme çubuğunu mobil cihazlar için bir üst veya hamburger menüsüne dönüştürme sorunu zor olabilir, ancak CSS mizanpaj değişiklikleri ile uygulanabilir. Burada tamam başardım: goo.gl/v8HdLD. Ve şu anda buradayım, çünkü son derece wordpress için "duyarlı menü" eklentisi olarak adlandırılan kasıtlı zavallı adamın tembel yaklaşımı ve arama motoru uyumluluğu, erişilebilirliği ve performansı açısından etkileri konusunda son derece endişeliyim.

— hexalys

@ hexalys Bence artıları ve eksileri vardır; her ikisinin de yeri var, sadece duruma bağlı. Ben bu yana tek bir menü için daha fazla iyilik gördüm ama iki ayrı menüler olması kötü bir şey ya da SEO dinged diyor bir şey görmedim beri.

— Howdy_McGee

Yanıtlar:

Endişelenecek bir şeyin yok. display: none;Menüleri değiştirmek için kullanabilirsiniz . Arama motorları JS ve CSS'yi anlamada çok daha iyidir.

Daha iyi bir sıralama elde etmek için kasıtlı olarak şeyleri manipüle etmeye çalışmadığınız sürece. Display kullanma: none; büyük metin bloklarını gizlemek cezalandırılır. Bu nedenle, yalnızca masaüstü menünüzü mobil ve vize ayetinde gizlemek için kullanıyorsanız, herhangi bir tehlike altında değilsiniz. StackExchange'ten bu eski konuya bir göz atın:

Display'i kullanmak ne kadar kötü: CSS'de yok mu?

Google aslında duyarlı tasarıma çok düşkündür ve onu ayrı bir mobil siteye tercih eder.

Burada "üzerinde iyi bir makale Duyarlı Tasarım SEO "

Ayrıca, bu makaleye / videoya göz atın:

Matt Cutts (Google), mobil web siteleri için duyarlı bir tasarım yaklaşımı kullanırken SEO ile ilgili bir aşağı taraf olduğu konusunda endişelenmenize gerek olmadığını söyledi.

— dasickle
kaynak

Tırnaklarınızın ve makalelerinizin çoğu, duyarlı bir web sitesine sahip olmak ve mobil bir web sitesine sahip olmak anlamına gelir; bu da istediğim şey değildir (karışıklık için özür dilerim), ancak dis / avantajlar veya 2 menü kullanma, bir mobil cihaz için bir menü ana menü ve bir masaüstü ana menü için. 2 menüye sahip gibi görünüyor ve kaynak kodunu okuyan tarayıcılar bunları ayrı ayrı yorumlayacak.

— Howdy_McGee

Bunlar genel olarak duyarlı tasarım hakkındaki ikinci ifademi desteklemek için oradaydı. Sizin için başka bir bağlantı ekledim ve orada birkaç tane var.

— dasickle

@dasickle Birden fazla menüyle bu yaklaşım göz önüne alındığında, google'da belirli bir alan adını ararken (örneğin, "warmane" araması), arama sonuçlarında o web sitesinin gezinmesini içerecek, bu herhangi bir şekilde etkilenecek mi?

— Dragos Rizescu

Menü bölümünüzü diğer bölümlerin üstüne veya altına taşıyan bölümler için display: flexalternatif bir order: ndeğer kullanabilir ve belirleyebilirsiniz .

Başka bir deyişle, her zaman bir veya daha fazlasını gizlerseniz aynı içeriğe sahip iki menüye ihtiyacınız yoktur.

— RedGrittyBrick
kaynak

Çoğu mobil menünün bir buton tıklaması ile "açılması", temelde bir çeşit modal pencerede açılması. Erişilebilirlik standartlarını karşılayan bir web sitesi söz konusu olduğunda - bu menünün DOM'a kasıtlı olarak yerleştirilmesi gerekir. Başlıkta bir NAV kullanmak ve istenen düzeni elde etmek için farklı CSS uygulamak yeterli değildir (çoğu durumda).

Alt satır - menünüz başlangıçta görünmüyorsa ve içeriğin geri kalanını kaplıyorsa, muhtemelen DOM'da farklı konumlara yerleştirilmiş birden fazla gezinme öğesinin bulunması gerekir (birini gizlemek ve diğerini ekran boyutuna ve arzusuna bağlı olarak göstermek) ).

— Cody
kaynak