SEO: sitio web receptivo y menús duplicados

Cada vez que creo un sitio web receptivo, generalmente creo 2 menús: 1 oculto y utilizado para dispositivos móviles y el otro como el menú principal, luego oculto para mostrar el menú móvil. Siempre que se trata de SEO y arañas que navegan por el sitio web, ¿me critican por tener menús duplicados? ¿Hay algo que pueda hacer para indicarle a la araña que este menú es para dispositivos móviles y que este es el principal?

La razón final por la que tengo 2 menús diferentes se debe a la ubicación, generalmente el menú principal está en algún tipo de barra debajo del logotipo, etc., pero el menú móvil que quiero está encima de todo, por encima del logotipo, etc.

— Howdy_McGee
fuente

¿Por qué no utilizar consultas receptivas y hacer el menú position:fixedo position:absolute, además, la mayoría de los frameworks como bootstrap y zurb foundation tienen pulls de consulta que pueden mover elementos según el dispositivo que está accediendo a la página ...

— Simon Hayter

Si crea 2 menús, eso no responde. Un menú receptivo utiliza el mismo <nav>contenido y le da un estilo diferente dado un punto de interrupción de consulta de medios particular.

— hexalys

@hexalys no necesariamente. Podría tener un menú parcial para una "Navegación de escritorio principal" y luego un "Menú móvil" con una navegación más completa, tanto en la <nav>visualización de más elementos en la versión móvil para que sea más fácil de navegar.

— Howdy_McGee

@Howdy_McGee Claro. Pero eso no es realmente lo que describe en la pregunta. La problemática de transformar una barra de navegación central en un menú superior o de hamburguesa para dispositivos móviles, por ejemplo, puede ser difícil, pero es viable a través de cambios de diseño CSS. Me las arreglé bien aquí: goo.gl/v8HdLD. Y estoy aquí en este momento, porque también estoy extremadamente preocupado por ese tipo de enfoque perezoso del pobre hombre deliberado para dos llamado plugin de "menú receptivo" para WordPress, y sus implicaciones en términos de cumplimiento, accesibilidad y rendimiento del motor de búsqueda.

— hexalys

@hexalys Creo que hay pros y contras; ambos tienen su lugar respectivamente, solo depende de la situación. Desde que pregunté esto, he visto más favores a un solo menú, pero no he visto nada que diga que tener dos menús separados es algo malo o que está en el SEO.

— Howdy_McGee

Respuestas:

No tienes nada de qué preocuparte. Puede usar display: none;para cambiar los menús. Los motores de búsqueda son mucho mejores para comprender JS y CSS.

Mientras no intentes manipular intencionalmente las cosas para obtener una mejor clasificación. Usando la pantalla: ninguno; ocultar grandes bloques de texto te penalizará. Entonces, si solo está usando para ocultar el menú de su escritorio en el móvil y el versículo de visa, no está en peligro. Echa un vistazo a este viejo hilo de StackExchange:

¿Qué tan malo es usar display: none en CSS?

A Google le gusta mucho el diseño receptivo y lo prefiere a un sitio móvil separado.

Aquí hay un buen artículo sobre " SEO de diseño receptivo "

Además, mira este artículo / video:

Matt Cutts (Google), dijo que no tiene que preocuparse de que haya un inconveniente, relacionado con el SEO, al usar un enfoque de diseño receptivo para sitios web móviles.

— dasickle
fuente

La mayoría de sus citas y artículos se refieren a tener un sitio web receptivo y tener un sitio web móvil, lo cual no es necesariamente lo que estoy pidiendo (perdón por la confusión) sino más información sobre las dis / avances o el uso de 2 menús, un menú para un dispositivo móvil menú principal y uno para el menú principal del escritorio. Parece que tiene 2 menús, y los rastreadores que leen el código fuente los interpretan por separado.

— Howdy_McGee

Esos estaban allí para apoyar mi segunda declaración sobre el diseño receptivo en general. Incluí otro enlace en la parte superior para ti y hay algunos de ellos por ahí.

— dasickle

@dasickle Dado este enfoque con múltiples menús, al buscar un dominio específico en google (por ejemplo, buscar "warmane") incluirá en el resultado de búsqueda la navegación de ese sitio web, ¿se verá afectado de alguna manera?

— Dragos Rizescu

Puede usar display: flexy luego especificar un order: nvalor alternativo para las divisiones que mueve la división de su menú por encima o por debajo de otras divisiones.

En otras palabras, no necesita dos menús con el mismo contenido si siempre oculta uno u otro.

— RedGrittyBrick
fuente

La mayoría de los menús móviles se "abren" mediante un clic en un botón, que se abre esencialmente en una ventana modal de algún tipo u otro. Cuando se trata de un sitio web que cumple con los estándares de accesibilidad, esos menús deben colocarse en el DOM de manera deliberada. No es suficiente simplemente usar un NAV en el encabezado y aplicar CSS diferente para lograr el diseño deseado (en la mayoría de los casos).

En pocas palabras: si su menú no es visible inicialmente y se superpone al resto del contenido, probablemente será necesario tener múltiples elementos de navegación ubicados en diferentes posiciones en el DOM (ocultando uno y mostrando el otro dependiendo del tamaño de la pantalla y el deseo) )

— Cody
fuente