Sencillo post para ver cómo validar páginas AMP con su código HTML o JS, es importante realizar esta acción antes de poner en producción el cambio, ya que de no cumplir los requisitos Google no indexará dichas páginas.
Otros post interesantes sobre AMP son:
- ¿Qué es AMP?: Optimizar páginas para móviles
- Etiquetado AMP básico y obligatorio de una página para ser válida
- Los 2 mejores plugins AMP para WordPress
- Cómo referenciar a la versión AMP de una URL
Cómo validar páginas AMP
Vamos con las maneras más sencillas para validar una página AMP:
- En la página oficial ‘The AMP Validator‘.
- Con una extensión para Chrome y Opera.
- Con la consola de errores de Chrome.
- Desde la Google Search Console.
Validación AMP con el validador oficial
Esta manera es sencilla, primero tenemos que ir a su web:
Después llegaremos a una pantalla así:
En esta pantalla tenemos que pegar la URL de la página AMP que queremos comprobar, una vez insertada la URL le clickamos al botón de ‘VALIDATE’ situado a la derecha.
En caso de estar OK nos saldrá el código fuente de nuestra URL y debajo de la caja del código el mensaje ‘VALIDATION STATUS: PASS’.
En caso de error no saldrá el DEBUG marcando los errores, imagen de ejemplo de la web oficial:
Por último también podemos validar las publicidades que tenemos en nuestra versión de AMP, se puede seleccionar en el combo que está al lado del botón ‘VALIDATE’ o yendo a esta URL:
El proceso es el mismo que el anterior.
Cómo validar páginas AMP con una extensión de Chrome y Opera
Este otro paso también es sencillo, existen 2 extensiones para Chrome y Opera:
- Chrome: https://chrome.google.com/webstore/detail/amp-validator/nmoffdblmcmgeicmolmhobpoocbbmknc
- Opera: https://addons.opera.com/en-gb/extensions/details/amp-validator/
Una vez instalada la extensión nos saldrá un icono a la derecha de nuestro navegador en la barra de herramientas, este icono puede tener 4 estados:
- Rojo: Si la página AMP contiene errores, marcará el número de errores y advertencias, clickando en el icono los mostrará.
- Azul: Aunque la url que estemos vistando no sea en formato AMP el icono en azul nos indica que tiene versión AMP, clickando el icono iremos a la versión AMP.
- Verde: LA URL visitada es una versión AMP y no contiene errores, puede mostrar el número de advertencias a corregir pero la web el válida.
- Gris: La web visitada no es versión AMP ni contiene una versión AMP equivalente.
Cómo validar páginas AMP con la consola de Google Chrome
Otra manera es la de usar la consola de Google Chrome, solo tenemos que ir a la URL adaptada a AMP y abrir dicha consola haciendo click derecho en la web y elegir ‘Inspeccionar’,
De esta manera nos saldran los mensajes de eror o advertencias a corregir.
Validación AMP desde la Google Search Console
Google ha preparado una herramienta para webmasters en la que se podrán insertar las URL a validar:
En funcionamiento es similar al del validador oficial.
Por último, con la versión AMP consolidada en la web podemos ir haciendo una revisión a lo largo del tiempo a través de la Webmaster Tools, usaría los validadores cada vez que introduzcamos cambios de programación/maquetación.