Programación y ejemplos de PHP, jQuery, HTML5, WordPress, MySQL, AMP y htaccess


Cómo validar páginas AMP de forma rápida y eficaz

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:

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í:

Cómo validar páginas AMPEn 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:

error validación pagina ampPor ú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:

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á.
    Error de validación página AMP con extensión Chrome
  • 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.
    Cómo validar páginas AMP con una extensión de Chrome y Opera
  • 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.
    Web AMP 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’,

Validación AMP desde la consola de Gogle ChromeDe 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.

comments powered by Disqus

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.

ACEPTAR
Aviso de cookies