SEO - чуйний веб-сайт і копії меню

Кожен раз, коли я створюю чуйний веб-сайт, я зазвичай створюю 2 меню: 1 приховане та використовується для мобільних пристроїв, а інше відображається як головне меню, а потім приховане для показу мобільного меню. Щоразу, коли мова заходить про SEO та павуків, які переглядають веб-сайт, мені приїжджають зубріння за те, що вони дублюють меню? Чи можу я щось зробити, щоб вказати павуку, що це меню для мобільних пристроїв, і це головне?

Кінцева причина, чому я маю 2 різних меню, полягає в розташуванні, як правило, головне меню знаходиться в якомусь рядку під логотипом і т. Д., Але мобільне меню, над яким я хочу зверху, все над логотипом і т.д.

— Howdy_McGee
джерело

Чому б не використати відповіді на запити та скласти меню, position:fixedабо position:absolute, крім того, у більшості фреймів, таких як завантажувальна програма та фундамент zurb, є тягнення запитів, які можуть переміщувати елементи на основі того, який пристрій переходить на сторінку ...

— Simon Hayter

Якщо ви створите 2 меню, це не чуйно. Меню, що реагує, використовують один і той же <nav>вміст і по-різному стилюють його, враховуючи певну межу межі запиту.

— hexalys

@hexalys не обов'язково. Я міг би мати часткове меню для "Основної навігації по робочому столу", а потім "Мобільного меню" з більш повною навігацією, як у <nav>просто відображенні більшої кількості елементів у мобільній версії, так що легше орієнтуватися.

— Howdy_McGee

@Howdy_McGee Звичайно. Але це не зовсім те, що ви описуєте в питанні. Наприклад, проблематика перетворення середнього навігаційного меню у верхнє або гамбургерне меню для мобільних пристроїв може бути важкою, але працює під силу зміни макета CSS. Тут мені вдалося нормально: goo.gl/v8HdLD. І я зараз тут, бо мене також надзвичайно турбує такий тип навмисного ледачого підходу для двох так званих плагінів "адаптивного меню" для wordpress та їх наслідки щодо відповідності їх пошуковій системі, доступності та продуктивності.

— hexalys

@hexalys Я думаю, що є плюси і мінуси; обидва мають своє місце, відповідно це просто залежить від ситуації. Оскільки я просив це, я бачив більше прихильності до одного меню, але я не бачив нічого, що говорить про те, що два окремих меню - це погано, або що він випивається в SEO.

— Howdy_McGee

Відповіді:

Вам нема про що турбуватися. Ви можете використовувати display: none;для перемикання меню. Пошукові системи набагато краще розуміють JS та CSS.

Поки ви навмисно не намагаєтесь маніпулювати речами, щоб отримати кращий рейтинг. Використання дисплея: немає; щоб приховати великі блоки тексту, ви отримаєте штраф. Тож якщо ви використовуєте лише для приховування меню свого робочого столу на мобільних та візових віршах, вам нічого не загрожує. Погляньте на цю стару тему від StackExchange:

Наскільки погано використовувати display: none в CSS?

Google насправді дуже любить чуйний дизайн і надає перевагу окремому мобільному сайту.

Ось гарна стаття на тему " SEO чуйного дизайну "

Також перегляньте цю статтю / відео:

Метт Куттс (Google) заявив, що вам не доведеться турбуватися про те, що існує нижня сторона, пов’язана з SEO, коли ви використовуєте чуйний підхід дизайну для мобільних веб-сайтів.

— дасикль
джерело

Більшість ваших цитат та статей стосуються наявності чуйного веб-сайту та веб-сайту для мобільних пристроїв, що я не обов'язково прошу просити (вибачте за плутанину), але більше про недоліки / використання 2 меню, одне меню для мобільного телефону головне меню і одне для головного меню робочого столу. Схоже, що є 2 меню, і сканери, читаючи вихідний код, інтерпретували б їх окремо.

— Howdy_McGee

Вони були там, щоб підтримати моє друге твердження про чуйний дизайн взагалі. Я включив ще одне посилання зверху для вас, і їх досить багато.

— dasickle

@dasickle З огляду на такий підхід з кількома меню, під час пошуку певного домену в google (наприклад, пошук у "warmane") він включить у результати пошуку навігацію на цьому веб-сайті, чи вплине це будь-якими способами?

— Драгош Різеску

Ви можете скористатись, display: flexа потім вказати альтернативне order: nзначення для підрозділів, яке переміщує розділ меню вище або нижче інших підрозділів.

Іншими словами, вам не потрібно два меню з однаковим вмістом, якщо ви завжди ховаєте те чи інше.

— RedGrittyBrick
джерело

Більшість мобільних меню "відкриваються" за допомогою натискання кнопки, фактично відкриваючись у тому чи іншому модальному вікні. Якщо мова йде про веб-сайт, що відповідає стандартам доступності - це меню потрібно розміщувати у DOM навмисно. Для досягнення потрібного макета (у більшості випадків) недостатньо просто використовувати один NAV у заголовку та застосувати різні CSS.

Підсумок - якщо ваше меню спочатку не видно і накладає решту вмісту, - ймовірно, буде потрібно, щоб у DOM було розміщено декілька елементів наві в різних положеннях (приховування одного та показ іншого, залежно від розміру екрана та бажання ).

— Коді
джерело