Cuál es la mejor forma de analizar problemas con Accelerated Mobile Pages

Lunes, 19 de septiembre del 2016

Cuando #AMPlifiques (#AMPlify) tu sitio con Accelerated Mobile Pages, es importante que vayas consultando periódicamente el estado de validación de las páginas AMP, ya que solo las válidas serán aptas para mostrarse en la Búsqueda de Google.

Al implementar AMP, en ocasiones las páginas contienen errores que hacen que la Búsqueda de Google no las indexe. Las páginas también pueden contener advertencias, que corresponden a prácticas no recomendadas o que se van a convertir en errores en un futuro.

Google Search Console es una herramienta que te permite comprobar en qué páginas AMP ha detectado errores Google. Cuando sepas qué URLs están experimentando problemas, podrás utilizar las herramientas prácticas que te ofrecemos a continuación para comprobar más fácilmente los detalles del error de validación.

Herramientas para desarrolladores en el navegador

Para utilizar las herramientas para desarrolladores para la validación, sigue estos pasos:

  1. Abre la página de AMP en el navegador.
  2. Añade #development=1 a la URL; por ejemplo, https://localhost:8000/released.amp.html#development=1.
  3. Abre la consola Chrome DevTools y comprueba si hay errores de validación.

Los errores se mostrarán en Developer Console de una forma similar a esta:

Extensiones de AMP para navegadores

Con las extensiones de AMP para navegadores (disponibles para Chrome y Opera), puedes identificar y depurar rápidamente las páginas AMP no válidas. Al examinar tu sitio, la extensión analizará todas las páginas AMP visitadas y dará una indicación de la validez de cada una de ellas. En la siguiente tabla se muestran los diferentes iconos que pueden mostrar las extensiones según la validez de las etiquetas AMP.

El icono rojo de AMP indica que el documento AMP no es válido. Si una página AMP contiene errores, el icono de la extensión se mostrará de color rojo y se indicará el número de errores detectados.
El icono verde de AMP indica que el documento AMP es válido. Si una página AMP no contiene errores, el icono se mostrará de color verde y se indicará el número de advertencias, si es que hay alguna.
El icono azul de AMP indica la variante HTML de AMP si se hace clic. Si la página no es AMP pero en ella se indica que hay una versión de AMP disponible, el icono se mostrará de color azul con un icono de enlace. Al hacer clic en la extensión, el navegador se redirigirá a la versión de AMP.

Al utilizar las extensiones, podrás ver qué errores o advertencias tiene la página haciendo clic en el icono de extensión. En cada problema se muestra la línea original, la columna original y un mensaje que indica cuál es el problema. Cuando haya una descripción más detallada del problema, aparecerá un enlace "Más información" que te llevará a la página correspondiente de ampproject.org.

Validador web de AMP

El validador web de AMP, disponible en validator.ampproject.org, ofrece una interfaz web sencilla para probar la validez de tus páginas AMP.

Para utilizar la herramienta, introduce una URL de AMP, o copia y pega el código fuente, y el validador web mostrará mensajes de error entre las líneas. Puedes realizar modificaciones directamente en el validador web. Después, se activará una revalidación que te permitirá saber si los ajustes que has propuesto permiten solucionar el problema.

¿Cuál es tu forma favorita de comprobar el estado de las páginas AMP? Comparte tus sugerencias en la sección de comentarios que hay a continuación o en nuestra página Google Webmasters de Google+. Como de costumbre, si tienes alguna pregunta o necesitas ayuda, puedes publicarla en nuestro foro de ayuda para webmasters.