Magento 2 Layered Navigation SEO: la guía definitiva

En un panorama empresarial cada vez más competitivo, es imposible imaginar una tienda Magento exitosa sin una navegación intuitiva y fácil de usar.

Menús de varios niveles, mapas del sitio, arquitectura del sitio bien planificada con interconexión inteligente : estos son los componentes esenciales de una mejor usabilidad del sitio web y métricas de conversión más altas.

La navegación en capas también es uno de los aspectos clave de la navegación del sitio.

Además, las páginas que genera este mecanismo tienen una gran capacidad SEO.

Siga leyendo para aprender cómo:

• configure la navegación en capas en su tienda Magento 2 (y omita sus limitaciones predeterminadas),
• planificar la estrategia SEO para las páginas de LN,
• evitar errores comunes de SEO al trabajar con las páginas de este tipo,
• optimizar eficazmente estas páginas para obtener mejores resultados de SEO,
• integrarlos con éxito en la arquitectura de su sitio.

¿Qué es la navegación por capas en Magento 2?

La navegación en capas (también conocida como filtros de categoría , o LN o abreviado) es un conjunto de filtros dinámicos que se pueden ubicar en cualquier página de categoría (y, a veces, en la página de inicio).

Su finalidad principal es ayudar al cliente a clasificar rápidamente los productos en función de los criterios elegidos: precio, material, color, marca, etc. De esta forma, permite evitar la navegación manual por las categorías de la tienda y encontrar al instante la versión deseada de un producto. .

¿Cómo habilitar la navegación en capas en Magento?

Fuera de la caja, Magento viene con la capacidad de filtrar productos en páginas de categorías.

Para habilitar esta funcionalidad, siga las instrucciones a continuación:

1. vaya a Tienda ⟶ Configuración , salte a la sección Catálogo en el menú del lado izquierdo y seleccione el mismo elemento del menú del título allí;
2. en la lista de las opciones abiertas, seleccione Navegación en capas , haga clic para expandirlo,
3. en la configuración que se abre, configure Display Product Count en Yes y Price Navigation Step Calculation en Automatic ,
4. haga clic en Guardar para que los cambios surtan efecto.

* Para configurar aún más la navegación por capas, por ejemplo, para configurar atributos filtrables , consulte estas instrucciones. Para modificar los precios de navegación por capas , consulta esta guía.

Así es como se ven los filtros de categoría predeterminados en la interfaz:

IMPORTANTE

Pero tenga en cuenta que, de fábrica, la plataforma no permite seleccionar simultáneamente varios atributos del mismo tipo. Digamos que es imposible filtrar productos de 2 o más colores, materiales, etc. diferentes , lo cual es bastante inconveniente, especialmente si vende productos altamente personalizables.

Aquí es donde la extensión Layered Navigation de MageWorx resulta útil. Con la extensión, puedes:

• agregue la opción de selección múltiple para permitir que los clientes filtren múltiples atributos,
• habilitar/deshabilitar la selección múltiple para cada atributo del producto individualmente,
• mostrar atributos de LN en páginas de categorías específicas,
• y más.

Haga clic aquí para explorar la extensión.

Así es como funciona el filtrado de categorías optimizado:

Planificación de la estrategia SEO para las páginas de filtro de categoría

Antes de comenzar a redactar un plan de SEO para páginas de este tipo, debe comprender cómo las genera el sistema.

Consideremos un escenario simple: digamos, tenemos una tienda Magento que vende ropa de diferentes marcas en Minneapolis. Llamémoslo www.mystore.com

La tienda tiene alguna extensión de terceros que permite filtrar categorías por toneladas de criterios: marca, diseño, género, color, talla, modelo, precio, etc. De esta forma, cada vez que un cliente filtra categorías, el sistema genera montones de filtrados . páginas con URL no optimizadas .

Digamos que una vez que un cliente ha seleccionado algunos parámetros de filtrado (por ejemplo, 'Color' y 'Precio'), Magento genera una página con los resultados filtrados. La plataforma utiliza los parámetros GET para crear la URL de esta página.

Como resultado, para una categoría filtrada, obtendrá algo como esto:

www.mystore.com/men/shoes.html ?color=23
www.mystore.com/women-tops.html?size=353

Si tiene una extensión que optimiza la navegación por capas y permite que los clientes seleccionen dos o más filtros, esto incluso empeora la situación, ya que obtendrá un montón de URL no optimizadas con múltiples parámetros de filtro: www.mystore.com/men/ pantalones cortos.html?color=49&price=-1000

Además, este tipo de página puede potencialmente generar toneladas de contenido duplicado ya que sus metadatos y descripciones se copian automáticamente desde la página principal de la categoría filtrada.

Y el hecho más importante es que, de forma predeterminada, las páginas de navegación en capas NO están ocultas de la indexación . Lo que significa que potencialmente pueden empeorar el rendimiento de las clasificaciones de su sitio y obstaculizar su progreso de SEO.

A la luz de estos hechos, el primer pensamiento que puede venir a su mente es ocultar todas las páginas de este tipo de Google. Sí, tiene sentido. Pero siempre hay algunas mejores alternativas a considerar.

Comparemos 2 posibles escenarios de SEO para una tienda de este tipo.

Plan A

Como se dijo anteriormente, puede ocultar las páginas de LN de los bots de los motores de búsqueda usando meta robots / configurando etiquetas rel=canonical .

ventajas

Si no tiene tiempo o experiencia en SEO para cuidar estas páginas, este es el camino a seguir. Además, al deshacerse de los filtros de la página de categorías, optimizará el proceso de gestión de productos: le resultará más fácil importar/exportar categorías y sus productos cuando sea necesario.

Contras

Al restringir el acceso a estas páginas, perderá la oportunidad de optimizarlas adecuadamente y obtener una porción adicional de tráfico dirigido.
Además, al descuidar las páginas de filtro de categoría, deberá administrar manualmente los productos dentro de la categoría (por ejemplo, al administrar productos que están en oferta).

Cómo

De forma predeterminada, no hay forma de agregar encabezados meta de robots NOINDEX FOLLOW en Magento, así como establecer etiquetas rel=canonical para ellos o agregarlos a un archivo robots.txt.

La razón de esto es que, de fábrica, la plataforma no genera URL compatibles con SEO para las páginas de LN, y simplemente no puede identificarlas.

Por lo tanto, crear URL bien estructuradas es un paso obligatorio para ubicar y administrar convenientemente estas páginas.

Creación de URL compatibles con SEO para páginas de filtro de categorías

Para agregar dichas URL e implementar las operaciones mencionadas anteriormente, puede usar MageWorx SEO Suite Ultimate para Magento 2.

Con la extensión, puede transformar fácilmente todas las URL de página de LN de esta manera. Aquí está cómo:

1. Ir a Tiendas ⟶ Configuración ⟶ MAGEWORX ⟶ SEO ⟶ SEO Extendido – SEO URLs .
2. Establezca Habilitar para filtros LN en Sí .
3. En el campo Identificador de URL de SEO LN , ingrese un identificador (o cualquier otra letra/número o su combinación) que se asociará con todas las páginas de este tipo; es ' l ' en nuestro caso.

Ahora, todas las URL de nuestras páginas de LN se ven así: www.mystore.com/category/women-tops/l/brand:nike/color:black.html y se pueden ubicar fácilmente por sus URL específicas.

Adición de metaencabezado de robots para páginas de navegación en capas

Eso también se hace con SEO Suite Ultimate.

Primero, debe establecer el recuento mínimo de filtros. Eso es necesario para informar a los motores de búsqueda sobre qué tan profundo pueden profundizar sus rastreadores al rastrear y cuántas capas de filtros de categoría pueden indexar.

Decir,

1. Vaya a Tiendas ⟶ Configuración ⟶ MAGEWORX ⟶ Configuración de SEO Meta Robots y establezca NOINDEX, FOLLOW para Categoría LN Páginas en No .
2. Establezca el número requerido de filtros que le gustaría indexar.

Por ejemplo, establece el número mínimo de filtros en 2. En este caso:

• www.mystore.com/kids-clothes/boys/l/nike-hoodies/color:grey/size:m/material:cotton.html — esta página será excluida del índice de Google, ya que es generada por 4 filtros
• www.mystore.com/eyewear/l/brand:rayben/genger:men.html – y este será indexado, ya que fue filtrado por 2 criterios.

Cuando termine, quédese en esta configuración. Desde aquí, podrá:

• establecer NOINDEX FOLLOW Robots Meta Header para todas las páginas de LN,
• o agregue meta robots específicos para cualquier combinación de filtros LN.

Sigue los pasos:

1. Ve a Tiendas ⟶ Configuración ⟶ MAGEWORX ⟶ SEO . Vaya a la pestaña Base de SEO ⟶ Meta Robots .
2. Establezca el metaencabezado NOINDEX FOLLOW Robots para TODAS las páginas filtradas por categoría : seleccione Sí en el menú desplegable.
3. Agregue meta robots para combinaciones de filtros específicas si desea mantener algunas páginas de LN rastreadas e indexadas, y restringir el acceso a las demás (por ejemplo, indexar, seguir: color, marca: permite que Google rastree las páginas filtradas por los atributos color+marca mientras ignora el otros).

Tenga en cuenta que esta configuración tiene una prioridad mayor que el recuento mínimo de filtros.

Significa que si establece el número de filtros NOINDEX LN en '0' y agrega "index,follow:color" en este campo, la extensión anulará la configuración de conteo de filtros y agregará INDEX, FOLLOW Meta Robots encabezado para páginas LN filtradas por 'color'.

Adición de rel=Canonical para buscapersonas de filtros de categoría

Alternativamente, puede decirle a Google que sus páginas de LN y páginas de categorías son en realidad una y la misma.

Esto se puede hacer con la ayuda de la etiqueta rel=canonical. Puede informar a Google que sus páginas de LN representan la copia maestra de:

• la categoría actual,
• la página filtrada objetivo (por ejemplo, marca).

Si selecciona la opción anterior, Google no indexará ninguna página de filtro de categoría. Mientras que si opta por el último, el motor de búsqueda indexará todas las páginas filtradas por el atributo especificado.

Por ejemplo, si la opción de página filtrada está habilitada, cuando los compradores filtren productos por tipo de tela de color, la etiqueta canónica guiará a Google a /apparel/l/color:red/cloth-type:silk.html.

Para aplicar la etiqueta rel=canonical:

1. Vaya a Tiendas ⟶ Configuración ⟶ MAGEWORX ⟶ SEO ⟶ Configuración de URL canónicas .
2. Salta a estas configuraciones y elige la opción preferida:

Tenga en cuenta que puede sobrescribir esta configuración para cada atributo de producto por separado. Eso puede estar en la configuración "Etiqueta canónica para páginas filtradas por navegación en capas conduce a" que se encuentra en TIENDAS ⟶ Atributos ⟶ Producto ⟶ Atributo ⟶ Propiedades de interfaz .

¡Eso es todo!

¡Uf! ¿Cansado?

¡No te preocupes, estamos a mitad de camino!

Plan B

Si es duro, fuerte e intrépido, puede hacer un esfuerzo adicional y convertir las páginas de LN en páginas (casi) normales y completamente optimizadas .

Eso se puede hacer agregando títulos de página únicos, palabras clave, descripciones, contenido .

Veamos cómo podemos cumplir eso en el ejemplo de nuestra tienda en línea que vende ropa en Minneapolis.

ventajas

Este enfoque puede ser beneficioso para usted de varias maneras:

• si no hay subcategorías en su tienda, las páginas de filtro de categoría pueden realizar su función con éxito,
• estas páginas se pueden optimizar por completo para consultas de búsqueda específicas o de cola larga ; De esta forma, los compradores que busquen “ zapatillas New Balance negras para mujer, talla 35 ” llegarán a una página con resultados muy relevantes.
• cuando están optimizadas, estas páginas pueden ampliar y fortalecer la arquitectura de su sitio,
• Las páginas de LP se actualizan automáticamente junto con los cambios en los atributos del producto.

Contras

Hacer SEO para estas páginas requerirá más tiempo y esfuerzo. Además, si decide importar/exportar datos de estas páginas, será bastante problemático.

Cómo

Esto es lo que se puede hacer para que las páginas filtradas con navegación en capas sean las favoritas de Google.

Dado que la funcionalidad predeterminada de la plataforma no tiene la funcionalidad requerida, deberá recurrir a algunas soluciones de terceros.

Si ya instaló SEO Suite Ultimate, siga trabajando con él: la extensión tiene todas las herramientas para optimizar con éxito las páginas de filtro de categorías.

Si no tiene ninguna extensión SEO de Magento 2, puede considerar una aplicación simple pero muy útil para optimizar grandes cantidades de metadatos para cualquier tipo de página: Metaplantillas SEO de MageWorx.

Haga clic aquí para instalar el complemento.

Una vez que se haya instalado cualquiera de las instancias mencionadas anteriormente, vaya a Marketing ⟶ Plantillas SEO de MageWorx ⟶ Plantillas de filtro de categoría .

Este es el lugar donde podrá generar rápidamente metadatos ( metatítulo, descripción y palabras clave ) para cada página filtrada, así como optimizar la descripción de su tienda .

La extensión le permite crear plantillas avanzadas que le permiten optimizar en masa estos elementos importantes de la página de la manera más amigable para SEO.

Primero, seleccione para qué crear una plantilla.

Una vez seleccionado por un usuario en la interfaz, este atributo activará la creación de una página de LN y esta plantilla se aplicará automáticamente para optimizarla.

Además, desde aquí, puede seleccionar la vista de la tienda para la que funcionará esta plantilla.

En el siguiente paso, seleccione el tipo de asignación . Cada plantilla se puede usar para todas las categorías o solo para las seleccionadas (para seleccionarlas, cambie a la pestaña Categorías en el menú del lado izquierdo).

Además, desde aquí, puedes añadir el nombre de la plantilla (para luego identificarla en la lista de todas las plantillas).

Tenga en cuenta que solo hay una combinación Tipo de plantilla - Vista de la tienda - Categoría - Atributo que está disponible para la categoría de destino.

Las categorías asignadas a diferentes plantillas con las mismas condiciones se mostrarán como Deshabilitadas en el Árbol de categorías.

A continuación, agregue una regla de plantilla .

Agregarlo es la parte más importante del proceso, ya que define cómo se verá la descripción de la tienda del metaelemento elegido.

Por ejemplo, para agregar una meta descripción como esta: Compre zapatos Nike, colección de verano 2018 en la Mejor tienda de zapatos por $ 300 en Minneapolis ', debe:

1. agregue palabras introductorias Comprar, Comprar, Ordenar. Tenga en cuenta que puede agregar una cantidad de sinónimos y usar el aleatorizador (||) entre ellos. Con esta función, la extensión seleccionará automáticamente y de forma aleatoria uno de los sinónimos introducidos. Este enfoque se puede utilizar para otras variables de plantilla, por ejemplo: [-parameters:||-filters: {filter_all}]. El número de bloques de aleatorizadores no está limitado dentro de la plantilla.
2. agregue las variables para [marca] [colección] [nombre de la tienda] [precio] [ubicación].

En algunos casos, puede enfrentar un desafío cuando los valores de los atributos no se completan.

La solución rápida es utilizar la estructura [atributo1|atributo2|atributo3|…].

En el trabajo de esta manera. Digamos que tiene una estructura como [fabricante|marca]. Si utiliza la estructura mencionada anteriormente en la regla de plantilla, la extensión verificará el valor del primer atributo y, si no está disponible, el segundo, el tercero, y así sucesivamente hasta que finalmente encuentre la opción más adecuada.

La estructura [prefijo {atributo} sufijo] se puede utilizar en caso de que el producto tenga algún atributo.

Comprar [awesome {color}] [model] por solo [price] significa que esta estructura se transformará en 'Buy Sketchers On-the-GO'
O 'Compre este increíble Sketchers On-the-GO negro por solo $ 99' si el producto tiene el atributo [color].

A continuación se muestra la lista de las variables de plantilla estáticas y dinámicas:

Además, bajo esta configuración, también puede optar por aplicar esta plantilla a Todos los filtros de categoría o solo a los que tienen los valores Vacío .

Además, puede configurar la aplicación automática de esta plantilla con Magento Cron .

Eso es básicamente todo.

Ahora, vaya a MageWorx SEO Templates ⟶ Category Filter Templates y administre (pruebe, aplique, edite, elimine) todas sus plantillas creadas allí.

IMPORTANTE

De acuerdo con las mejores prácticas de SEO, generalmente se recomienda optimizar un filtro de atributo LN a la vez .

Digamos, si tiene una página de categoría con múltiples atributos, por ejemplo, marca, modelo, color, material, precio. Cuando un cliente los selecciona todos, obtendrá una página filtrada: /l/brand:new=balance/model:sport-g/color:white/material:genuine-leather/price:299.html ).

Páginas como esta funcionarán mejor en SEO si están optimizadas para su atributo principal (marca New Balance en este caso).

Con la extensión, también es posible especificar la prioridad para diferentes atributos de navegación en capas . De esta forma, si una misma plantilla está asociada a varios atributos diferentes, la extensión tomará el que tenga mayor prioridad.

Para establecer la prioridad de los atributos, primero deshabilite la opción habilitada de forma predeterminada 'Usar datos de SEO para un solo filtro' en Tiendas ⟶ Configuración ⟶ MAGEWORX ⟶ SEO ⟶ SEO extendido.

Y ahora, ve a Tiendas⟶ Atributos ⟶ Producto y especifica la posición (cuanto mayor sea la posición, menor será su prioridad).

Línea de fondo

Como puede ver, el proceso de optimización de páginas filtradas por navegación en capas no es tan fácil.

¡Pero definitivamente vale la pena! En lugar de un montón de páginas inutilizables que hacen ruido en su sitio, puede obtener un montón de unidades de sitio web bien estructuradas y con SEO. Todo lo que necesita para lograrlo es un plan detallado y las herramientas adecuadas .

* * * * *

¿Tiene alguna experiencia en la optimización de páginas de filtro de categoría? Siéntase libre de compartir su experiencia en la sección de comentarios a continuación.