Corregir error en los datos estructurados - error detectado Breadcrumb
Con las nuevas actualizaciones de Google search console, se ha presentado una advertencia en el campo Breadcrumb, al realizar un analices en la herramienta de prueba de datos estructurados podemos confirmar la advertenciaEjemplo:
La advertencia que muestra es la siguiente:
- El schema de data-vocabulary.org ha quedado obsoleto y Google ha dejado de admitirlo. Empieza a usar los de schema.org en su lugar.
Algunos temas que presento en mi blog tienen esta advertencia, por lo tanto les recomiendo realizar los respectivos cambios de una forma fácil y segura, puede seguir las siguientes instrucciones:
1.- Ir a Blogger
2.- Un clic en Tema
3.- Un clic en Editar HTML
4.- Busque la siguiente linea de código
<b:includable id='breadcrumb' var='posts'>
5.- Seleccione todo el código Breadcrumb, y elimínelo
6.- Remplace el código eliminado por el siguiente código:
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.pageType == "item"'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' itemscope='itemscope' itemtype='https://schema.org/BreadcrumbList'>
<svg viewBox='0 0 24 24'><path d='M10,20V14H14V20H19V12H22L12,3L2,12H5V20H10Z' fill='#000000'/></svg>
<span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
<a expr:href='data:blog.homepageUrl' itemprop='item' title='Home'>
<span itemprop='name'>Home</span></a>
<meta content='1' itemprop='position'/>
</span>
<svg viewBox='0 0 24 24'><path d='M5.5,9A1.5,1.5 0 0,0 7,7.5A1.5,1.5 0 0,0 5.5,6A1.5,1.5 0 0,0 4,7.5A1.5,1.5 0 0,0 5.5,9M17.41,11.58C17.77,11.94 18,12.44 18,13C18,13.55 17.78,14.05 17.41,14.41L12.41,19.41C12.05,19.77 11.55,20 11,20C10.45,20 9.95,19.78 9.58,19.41L2.59,12.42C2.22,12.05 2,11.55 2,11V6C2,4.89 2.89,4 4,4H9C9.55,4 10.05,4.22 10.41,4.58L17.41,11.58M13.54,5.71L14.54,4.71L21.41,11.58C21.78,11.94 22,12.45 22,13C22,13.55 21.78,14.05 21.42,14.41L16.04,19.79L15.04,18.79L20.75,13L13.54,5.71Z' fill='#000000'/></svg>
<b:loop index='num' values='data:post.labels' var='label'>
<span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
<a expr:href='data:label.url + "?&max-results=16"' expr:title='data:label.name' itemprop='item'>
<span itemprop='name'><data:label.name/></span>
</a>
<meta expr:content='data:num+2' itemprop='position'/>
</span>
<b:if cond='data:label.isLast != "true"'>
<svg viewBox='0 0 24 24'><path d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z' fill='#000000'/></svg>
</b:if>
</b:loop>
<svg viewBox='0 0 24 24'><path d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z' fill='#000000'/></svg>
<span><data:post.title/></span>
</div>
</b:if>
</b:loop>
</b:if>
</b:includable>
7.- Busque el siguiente código:
</style>
8.- Inserte el siguiente CSS justo arriba del código que encontró
/* Breadcrumbs */
.breadcrumbs{line-height:1.6em;background-color:#FFF;padding:12px 14px;margin:7.5px 4px 10px 0;font:bold 12px Arial;color:#666;border:1px solid #DDD;}
.breadcrumbs span a {color:#666;}
.breadcrumbs a:hover {text-decoration:none;color:#3498DB;}
.breadcrumbs svg{width:16px;height:16px;vertical-align:-4px}
.breadcrumbs svg path{fill:#666}
/* END Breadcrumbs */
9.- Es momento de dar un clic en Guardar Tema
Ahora ingrese en la Herramienta de prueba de datos estructurados de Google y notara que no le muestra la advertencia
Si aun no sabe como realizar los cambios, puede ver el siguiente video tutorial creado para blogs de Blogger
Video tutorial
Preguntas frecuentes
Cómo editar el amp-sidebar barra lateral de mi blog en AMP de Blogger¿Cómo publicar una entrada de Blogger correctamente en Amp?
¿Cómo habilitar la plantilla móvil de mi blog de Blogger en AMP?
Cómo configurar los comentarios de Disqus de mi blog en AMP de Blogger
¿Cómo configurar el gadget Related post? de mi plantilla en AMP de Blogger
Invalid Amp Error al crear un nuevo Gadget/Widget en Blogger
¿Cómo agregar Google AdSense en un Widget de Blogger en AMP HTML?
¿Cómo añadir Google AdSense a tus entradas de Blogger en AMP HTML?
Anuncios automáticos AMP de texto y de display
Corregir error en los datos estructurados al configurar en Blogger
Corregir error en los datos estructurados - error detectado Breadcrumb
Cómo editar las meta etiquetas de las plantillas de Blogger en AMP
¿Cómo configurar los datos estructurados de mi blog de Blogger en AMP?
Fácil verdad!
Recuerda suscribirte:
Obtenga nuestro boletín de noticias diario | Suscríbete gratuitamente SUSCRIBIRSE
Comentarios