¿Error en los datos estructurados con el plugin AMP?
A los usuarios de WordPress, el plugin AMP nos permite generar fácilmente la versión AMP de nuestros posts. Sin embargo, el plugin todavía está en fase de desarrollo y, ocasionalmente, puede producir algún error. Este artículo muestra cómo solucionar el error en Schema que Search Console detecta en el logo del editor.
Si seguisteis mis recomendaciones sobre los plugins imprescindibles de WordPress que deberían instalarse, entonces seguramente instalasteis el plugin AMP para WordPress, que genera las páginas en formato AMP para acelerar su descarga y navegación en dispositivos móviles.
El plugin, además, incluye en estas páginas AMP los datos estructurados, en formato Schema, que Google recomienda o requiere y que podemos verificar en su herramienta de prueba de datos estructurados.
Actualmente, este plugin sigue estando en desarrollo como versión beta y puede dar algún problema que, en general, suelen solucionar para la siguiente subversión.
Sin embargo, desde hace varias semanas quizás hayáis observado que la consola de búsqueda (Seach Console) de Google os muestra una incidencia para TODAS las páginas AMP, indicando que el elemento de datos estructurados no es válido:
Search Console identifica el error como “no grave” pero, reconozcámoslo: no nos gusta que nuestras páginas tengan un error, por “leve” que sea.
En el caso que os muestro, para colmo, ha pasado de cero errores a ¡¡48 errores!! en un solo día… “¿pero esto qué es?”, clamamos al cielo.
Lógicamente, no podemos permanecer indiferentes ante tal agravio y seguimos investigando para localizar la fuente del error. Pulsamos en la línea de la incidencia para saber algo más y…
Search Console ha detectado un problema en 48 páginas AMP, de un total de 49, en prácticamente las mismas fechas (¡qué traumático ha resultado el cambio de año!).
A pesar de no ser un error grave, la recomendación de Google no puede ser más clara: corregir el error en los datos estructurados para asegurarnos que esa información salga en los resultados de búsqueda (SERP’s) de Google (concretamente, en los fragmentos enriquecidos u otras extensiones).
Google no tiene que decírnoslo dos veces: creo que todos coincidimos en la importancia de que proporcionemos la máxima información posible para que Google destaque nuestros enlaces en los SERP’s.
Antes de continuar con la identificación y corrección de esta incidencia, una aclaración. Quizás tengáis suerte y en vuestro sitio web no os aparezcan incidencias en casi todas vuestras páginas AMP.
No os confiéis: esto no significa que los datos estructurados de esas páginas estén correctos, sino que el rastreador de Google todavía no ha visitado esas páginas AMP y, por tanto, todavía no ha detectado el error.
El hecho de que todas, o casi todas, las páginas AMP presenten la misma incidencia ya nos guía en su resolución: no es un problema específico y concreto debido al contenido o construcción internos de una página, sino que se debe al proceso mismo de generación de la versión AMP de esa página.
Dicho de otra forma: el plugin AMP no está generando correctamente los datos estructurados requeridos por Google para las páginas AMP.
Esto puede parecer baladí, pero no lo es, puesto que señala al plugin como la causa del error y, por tanto, no tendremos que ir página a página para resolverlo, sino que solo hará falta solucionarlo en el plugin.
Ahora, sigamos obteniendo más detalles sobre este error, pulsando sobre cualquiera de las páginas que se muestran en el listado anterior, obteniendo lo siguiente:
No añade mucho más de lo que ya sabíamos. Podemos consultar la documentación técnica sobre los datos estructurados pero, por experiencia, he encontrado la herramienta de prueba de datos estructurados como la forma más directa para identificar y localizar claramente el error.
La mayoría de las veces, la herramienta nos proporciona más información que la propia documentación técnica y, en cualquier caso, siempre podemos consultar después esta documentación si aún tuviéramos alguna duda.
He aquí el informe de la herramienta de prueba de datos estructurados:
¡Vaya! Resulta que los datos estructurados de esta página AMP no incluyen el logo de la organización que edita y publica este artículo. Un rápido repaso a varias páginas AMP más nos muestra que en todas sucede esto mismo.
Este error me sorprendió muchísimo. Mi tema WordPress solo incluía datos estructurados con microformats (hAtom) y tuve que implementar yo mismo los datos estructurados con Schema. Estaba completamente seguro de haber incluido el logo.
Por si acaso, hice una rápida comprobación y, en efecto, las páginas “normales” incluían el logo. Por tanto, quedaba confirmado que el plugin AMP no estaba incluyendo este dato.
Una rápida búsqueda por Google me mostró que muchos usuarios de este plugin se habían encontrado con este problema. En algunos casos, lo podían resolver a través del escritorio (“dashboard”) de WordPress, cuando su tema tenía soporte Schema y contemplaba la inclusión del logo.
Pero, cuando el tema no lo incluye, la única solución pasa por modificar el código que genera el plugin AMP para incluir la codificación JSON del dato estructurado correspondiente al logo.
Esto podemos hacerlo a través de los filtros de WordPress con el siguiente fragmento PHP (de mi página de servicios como Consultor SEO), que deberemos añadir al final del fichero functions.php de nuestro tema-hijo (también sirve el tema-padre, pero no es lo recomendable):
// Añadir el logo a los datos estructurados de las páginas AMP:
function amp_logo_datos_estructurados( $datos, $post ) {
if ( $post->post_type === 'post' )
{
$datos['@type'] = 'Article';
$datos['publisher']['name'] = 'Antonio Fernández - Consultor SEO • Sevilla & Madrid';
$datos['publisher']['logo'] = array (
'@type' => 'ImageObject',
'url' => 'https://www.afernandezalonso.com/wp-content/uploads/Consultor-SEO-Sevilla-afernandezalonso-150x60.png',
'width' => 150,
'height' => 60
);
return $datos;
}
}
add_filter( 'amp_post_template_metadata', 'amp_logo_datos_estructurados', 10, 2 );
Ahora solo deberéis sustituir en este fragmento los campos name, url, width y height con vuestros propios datos y ya habréis resuelto todos los problemas en Search Console de una atacada.
Tened en cuenta que el rastreador de Google trabaja a su propio ritmo. Por ejemplo, esta solución la apliqué hace casi 2 semanas y, a día de hoy, todavía quedan algunas páginas AMP con esta incidencia, hasta que el rastreador las visite y analice:
Por último, posiblemente futuras versiones del plugin AMP resuelvan esta incidencia (aunque tengo la sospecha de que dependerá del tema que tengamos). En tal caso, cuando aparezca una nueva versión, tan solo tendréis que borrar el anterior fragmento de código PHP y a correr 🙂
¿Te has encontrado con este problema? ¿Pudiste resolverlo con tu tema o utilizaste algún «truco»? Aquí he propuesto una posible solución, pero seguro que hay otras alternativas, ¿cuál has utilizado tú?
Imágenes: freepix, elaboración propia.
hola!
te leo desde hace un tiempo y casi siempre encuentro solucion a mis torpezas con alguno de tus artículos, pero hoy me animo a escribirte y espero no ser molestia.
hay un problema con mi blog y quiero consultarte, si te es posible indicarme una posible solución. soy muy novata y más bien empírica…
Tengo instalado el plugin AMPforWP para generar la versión amp de mi blog. todo funciona de maravilla (segun yo y mi ignorancia) … excepto al darle compartir con facebook.
En algunas entradas sale «pagina no encontrada», en otras carga la entrada con la foto de otra entrada…
como te dije ya busque por todos lados y no encuentro solucion.
Desde ya mil gracias por lo que puedas hacer por esta torpe novata
aca el link de mi blog: https://micomunidadcatolicaglobal.com/?amp
Hola, Laura:
Me alegra que mis artículos te estén resultando tan útiles para tu web.
Acerca de lo que me preguntas, he visitado tu página y observo algunas cosas que no comprendo porqué están pasando.
Así, para mostrar el vesión AMP de una página, en la dirección se añade el texto «/?amp/», cuando solo debería añadir «/amp/». Por alguna razón, el plugin no está nombrando correctamente la página AMP.
Además, observo que los nombres de las páginas en la dirección tiene caracteres extraños, que no son letras (por ejemplo, los dos caracteres finales de «https://micomunidadcatolicaglobal.com/te-invitamos-a-sembrar-con-nosotros%E2%9C%9E%E2%9D%A4%EF%B8%8F» – copia esta dirección en el navegador para verlos).
Estos caracteres adicionales pueden ser los que están provocando el problema que describes. Intenta cambiar la dirección de las páginas web para que no contengan más que letras o números, pero no símbolos gráficos.
Finalmente, el plugin que comentas es muy completo, pero algo complejo de configurar. Quizás debieras plantearte la posibilidad de instalar uno más básico, que también funciona muy bien pero que necesita muy poca configuración: https://wordpress.org/plugins/amp/
Espero que te sea de ayuda.
¡Un saludo!
Me puede decir por que me falla en este sitio web https://porlatarde.club/amp ?
En las paginas normales va bien pero cuando es en alguna categoria como esta https://porlatarde.club/category/icloud/amp/ salen muchos errores??
Saludos
¿Qué plugin estás utilizando?
Buen artículo. Aunque yo en realidad estaba buscando «wordpress tabla de contenido da error amp» porque me da un error de javascript no permitido al usar el plugin Table of Content Plus y el KK no se qué de las estrellitas para las votaciones. El caso es que me da un error de javascript por las estrellitas, pero solo cuando añado la tabla de contenidos. Seguiré buscando. Pero gracias de todas formas por este post. Me ha ayudado a aclarar conceptos. Saludos.
hola tengo el mismo error y modifique el archivo functions.php y me genero error 500
esta es mi pagina
aceropuro.es
Hola, Luis. El error 500 del servidor suele ser difícil de localizar, pues apenas tenemos pistas y habría que mirar los ficheros de logs. En este caso, sin embargo, es probable que hubiera algún error tipográfico en el código. Asegúrate de que todas las comillas y llaves están correctamente balanceados, así como que no hay ningún carácter extraño en medio del código PHP.
Un saludo.
Amigo tus artículos son increíbles y tus respuestas más aún! Muchas gracias por darte el trabajo de responder y ayudar con los errores de los demás.
Yo precisamente tenía el error que comentas, hice los cambios que indicas y quedo a la espera de los resultados.
Muchísimas gracias por tanta información!!!
Gracias a ti, Esteban, por dejar tu comentario 🙂
Me alegro que el artículo y los comentarios te estén ayudando a solucionar los problemas que tenías.
¡Un saludo!
¡Comprobado amigo!
Desactivé el plugin Facebook Instant Articles & Google AMP Pages by PageFrog y los errores desaparecieron.
Un fuerte abrazo.
Me alegro que hayas dado con la solución. También tomo nota 😉 por si alguna vez me encuentro con este problema.
¡¡Un abrazo, amigo!!
Muy buenas,
Al ver tu artículo me ha dado por entrar en Search Console y revisar mi AMP.
Llevaba tiempo sin errores desde que quité un plugin que forzaba SSL para admin con el fin de aumentar la protección de la web.
Y ahora resulta que aparecen de nuevo 3 errores graves:
1_ Etiqueta HTML prohibida
2_ Javascript creado por usuarios en la página
3_ Faltan etiquetas AMP o no son correctas.
He pensado que igual sería por un plugin llamado Async que reduce el javascript y aumenta la velocidad de carga.
Por otra parte, a pesar de tener instalado AMP, la visualización de mi web tiene el mismo aspecto desde un móvil que desde un ordenador. ¿Es esta una de las funciones de AMP o estoy equivocado?
Un fuerte abrazo y muchas gracias por contenido de tal calidad.
Hola, José:
Gracias por dejar tu comentario. Veamos si puedo ayudarte con este problema.
Sobre las plugins que reducen los códigos (sea Javasript, HTML o CSS), la única forma de asegurarse es desactivando el plugin y comprobar qué ocurre. Yo tengo el Autoptimize y no me está dando ningún problema (por ahora), aunque sí que ha tenido conflictos con alguna versión de algunos plugins.
Esos 3 errores que señalar me resultan familiares de haberlos visto hace unos meses y eran debidos al plugin AMP, que resolvieron en una nueva versión, ¿lo tienes actualizado? Si lo tienes actualizado, ¿qué versión de WordPress estás usando? Yo aún no he instalado la última (4.7.1) y sigo con la 4.6.2 hasta estar seguro de que no haya problemas con ninguno de los plugins que tengo (ya me ha pasado de actualizar WordPress y que me fallara alguno). No es lo habitual, pero puede pasar.
Pero, dicho todo esto, he comprobado uno de tus posts («http://www.uptituddigital.com/trastornos-mentales-raros/») en dos herramientas de verificación. Se supone que ambas son iguales (aunque una es de Google y la otra es del propio proyecto AMP), pero así me quedo más tranquilo. En ambas herramientas, la página pasa la prueba sin errores: «https://validator.ampproject.org» y «https://search.google.com/search-console/amp»
Ten en cuenta que, para comprobar la página AMP, debes añadir «/amp» a su dirección, es decir: «http://www.uptituddigital.com/trastornos-mentales-raros/amp». Y con esto ya respondo también a tu última pregunta: puedes ver las páginas AMP desde cualquier navegador y dispositivo añadiendo «/amp» al final. Pero si no lo pones, el descargar la versión completa de la página o la versión AMP depende del navegador, de que reconozca AMP y de su configuración. Es decir, si tienes un dispositivo de poca potencia o baja velocidad de conexión, se supone que el navegador elegirá descargar la versión AMP.
Para terminar, una última posibilidad (y que creo que será lo que te está pasando): tienes el plugin AMP actualizado y sin conflictos con WordPress u otros plugins… pero estás viendo errores detectados hace varias semanas y el rastreador de Google todavía no lo ha vuelto a revisar. He visto casos en que pasó casi un mes desde que un error AMP se resolvió hasta que Search Console lo reflejara en su informe. Como digo, creo que esto es lo que está pasando, porque las herramientas de verificación no detectan ningún error. Quizás puedas acelerarlo pidiéndole a Search Console que rastree de nuevo todo tu sitio web, aunque tampoco esto garantiza que lo haga pronto.
En fin, espero que te haya quedado un poco claro todo esto 🙂
Un abrazo!!
Vaya pedazo de respuesta. Da gusto comentar en tu blog.
Pues mira, tengo actualizado WordPress y AMP, y he caído en la cuenta que instalé hace poco un plugin llamado Facebook Instant Articles & Google AMP Pages by PageFrog. Lo he desactivado, a ver qué ocurre. Te iré informando.
También uso Autoptimize y va genial.
Para concluir, ¿cuando publique un post tengo que añadir el slug /amp al final si quiero que se visualicen en dispositivos móviles? ¿Quiere decir eso que a pesar de añadirlo, en un ordenador seguirá viéndose normal?
Un abrazo fuerte
Jaja, me alegro que la respuesta te haya cundido 😀
No he utilizado nunca esos dos plugins, así que no sé si tendrán algún efecto sobre las páginas generadas por el plugin AMP. De todas formas, el hecho de que las herramientas de verificación no detecten errores parece indicar que no debería haber ningún problema.
Si quieres compartir la URL con el /amp al final, puedes hacerlo, pero no es ése el propósito de la tecnología AMP. Las páginas AMP están disponibles para cuando hagan falta; es decir, si yo estoy en un dispositivo con limitaciones de proceso o de conectividad, puedo configurar el navegador (que sea compatible con AMP) para descargar la página AMP. En otras palabras, no es necesario que proporciones la URL de las versiones AMP de tus páginas, sino que el navegador sabe donde encontrarlas, pero si en un ordenador pones el /amp al final de la URL (como «http://www.uptituddigital.com/trastornos-mentales-raros/amp»), verás la versión AMP, independientemente del dispositivo.
Creo que lo que te preocupa es que tienes versiones AMP de tus páginas, pero que no se ven por ninguna parte. Yo, ahora mismo, no me preocuparía por eso. AMP todavía no está muy extendido, pero su uso irán aumentando a medida que se implante en más sitios, los usuarios empiecen a visitas páginas AMP y Google también empiece a incluir las URL’s con /amp en búsquedas móviles.
Por eso es importante que tu sitio ya tenga soporte AMP, para que Google lo vaya reconociendo y, cuando su uso sea amplio, ya estés preparado.
Espero haber aclarado tus dudas 🙂
Un abrazo!!
Muchas gracias por tus respuestas.
Son de gran ayuda!
Hasta pronto!
Gracias a ti por tus comentarios 🙂
Un abrazo!!
Pingback: Bitacoras.com