SEO - responsywna strona internetowa i zduplikowane menu

16

Ilekroć tworzę responsywną stronę internetową, zwykle tworzę 2 menu: 1 ukryte i używane na urządzenia mobilne, a drugie wyświetlane jako menu główne, a następnie ukryte, aby wyświetlić menu mobilne. Ilekroć chodzi o SEO i pająki poruszające się po stronie, czy mam ochotę mieć duplikaty menu? Czy jest coś, co mogę zrobić, aby zasygnalizować pająkowi, że to menu jest na urządzenia mobilne i to jest główne?

Ostateczny powód, dla którego mam 2 różne menu, wynika z lokalizacji, zwykle menu główne znajduje się w jakimś pasku pod logo itp., Ale menu mobilne chcę nad wszystkim, więc nad logo itp.

Howdy_McGee
źródło
1
Dlaczego nie skorzystać z responsywnych zapytań i stworzyć menu position:fixedlub position:absolutedodatkowo większość frameworków, takich jak bootstrap i Zurb Foundation, ma ciągi zapytań, które mogą przenosić elementy w zależności od tego, które urządzenie uzyskuje dostęp do strony ...
Simon Hayter
Jeśli utworzysz 2 menu, to nie będzie responsywne. Responsywne menu używają tej samej <nav>zawartości i inaczej ją stylizują, biorąc pod uwagę konkretny punkt przerwania zapytania medialnego.
hexalys
@hexalys niekoniecznie. Mogę mieć częściowe menu dla „Głównej nawigacji pulpitu”, a następnie „Menu mobilne” z pełniejszą nawigacją, zarówno w przypadku <nav>wyświetlania większej liczby elementów w wersji mobilnej, aby łatwiej było nawigować.
Howdy_McGee
@Howdy_McGee Sure. Ale tak naprawdę nie to opisujesz w pytaniu. Na przykład problem przekształcenia środkowego paska nawigacyjnego w górne lub hamburgerowe menu dla urządzeń mobilnych może być trudny, ale można go rozwiązać poprzez zmiany układu CSS. Udało mi się tutaj: goo.gl/v8HdLD. Jestem tu teraz, ponieważ jestem bardzo zaniepokojony tego rodzaju leniwym podejściem umyślnego biedaka do dwóch tak zwanych wtyczek „responsive menu” dla wordpress oraz ich implikacji pod względem zgodności z wyszukiwarkami, dostępności i wydajności.
hexalys
@hexalys Myślę, że są plusy i minusy; oba mają odpowiednio swoje miejsce, to zależy tylko od sytuacji. Od czasu, gdy o to zapytałem, widziałem więcej łask w jednym menu, ale nie widziałem nic, co mówi, że posiadanie dwóch osobnych menu jest złą rzeczą lub jest zbyteczne w SEO.
Howdy_McGee

Odpowiedzi:

9

Nie masz się czego obawiać. Możesz użyć display: none;do przełączania menu. Wyszukiwarki znacznie lepiej rozumieją JS i CSS.

Tak długo, jak celowo nie próbujesz manipulować, aby uzyskać lepszy ranking. Korzystanie z wyświetlacza: brak; ukrycie dużych bloków tekstu spowoduje karę. Więc jeśli używasz tylko do ukrywania menu pulpitu na telefonie komórkowym i wersecie wizowym, nie jesteś w żadnym niebezpieczeństwie. Spójrz na ten stary wątek z StackExchange:

Jak źle jest używać display: none w CSS?

Google tak naprawdę lubi responsive design i woli osobną witrynę mobilną.

Oto dobry artykuł na temat „ SEO responsywnego projektowania

Sprawdź także ten artykuł / wideo:

Matt Cutts (Google) powiedział, że nie musisz się martwić, że będzie to niekorzystne, związane z SEO, kiedy zastosujesz responsywne podejście do projektowania witryn mobilnych.

dasickle
źródło
1
Większość twoich cytatów i artykułów odnosi się do posiadania responsywnej strony internetowej i mobilnej strony internetowej, co niekoniecznie jest tym, o co proszę (przepraszam za zamieszanie), ale więcej na temat wad / zalet lub korzystania z 2 menu, jedno menu dla telefonu komórkowego menu główne i jedno menu główne na pulpicie. Wygląda na to, że mają 2 menu, a roboty indeksujące czytające kod źródłowy interpretują je osobno.
Howdy_McGee
Były one po to, by wesprzeć moje drugie stwierdzenie dotyczące responsywnego projektowania w ogóle. Dołączyłem dla ciebie kolejny link i jest ich całkiem sporo.
dasickle
1
@dasickle Biorąc pod uwagę to podejście z wieloma menu, podczas wyszukiwania określonej domeny w google (na przykład, po wyszukaniu hasła „warmane”) w wynikach wyszukiwania będzie znajdować się nawigacja tej witryny, czy będzie to miało jakiś wpływ?
Dragos Rizescu
2

Możesz użyć, display: flexa następnie określić alternatywną order: nwartość dla podziałów, która przenosi podział menu powyżej lub poniżej innych podziałów.

Innymi słowy, nie potrzebujesz dwóch menu o tej samej zawartości, jeśli zawsze ukrywasz jedno lub drugie z nich.

RedGrittyBrick
źródło
1

Większość menu mobilnych jest „otwieranych” za pomocą kliknięcia przycisku, zasadniczo otwierając się w oknie modalnym. Jeśli chodzi o stronę internetową spełniającą standardy dostępności - te menu muszą być umieszczone w DOM w sposób przemyślany. Nie wystarczy po prostu użyć jednej NAV w nagłówku i zastosować inny CSS, aby uzyskać pożądany układ (w większości przypadków).

Konkluzja - jeśli twoje menu nie jest początkowo widoczne i nakłada się na resztę treści - prawdopodobnie konieczne będzie umieszczenie wielu elementów nawigacyjnych w różnych pozycjach w DOM (ukrywanie jednego i wyświetlanie drugiego w zależności od wielkości ekranu i pożądania ).

Cody
źródło