23 consejos para dirigir el filtrado de productos de Shopify

23 tips to boss Shopify product filtering

Fondo de filtrado de comercio

En los últimos años, he visto cientos de sistemas de filtrado mal implementados que han llevado a: sobre; bajo; o ninguna indexación en absoluto por los motores de búsqueda - lo creas o no, ¡esto último puede haber sido el mejor resultado para algunas empresas!

La siguiente guía pretende ayudarle a tomar las decisiones correctas en lo que respecta a los filtros de productos. Esboza el enfoque personalizado de Herd para el filtrado de Shopify eCommerce (a veces conocido como faceting). Cubriremos cómo implementar el filtrado de escaparates de Shopify, pero también cómo aprovechar al máximo la oportunidad de los motores de búsqueda orgánica que los filtros de productos pueden producir cuando se implementan correctamente.

El filtrado de comercio en la superficie es simple, pero puede ser más complicado cuando se empieza a incluir factores de SEO, tales como el contenido dinámico, evitando el contenido duplicado, exponiendo los filtros correctos a los motores de búsqueda, y evitando el exceso de rastreo que puede surgir cuando los motores de búsqueda tienen demasiados filtros / combinaciones de filtros para rastrear.

Aquí está una lista de todo lo que vamos a cubrir para ayudarle a jefe de filtrado de productos de una vez por todas:

  1. Colecciones y páginas de listado de productos
  2. Colecciones frente a colecciones filtradas
  3. Arquitectura del sitio para el filtrado
  4. Búsqueda de usuarios y palabras clave para nombrar los filtros
  5. Filtros y etiquetado
  6. Filtros: pares nombre-valor
  7. Utilidad de los filtros
  8. Indexación de filtros
  9. Filtros primarios
  10. Filtros terciarios
  11. Páginas filtradas competidoras
  12. Contenido dinámico para filtros
  13. Establecimiento de un esquema para el contenido de los filtros
  14. Anulación del contenido de los filtros basado en esquemas
  15. Filtros con cero resultados
  16. Filtros con paginación
  17. Desplazamiento infinito con paginación y filtros
  18. Filtros y enlaces internos
  19. Filtros y sitemap.xml
  20. Filtros y robots.txt
  21. Ordenar grupos de filtrado de productos
  22. Filtrado de productos SEO a medida
  23. Filtrado de escaparates de Shopify

Consideraciones a la hora de crear o revisar su sistema de filtrado comercial

Para un sistema de filtrado de comercio robusto y optimizado para los motores de búsqueda, aquí tienes todo lo que necesitas saber:

1. Colecciones y páginas de productos

Si eres nuevo en Shopify, piensa en las colecciones como una forma de organizar los productos en grupos lógicos. Es posible que hayas visto las colecciones como páginas de listado de productos (PLP).

Para ayudar a la usabilidad de las PLP, los filtros (o facetas) se utilizan comúnmente en el mundo del comercio para ayudar a los usuarios a acceder rápidamente a un subconjunto de productos en una página determinada mediante la interacción con casillas de verificación, controles deslizantes, o similares. Estos filtros suelen estar a un lado de los listados de productos (en ordenadores de sobremesa), o encima de una lista de productos (en dispositivos móviles).

2. Colecciones frente a colecciones filtradas

¿Necesito una colección o un filtro? Es importante considerar si se debe utilizar una colección de Shopify, en lugar de un filtro en una colección existente.

Una buena manera de hacer la distinción es considerar si un grupo potencial de productos se expresaría mejor como un atributo de un grupo de productos, en lugar de un grupo separado de productos (colección) - por ejemplo, camisas = colección, camisas azules = filtro aplicado a una colección de camisas. Tenga esto en cuenta cuando considere nuevas colecciones, nuevos filtros, o ambos.

Nota: El género nos lanza una bola curva - ¿deberíamos filtrar nuestra colección utilizando un filtro de: hombre, mujer, niño, niña, etc.? ¿O sería mejor crear colecciones únicas para: camisetas de hombre, camisetas de mujer, etc. (eliminando la necesidad de filtrar por género)?

La respuesta depende en gran medida del número potencial de productos dentro de cada colección, y de cómo sus visitantes esperan poder navegar por su sitio (comenzando su viaje con el género frente al producto).

3. Arquitectura del sitio para el filtrado

Para que cualquier sitio web tenga éxito, es fundamental contar con una arquitectura del sitio(AI) bien estructurada, sobre todo para que las áreas del sitio sean fáciles de explorar a través de la navegación. También hay que tener en cuenta qué secciones del sitio pueden crear filtros duplicados no deseados, y evitar enlazar con ellas dentro de la arquitectura del sitio (véase también: páginas filtradas competidoras).

4. Búsqueda de usuarios y palabras clave para nombrar los filtros

Antes de crear cualquier filtro de producto, asegúrese de que ha hecho los deberes sobre cómo busca la gente sus productos. ¿Sabe cuáles son las variaciones de palabras clave de cola larga para cada uno de sus grupos de productos?

Puede parecer obvio, pero crear filtros o encabezados de grupos de filtros sin tener en cuenta las convenciones de nomenclatura puede ser más perjudicial que beneficioso. Tómese su tiempo para elegir las palabras clave adecuadas para los atributos de filtro primario y terciario, así como sus posibles pares nombre-valor.

5. Filtros y etiquetado

El filtrado en Shopify se basa en el etiquetado de productos / configuración de proveedores. El filtrado de tu comercio electrónico sólo será tan bueno como la gestión de tu inventario de productos, así que dedica algún tiempo a considerar cómo vas a etiquetar los productos.

6. Filtros: pares nombre-valor

El filtrado de comercio suele basarse en pares nombre-valor que se pasan en una cadena de consulta URL, por ejemplo, /collections/all?filter-name=filter-value. El inicio de la cadena de consulta se indica con el signo de interrogación dentro de la URL.

Asegúrese de haber dedicado tiempo a la investigación de palabras clave antes de establecer los títulos de los grupos de filtros, los nombres de los filtros y los valores de los filtros.

7. Utilidad de los filtros

En primer lugar, todos los filtros deben servir para algo. Deben ayudar al usuario a acotar una colección de productos para encontrar lo que busca en función de los criterios de filtrado. Algunos filtros también deben ser utilizables / rastreables / indexables desde el punto de vista de un motor de búsqueda (véase la indexación de filtros más adelante). Si un filtro no sirve para nada, no reduce los resultados o no ayuda al usuario, es muy probable que sea redundante.

8. Indexación de filtros

No todos los filtros son iguales. Algunos tendrán muchas más oportunidades y volumen de búsqueda, mientras que otros tendrán poco volumen de búsqueda, pero ayudarán a la usabilidad (útil una vez que haya atraído visitantes a su sitio). Existe el argumento de que debería restringir la indexación de todos los filtros por defecto y, a continuación, exponer los filtros seleccionados en función de la oportunidad de búsqueda y del tipo de filtro primario y terciario.

Para entender la diferencia entre filtros primarios y terciarios, véase más abajo:

9. Filtros primarios

Es importante distinguir qué puede ser un filtro primario. Por lo general, cabría esperar que cualquier colección con un filtro primario aplicado fuera apropiada para su inclusión en la indexación de los motores de búsqueda, y es probable que tenga intención de usuario / volumen de búsqueda para esa combinación de nombre / valor de filtro, por ejemplo, "camisas azules".

10. Filtros terciarios

Suelen ser filtros importantes para la usabilidad, pero no tanto desde el punto de vista de los motores de búsqueda. Un ejemplo típico de filtro terciario puede ser "precio": en este caso, es menos probable que un usuario busque "£50 camisas" (filtro terciario) que "camisas azules" (filtro primario). Si el filtro tiene muy poco volumen de búsquedas, pero es importante para los usuarios, es probable que desee clasificarlo como filtro terciario (a veces denominado filtro secundario) y excluirlo del rastreo y la indexación por parte de los motores de búsqueda.

Consejo: los filtros primarios / terciarios pueden diferir en función del tipo de producto / colección, por ejemplo, "anchura" para una colección de televisores puede ser un filtro primario adecuado, mientras que para una colección de marcos de fotos, un mejor filtro primario sería "tamaño", por ejemplo, /colecciones/tv?width=55 frente a /colecciones/marcos de fotos?size=6x4

11. Páginas filtradas competidoras

El despliegue de filtros en todo el sitio puede dar lugar inadvertidamente a una canibalización (dos o más de sus páginas compiten en los motores de búsqueda por la misma intención de búsqueda). Tenga en cuenta que las combinaciones de filtros en diferentes áreas de su sitio web producen páginas de resultados de productos iguales o similares, por ejemplo, colección de marcas + filtro aplicado frente a colección de productos + marca aplicada: no son lo mismo desde el punto de vista de los motores de búsqueda. Serán tratadas como páginas únicas que compiten en los resultados de búsqueda, a menos que tome las medidas necesarias para evitarlo.

12. Contenido dinámico para filtros

Para ofrecer a los usuarios la mejor experiencia posible al interactuar con los filtros, recomendamos ajustar el contenido de la página resultante al interactuar con los filtros. Esto también da las mejores señales posibles a los motores de búsqueda respecto al contenido de una página filtrada. Los elementos del contenido de la página que deberían ajustarse mediante programación son los siguientes (ejemplos utilizando un filtro de "azul" aplicado a nuestra colección de camisas de hombre):

  • Título de la página - importante para los motores de búsqueda, y dirigido por el elemento </em>. Por ejemplo, <em><title>Camisas para hombre | Su marca se convierte en Camisas azules para hombre | Su marca O Camisas azules para hombre | Su marca.
  • Meta descripción - configure dinámicamente su descripción para ayudar con las tasas de clics de los motores de búsqueda. Por ejemplo, se convierte en
  • Encabezado - probablemente sea el

    de su colección filtrada, por ejemplo,

    Camisas para hombre

    se convierte en

    Camisas azules para hombre

    .

  • Punto de contenido: da a los usuarios y a los motores de búsqueda una buena idea de lo que pueden esperar de su colección filtrada. Por ejemplo, Camisas de hombre para todas las ocasiones y en todos los estilos. De informales a formales, de manga larga o corta, seguro que tenemos lo que necesitas en nuestra gama de camisas para hombre. se convierte en Camisas azules para hombre para toda ocasión, y en todos los estilos. De informales a formales, de manga larga o corta, seguro que tenemos lo que necesita en nuestra gama de camisas azules para hombre.

Recuerde un esquema de filtros para establecer el orden de concatenación de los nombres de sus colecciones y filtros.

Nota: es probable que necesites ayuda de tu equipo de desarrollo en este punto cuando configures mediante programación elementos de página basados en selecciones de filtros.

13. Establecer un esquema para el contenido del filtro

Esta es un área que a menudo se pasa por alto a la hora de filtrar y manejar programáticamente el contenido. Un esquema le permite establecer mediante programación los elementos de sus páginas que cambiarán en función de los filtros que se apliquen. No se debe subestimar la cantidad de investigación necesaria para establecer esquemas predeterminados para diferentes colecciones en grandes sitios web de comercio electrónico.

Como mínimo, piense en el orden de precedencia de los filtros y los nombres de las colecciones, por ejemplo, + frente a + . El orden correcto puede ser obvio gramaticalmente. Si no es así, déjese guiar por la intención del usuario o los volúmenes de los motores de búsqueda.

Consejo: tenga cuidado con el contenido impulsado dinámicamente para las colecciones / filtros de género y color, y el orden en que se concatenan. En nuestro ejemplo anterior, + , que da como resultado Camisas de hombre azules, no es lo más adecuado y podría meterte en un lío involuntario con determinados filtros de color. Una opción mejor sería: : , con el resultado Men's Shirts: Azul - esto podría mejorarse aún más anulando el esquema de filtro por defecto, donde lo ideal sería insertar el valor del filtro de color entre ver más abajo.

14. Anulación del contenido del filtro controlado por el esquema

Tener un esquema por defecto para establecer el orden de los valores de filtrado en los elementos de la página es un gran comienzo. Como hemos visto, no siempre es óptimo y puede que queramos anular el esquema por defecto para: títulos de página, descripciones, encabezados o puntos de contenido, sustituyendo por elementos que han sido creados a mano.

Esto nos da la oportunidad de abordar el dilema género / color, colección / filtro anterior para : >filtro<, se implementan dentro de las etiquetas xtagstartzhead> del código fuente. Las mismas reglas se aplican a las páginas filtradas con paginación y a evitar el contenido duplicado junto con el desplazamiento infinito.

Los filtros deben ser anclas rastreables para que sean fáciles de seguir por los motores de búsqueda (donde nosotros queramos). Para evitar un rastreo / indexación excesivos de los filtros, considere el punto en el que los filtros concatenados aportan valor desde el punto de vista de la búsqueda. Lo siguiente puede utilizarse como regla general, pero puede variar en función de sus productos:

  • Ningún filtro seleccionado - todos los filtros primarios deben ser rastreables / indexables (cada opción de filtro primario ancla)
  • 1 filtro seleccionado - con un filtro seleccionado, añada un rel="nofollow" a todos los demás anclajes de filtro, a excepción de los filtros de segundo nivel que haya decidido exponer a los motores de búsqueda
  • Exposición de filtros de segundonivel: basándose en su investigación de palabras clave de filtro, es posible que haya resaltado algunos filtros de segundonivel específicos que le gustaría exponer a los motores de búsqueda para su indexación, por ejemplo, + + , lo que da como resultado: Camisas de hombre de algodón azul. En este caso, no añada rel="nofollow" a estos anclajes.
  • 2+ filtros seleccionados - con dos o más filtros seleccionados, añada un rel=" nofollow " a todos los demás anclajes de filtro
  • filtros terciarios nofollow - para los filtros terciarios que queremos evitar que se añadan al índice, añada un rel=" nofollow " a los anclajes del grupo de filtros terciarios. Recuerde, los filtros terciarios son más para usabilidad que para satisfacer la intención de búsqueda.

Consejo: intente evitar los sistemas de filtrado que dependen en gran medida de JavaScript o que no proporcionan anclajes html para las opciones de filtrado. Un buen punto de partida es permitir el rastreo / indexación de los filtros primarios sólo hasta un nivel de profundidad.

19. Filtros y sitemap.xml

El sitemap. xml de Shopify que puede ser enviado a los motores de búsqueda no incluirá URLs filtradas. Nuestro sistema de filtros seo supera esto extendiendo tu sitemap_collections_1. xml para solicitar que las URLs apropiadas sean indexadas por los motores de búsqueda junto con las reglas de indexación de filtros que configuraste anteriormente.

20. Filtros y robots.txt

Históricamente, no existía la opción de editar el robots.txt de Shopify. Esto causaba problemas en términos de indexación de filtros más allá de 1 nivel de profundidad debido a la regla Disallow: /collections/*+* en el archivo robots por defecto de Shopify.

Afortunadamente, ahora es posible editar el archivo robots.txt de Shopify a través del archivo robots.txt.liquid. Tendrá que hacer esto para exponer los filtros para la indexación por los motores de búsqueda - recuerde hacerlo con cuidado.

21. Ordenar grupos de filtrado de productos

Cuando esté satisfecho con sus grupos de filtros, filtros y convenciones de nomenclatura, un último paso es considerar el orden en el que desplaza sus grupos de filtros. Una opción sensata es ordenar los grupos de filtros por prioridad descendente, dando preferencia a los filtros importantes (primarios) que tienen más posibilidades de búsqueda y que se utilizarán con más frecuencia.

22. Implementar filtros de productos SEO a medida

Con todo lo que has aprendido hasta ahora, deberías estar en posición de implementar un sistema de filtrado de productos a medida. La implementación real requerirá experiencia en codificación en Liquid (el lenguaje de plantillas de Shopify), y JavaScript, junto con algo de gestión de inventario de productos.

Herd utiliza una combinación de etiquetado de productos

con Metafields en Shopify, incorporando todo lo anterior en una solución robusta y preparada para SEO que le permite:

  • Indexar selectivamente los filtros que necesites
  • Optimizar los metadatos en función del filtro seleccionado
  • Crear contenido a medida para los filtros
  • Añadir imágenes personalizadas en función del filtro seleccionado
  • Añadir URLs filtradas a los sitemaps XML de Shopify
  • Y mucho más...

Obtenga más información sobre nuestra solución de filtrado de productos a medida para Shopify.

23. Implementar el filtrado de escaparates de Shopify

El filtrado de escaparates es una característica relativamente nueva disponible para los temas de la Tienda Online 2.0. Una vez que hayas comprobado que tu tema es compatible con el filtrado, podrás aprovechar el filtrado de productos listo para usar junto con la búsqueda y el descubrimiento personalizados a través de la aplicación de Shopify.

Para implementar el filtrado en tu tienda Shopify, necesitarás usar una combinación de Liquid y JavaScript. Tendrás que crear elementos de formulario que permitan a los usuarios seleccionar los criterios de filtrado, utilizar Liquid para consultar la tienda Shopify en busca de productos que coincidan con los criterios seleccionados, y utilizar JavaScript para actualizar el escaparate con la lista de productos filtrados.

Nota: en la actualidad, estará limitado a 5 filtros predeterminados y 20 filtros personalizados mediante el filtrado del escaparate.

Filtros por defecto

Los filtros predeterminados del escaparate están disponibles para los productos: disponibilidad, precio, vendedor, tipo de producto y etiquetas.

Filtros personalizados

Los filtros personalizados se pueden crear a partir de las opciones de variante de producto, o con Metfields. Por ejemplo, si usted vende ropa con diferentes variantes para el tamaño, entonces usted puede agregar un filtro para el tamaño.

Nuestra solución se encarga de todo lo anterior, con la seguridad de que su sistema de filtrado es muy rápido y está optimizado para que los motores de búsqueda lo descubran y lo indexen.

Reflexiones finales

Shopify tiene algunas grandes características SEO incorporadas. Dicho esto, ten en cuenta que con todas las plataformas SaaS (incluyendo Shopify), es probable que encuentres matices. El filtrado de productos ha sido uno de esos matices durante bastante tiempo, pero con la llegada del filtrado de tiendas, las cosas están mejorando. Ahora, es posible implementar filtros de producto robustos en Shopify, sin la necesidad de excesivas soluciones o soluciones a medida. Mantén los consejos anteriores en mente para dirigir filtros de producto, y estarás bien encaminado para hacer crecer aún más la visibilidad orgánica.

¿Listo para dar los siguientes pasos con tu SEO? Lee nuestros 22 consejos de SEO para tu tienda en Shopify. ¿Necesitas ayuda? Ponte en contacto con nuestra manada de expertos en marketing de rendimiento para mejorar tu visibilidad orgánica en Shopify.

Sobre el autor

Gareth Allen

Gareth Allen, Managing Director

Gareth launched Herd in June 2013 and is our resident commerce guru, specialising in Shopify Plus and SEO.
With over 18 years' industry experience, he has worked with a wide range of brands, from local businesses to large corporates and global eCommerce retailers helping to drive performance and business growth.

growing shopify giants

¿Listo para hablar?

¿Busca aumentar los visitantes, las ventas y los ingresos? Estamos aquí para ayudar.

Descubra cómo generar resultados medibles con nosotros, su socio de crecimiento.

Teléfono: 01482 256300 Correo electrónico: hello@herd.io
Ponerse en contacto