Cómo evaluar mejor los problemas que afectan a tu contenido de Accelerated Mobile Pages

Lunes, 19 de septiembre de 2016

A medida que AMPlificas (#AMPlify) tu sitio con Accelerated Mobile Pages, es importante supervisar el estado de validación de las páginas de manera periódica, ya que solo las páginas de AMP válidas son aptas para mostrarse en la Búsqueda de Google.

En ocasiones, cuando implementes AMP, algunas páginas tendrán errores y la Búsqueda de Google no las indexará. Es posible que las páginas también contengan advertencias relacionadas con elementos que no son una práctica recomendada o que se convertirán en errores en el futuro.

Google Search Console es una herramienta que te permite comprobar cuáles de tus páginas de AMP Google identificó que tienen errores. Una vez que sepas qué URLs tienen problemas, podrás usar algunas herramientas útiles para facilitar la consulta de los detalles de los errores de validación.

Herramientas para desarrolladores del navegador

Si deseas usar las Herramientas para desarrolladores para la validación, haz lo siguiente:

  1. Abre la página de AMP en tu navegador.
  2. Agrega #development=1 a la URL, por ejemplo, https://localhost:8000/released.amp.html#development=1.
  3. Abre la consola de Herramientas para desarrolladores de Chrome y comprueba si hay errores de validación.

Los errores de la consola para desarrolladores serán similares a los siguientes:

Extensiones del navegador de AMP

Con las extensiones del navegador de AMP (disponibles para Chrome y Opera), puedes identificar y depurar rápidamente las páginas de AMP no válidas. Mientras exploras tu sitio, la extensión evalúa cada página de AMP visitada y te proporciona una indicación de su validez. En la siguiente tabla, se muestran los diferentes íconos que pueden mostrar las extensiones en función de la validez del lenguaje de marcado de AMP.

Ícono rojo de AMP que indica que un documento de AMP no es válido Cuando hay errores en una página de AMP, el ícono de la extensión aparece de color rojo y muestra la cantidad de errores que se encontraron.
Ícono verde de AMP que indica que un documento de AMP es válido Cuando no hay errores en una página de AMP, el ícono aparece de color verde y muestra la cantidad de advertencias (si hay alguna).
Ícono azul de AMP que indica la variante de HTML de AMP si se hizo clic en ella Cuando la página no sea de AMP, pero esta indique que hay una versión de AMP disponible, el ícono aparecerá de color azul con un ícono de vínculo y, si haces clic en la extensión, se redireccionará al navegador a la versión de AMP.

El uso de las extensiones significa que puedes ver cuáles son los errores o las advertencias que tiene la página si haces clic en el ícono de la extensión. En cada error, se mostrarán la línea y la columna de origen y un mensaje que indica cuál es el problema. Cuando exista una descripción más detallada del problema, aparecerá un vínculo de "Más información" que te dirigirá a la página relevante en ampproject.org.

Validador web de AMP

El validador web de AMP, disponible en validator.ampproject.org, proporciona una IU web simple para probar la validez de tus páginas de AMP.

Para usar la herramienta, ingresa una URL de AMP, o bien copia y pega tu código fuente. El validador web mostrará mensajes de error entre las líneas. Puedes realizar cambios directamente en el validador web, lo que activará la revalidación. Esto te informará si los ajustes propuestos solucionarán el problema.

¿Cuál es tu forma favorita de comprobar el estado de tus páginas de AMP? Comparte tus comentarios a continuación o en nuestra página de Google+ para webmasters. Como de costumbre, si tienes alguna pregunta o necesitas ayuda, puedes realizar una publicación en nuestro Foro de ayuda para webmasters.