SEO - Responsive Website und doppelte Menüs

15

Immer wenn ich eine Responsive-Website erstelle, erstelle ich normalerweise zwei Menüs: 1 ausgeblendet und für Mobilgeräte verwendet und das andere als Hauptmenü angezeigt und dann ausgeblendet, um das Mobilmenü anzuzeigen. Wann immer es um SEO und Spinnen geht, die auf der Website navigieren, bekomme ich das Problem, dass ich doppelte Menüs habe? Was kann ich tun, um der Spinne mitzuteilen, dass dieses Menü für Handys gedacht ist und dies das Hauptmenü ist?

Der letzte Grund, warum ich 2 verschiedene Menüs habe, liegt an der Position, normalerweise befindet sich das Hauptmenü in einer Art Leiste unter dem Logo usw., aber das mobile Menü möchte ich über allem haben, also über dem Logo usw.

Howdy_McGee
quelle
1
Warum nicht reaktionsschnelle Abfragen verwenden und das Menü erstellen position:fixedoder position:absolutezusätzlich die meisten Frameworks wie Bootstrap und Zurb Foundation Query Pulls haben, mit denen Elemente verschoben werden können, je nachdem, welches Gerät auf die Seite zugreift ...
Simon Hayter
Wenn Sie 2 Menüs erstellen, reagiert das nicht. Reaktionsfähige Menüs verwenden denselben <nav>Inhalt und weisen bei einem bestimmten Medienabfrage-Haltepunkt einen anderen Stil auf.
Hexalys
@hexalys nicht unbedingt. Ich könnte ein Teilmenü für eine "Haupt-Desktop-Navigation" haben, dann ein "Mobiles Menü" mit einer umfassenderen Navigation, und zwar beide, <nav>indem nur mehr Elemente in der Mobilversion angezeigt werden, damit die Navigation einfacher ist.
Howdy_McGee
@ Howdy_McGee sicher. Aber das ist nicht wirklich das, was Sie in der Frage beschreiben. Das Problem, eine mittlere Navigationsleiste in ein Top- oder Hamburger-Menü für Mobilgeräte zu verwandeln, kann schwierig sein, lässt sich jedoch über CSS-Layoutänderungen lösen. Ich habe es hier gut geschafft: goo.gl/v8HdLD. Und ich bin gerade hier, weil ich auch sehr besorgt bin über diese Art von absichtlich faulen Vorgehensweisen armer Männer für zwei so genannte "responsive menu" -Plugins für WordPress und deren Auswirkungen auf die Einhaltung, Zugänglichkeit und Leistung von Suchmaschinen.
Hexalys
@hexalys Ich denke, es gibt Vor- und Nachteile; beide haben ihren platz bzw. es kommt nur auf die situation an. Seit ich dies gefragt habe, habe ich mehr Gunst für ein einziges Menü gesehen, aber nichts, was besagt, dass es eine schlechte Sache ist, zwei separate Menüs zu haben, oder dass es in SEO verwickelt ist.
Howdy_McGee

Antworten:

8

Du musst dir keine Sorgen machen. Mit können Sie zwischen den display: none;Menüs wechseln. Suchmaschinen verstehen JS und CSS viel besser.

Solange Sie nicht absichtlich versuchen, Dinge zu manipulieren, um ein besseres Ranking zu erhalten. Verwenden der Anzeige: keine; Wenn Sie große Textblöcke ausblenden, werden Sie bestraft. Wenn Sie Ihr Desktop-Menü also nur auf Mobilgeräten und in Visumversen ausblenden, besteht keine Gefahr. Schauen Sie sich diesen alten Thread von StackExchange an:

Wie schlecht ist die Verwendung von display: none in CSS?

Google ist eigentlich sehr ansprechbar und zieht es einer separaten mobilen Website vor.

Hier ist ein guter Artikel über " SEO von Responsive Design "

Sehen Sie sich auch diesen Artikel / dieses Video an:

Matt Cutts (Google) sagte, dass Sie sich keine Sorgen über die Nachteile von SEO machen müssen, wenn Sie einen Responsive-Design-Ansatz für mobile Websites verwenden.

dasickle
quelle
1
Die meisten Ihrer Zitate und Artikel beziehen sich auf eine responsive Website und eine mobile Website. Dies ist nicht unbedingt das, wonach ich frage (Entschuldigung für die Verwirrung), sondern bezieht sich eher auf die Dis- / Advangages oder die Verwendung von 2 Menüs, ein Menü für ein Handy Hauptmenü und eines für das Desktop-Hauptmenü. Es scheint, als hätten Sie zwei Menüs, und Crawler, die Quellcode lesen, würden diese separat interpretieren.
Howdy_McGee
Diese waren da, um meine zweite Aussage über Responsive Design im Allgemeinen zu unterstützen. Ich habe einen weiteren Link oben für Sie hinzugefügt, und es gibt einige davon da draußen.
Dasickle
1
@dasickle Bei diesem Ansatz mit mehreren Menüs wird bei der Suche in einer bestimmten Domain auf Google (z. B. Suche nach "warmane") die Navigation dieser Website in das Suchergebnis aufgenommen. Wird dies in irgendeiner Weise beeinflusst?
Dragos Rizescu
2

Sie können display: flexeinen alternativen order: nWert für Unterteilungen verwenden und dann angeben , der Ihre Menüunterteilung über oder unter andere Unterteilungen verschiebt.

Mit anderen Worten, Sie brauchen nicht zwei Menüs mit demselben Inhalt, wenn Sie immer das eine oder andere verstecken.

RedGrittyBrick
quelle
1

Die meisten mobilen Menüs werden über einen Knopfdruck "geöffnet" und öffnen sich im Wesentlichen in einem modalen Fenster der einen oder anderen Art. Wenn eine Website Barrierefreiheitsstandards erfüllt, müssen diese Menüs absichtlich im DOM platziert werden. Es reicht nicht aus, nur einen NAV in der Kopfzeile zu verwenden und ein anderes CSS anzuwenden, um das gewünschte Layout zu erzielen (in den meisten Fällen).

Fazit: Wenn Ihr Menü anfangs nicht sichtbar ist und den Rest des Inhalts überlagert, müssen wahrscheinlich mehrere Navigationselemente an verschiedenen Positionen im DOM platziert werden (je nach Bildschirmgröße und Wunsch wird eines ausgeblendet und das andere angezeigt) ).

Cody
quelle