Arreglar Shopify Breadcrumbs - esquema de data-vocabulary.org obsoleto

Las advertencias abundan en enero (el esquema de data-vocabulary.org está obsoleto), los errores amarillos en Google Search Console y la amenaza de que no haya más rutas de navegación enriquecidas en los resultados de búsqueda.

Puede probar si su sitio web tiene el problema ingresando una subpágina con ruta de navegación schema.org en las pruebas de Google herramienta: https://search.google.com/structured-data/testing-tool#

esquema de data-vocabulary.org obsoleto consola de búsqueda de Google shopify

Cómo corregir el esquema de data-vocabulary.org obsoleto en Shopify breadcrumbs

El código de migas de pan en Shopify se encuentra en la sección de fragmentos, en breadcrumb.liquid:

Shopify ubicación del archivo de los fragmentadores de ruta en el administrador

El código de ruta de exploración original de Shopify que probablemente tendrá (si tiene este error) contendrá las siguientes referencias:

Una declaración de tipo de elemento de que se trata de un esquema de ruta de navegación:

Una referencia a la URL de la página:

Una referencia al título de la página: {{'general.breadcrumbs.home' | t}}

La forma más sencilla de actualizar este código a un formato aceptable es utilizar el esquema de microdatos.

Puede encontrar el código de ejemplo en el sitio de schema.org aquí, que muestra que necesita datos para la URL, el título Y la posición de la página en la lista de rutas de navegación:

ejemplo de microdatos de esquema de listitem

Reemplazar el código existente con el nuevo formato puede diferir según el tema, pero primero le daré los principios generales, seguidos de mi código de ejemplo como referencia.

Actualización de su código: tipo por tipo

Así que voy a repasar cada campo de datos que requiere schema.org y observar cómo ha cambiado y cómo podemos implementarlo en Shopify.

1. Declaración de la lista de ruta de navegación de Schema.org

Las migas de pan suelen estar en formato de lista html, y se recomienda una lista ordenada (pero no es obligatorio ya que estamos usando la posición).

Para iniciar el marcado, queremos declarar que estamos creando una lista de ruta de navegación, envolviendo todos los elementos de ruta de navegación dentro de una lista principal, usando este código:

Y recuerda, habrá un final etiqueta requerida al final.

Esto debe agregarse dentro de los divs principales que se usarán para diseñarlos, en mi ejemplo es:

Entonces, en mi ejemplo, agregaría el

Paso 1: agregue la referencia de ruta de navegación en la lista ordenada html como se mencionó anteriormente.

2. Eliminación de referencias individuales de vocabulario y datos de ruta de navegación

Ahora que todos los datos están envueltos en una lista que declara que es una lista de ruta de navegación, no necesitamos etiquetas individuales en cada elemento.

En la sección que pone Código Github utilizado por muchos aquí, cada referencia de página individual está envuelta en el siguiente div:

{{collection.title}}

Así que ahora podemos eliminar línea.

Paso 2: elimine los divs mencionados anteriormente.

3. Agregar cada elemento de la lista

En cada caso en el que eliminamos un DIV en la sección anterior, ahora necesitamos agregar una etiqueta de elemento de lista para cada uno de ellos.

Queremos declarar que cada uno de ellos es un elemento dentro de la lista principal, y lo hacemos envolviéndolos en el siguiente código de lista:

{{collection.title}}

Como puede ver el Las etiquetas envuelven los datos de las URL.

Paso 3: envuelva los elementos de la lista individual en

4. Reemplace las etiquetas de datos con un nuevo marcado

Los microdatos no usan las mismas etiquetas que el vocabulario de datos, necesitamos actualizar los nombres de URL y Nombre de página.

Los datos antiguos están etiquetados con url para la URL de la página, y título para el nombre de la página:

{{collection.title}}

Ahora necesitamos reemplazar url con íty reemplazar título con nombre , al igual que:

{{collection.title}}

Paso 4: Reemplace las etiquetas de datos para la URL y el título como se mencionó anteriormente.

5. Agregar posición para cada artículo

La última referencia requerida en Microdata schema.org para migas de pan es la posición en la lista de cada elemento.

Afortunadamente, en Shopify no hay subcategorías o subcategorías, por lo que las opciones de posición no son tan extensas.

Debe agregar el código de posición justo antes de las etiquetas de cierre / raw] en cada lista de elementos. La posición de la página de inicio es siempre 1, por lo que puede agregarla al código de referencia superior de esta manera: [raw]

La posición de la página de la colección es siempre 2, y la producto La posición de la página es 2 (si no hay una colección en las rutas de exploración) o 3 (si hay una referencia de la colección en las rutas de exploración).

Se agregan de la misma manera que la posición de la página de inicio.

Paso 5: agregue la posición para cada elemento como se describe arriba

El código completo de Shopify Breadcrumb de ejemplo

He subido el ejemplo de código completo en Google Drive aquí.

Recuerde que es posible que esto no funcione correctamente al 100% para su tema.

Debería ayudarlo a tener una idea de cómo se ven los datos estructurados válidos y ajustar su plantilla en consecuencia.

Si necesita ayuda con esto o cualquier otro SEO problemas, entonces puedes enviarme un correo electrónico a [correo electrónico protegido], mis servicios de consultoría SEO Ayude a empresas como la suya a mejorar su tráfico en Google y otros motores de búsqueda.

Puede ver los resultados de mis últimos clientes aquí.

¿Qué tan útil fue esta publicación?

¡Haz clic en una estrella para calificarla!

Puntuación media 4.5 / 5. Recuento de votos: 2

No hay votos hasta ahora! Sé el primero en calificar esta publicación.

Lamentamos que esta publicación no haya sido útil para usted!

¡Mejoremos este post!

Cuéntanos cómo podemos mejorar esta publicación?

Matt Jackson

Especialista en SEO de comercio electrónico, con más de 8 años de experiencia a tiempo completo analizando y arreglando sitios web de compras en línea. Experiencia práctica con Shopify, Wordpress, Opencart, Magento y otros CMS.
¿Necesitas ayuda? Envíeme un correo electrónico para obtener más información, en [correo electrónico protegido]

Este mensaje tiene 0 Comentarios

Deje su comentario.

Su dirección de correo electrónico no será publicada. Los campos necesarios están marcados *