Como validar y comprobar el código de las páginas AMP 5p2o2j
Conocer si la estructura de nuestras páginas aceleradas es correcta, si existen errores o advertencias, que pongan en peligro su funcionamiento. Distintos métodos de validación para comprobarlas.
Después de crear o habilitar nuevas páginas AMP en nuestro blog o sitio web, es necesario inmediatamente validar y comprobar si el código y su estructura es correcto.
Si no fuera así no gozaríamos ninguna de las ventajas del formato, porque funcionarían como una paginas tradicionales.
Al validarlas podremos conocer errores y advertencias y solucionarlos.
Pero no solo eso, el formato AMP está en constante evolución y desarrollo, por lo que tendremos que validar y probar regularmente con el tiempo las paginas implementadas, porque si no corremos el riesgo de que algunas funciones sean modificadas.
Creamos este articulo precisamente, después de descubrir que las pocas páginas AMP que habíamos implementado y validaban correctamente, ahora mostraban una advertencia que con el tiempo se convertirían en error, debido a un cambo hecho en las especificación para mostrar los bloque se publicidad.
Como validar el código y estructura de una página AMP 172b6x
Hay varias formas de validar una página acelerada AMP.
Cada cual usa el método que le sea más factible ya que todos devuelven el mismo resultado.
Los enumeramos a continuación:
1- Usar la Consola del navegador Google Chrome.
2- Usar el Validador web del AMPProject o el de Google.
3- Usar en el navegador Google Chrome la extensión AMP Validator.
Otra opción es estar al tanto de la información en el Informe de Páginas Aceleradas, en Google Search Console.
Comprobar y validar una página AMP con la Consola de Google Chrome 205n2j
El primer método que se implementó luego de la liberación de las páginas aceleradas, es usar la Consola en las Herramientas para desarrolladores del navegador Google Chrome.
Para eso solo es necesario ingresar la dirección de la página y agregarle el parámetro: "#development=1".
Por ejemplo:
http://pagina-a-probar/#development=1
Para probar esta misma página usa el siguiente enlace (abre en una nueva pestaña): Probar esta página
La página a comprobar puede estar en un servidor local o en internet.
Después de hacerlo abrimos la Consola usando las teclas Control + Shift + J y recargamos la página (F5).
Inmediatamente veremos el mensaje con los errores, advertencias o el mensaje de que la página ha sido validada correctamente.
Comprobar y validar una página AMP en los Validadores web 1n6q5i
En AMPProject está disponible un Validador web en el que se puede ingresar la dirección de una página AMP y comprobar la validez de su código o los errores y advertencias existentes.
Google por su parte ha creado una herramienta para el mismo propósito, por lo que se pueden emplear cualquiera de los dos validadores.
Validador de páginas AMP del servicio AMPProject.
También se puede pegar en el cuadro de la herramienta el código de la página.
Este recurso es útil para hacer cambios online en el código y comprobar su validación de forma instantánea.
Usa el siguiente enlace: https://validator.ampproject.org/
Probando esta misma página en el Validador de páginas aceleradas de Google, llamado "Prueba de AMP".
La herramienta de Google mucho más completa, muestra en el de la derecha el código de la página indicada, a la izquierda el resultado de la prueba con la opción de obtener una vista previa de los resultados de Google y también información sobre la prueba de datos estructurados, con la posibilidad de efectuar una prueba adicional al usar el enlace: "Consultar valores opcionales".
Usa el siguiente enlace para cargar esta herramienta: https://search.google.com/search-console/amp
Para facilitar la tarea de comprobar y validar las páginas AMP, puedes usar un Marcador o Bookmarklet que compartimos en otro artículo.
Comprobar y validar una página AMP con la extensión AMP Validator 35414r
Este es el método más rápido y sencillo de los tres y el recomendado.
Nos permite no solo validar una página, conocer errores y advertencias, sino que también nos indica si otras páginas tradicionales enlazan a una página AMP.
Después de instalar la extensión, tendremos su icono en la esquina superior izquierda del navegador.
Adoptará distintos colores al navegar en internet:
- Al cargar una página tradicional el icono adopta el color gris.
- En las páginas AMP correctamente validadas, se torna de color verde y mostrará el número de advertencias, si es que hay alguna.
- En las páginas AMP con errores, el icono adopta el color rojo y mostrará un cuadro con el número de errores detectados.
Al dar clic encima veremos un con la descripción y el enlace para obtener más información detallada, de cómo solucionar el error o advertencia.
- En las páginas tradicionales que enlazan correctamente a una página AMP, el icono se torna de color azul y mostrará un enlace a dicha página.
Conocer páginas AMP con errores en Google Search Console x6f4k
Una forma recomendada de estar al tanto de la validez de todas las páginas que hemos publicado, es usando el Informe de Páginas Aceleradas en Google Search Console (antigua Herramientas para ).
En el de esta herramienta tendremos información sobre el número de páginas publicadas en nuestro sitio y cuáles de ellas poseen errores. También recibiremos por el email el mensaje correspondiente.
Este método es muy importante y fundamental, aunque con la desventaja que existe un retardo de algunos días con la actualización de las páginas.
Cargar una página a través del CDN de AMP 4c6v5u
Otra de las opciones para saber si una página está correctamente validada y por lo tanto se carga a través de la red CDN del servicio, es usando en el navegador web la siguiente dirección:
https://cdn.ampproject.org/c/s/ + dirección de la página
Con este método no conoceremos de ningún error o advertencia, sencillamente comprobaremos que la pagina es servida correctamente desde los servidores de Google.
Comprueba con el siguiente enlace: Esta página en el CDN de AMP
Limpiar la cache de AMP para solucionar errores en Search Console 286o5x
En algunas ocasiones Search Console nos reporta de errores en páginas AMP, que validan correctamente usando las herramientas mencionadas.
Para solucionar esta situación es necesario limpiar la cache de estas páginas en el servidor de AMP.
Solo es necesario cargar en el navegador una de las siguientes direcciones URL, sustituyendo la dirección de la página con errores.
1ra. opción:
https://dominio-sitio.cdn.ampproject.org/c/s/DIRECCION SIN HTTPS
2da. opción:
https://cdn.ampproject.org/c/s/DIRECCION SIN HTTPS
Por ejemplo:
1- https://norfipc-com.cdn.ampproject.org/c/s/norfipc.futbolgratis.org/web/como-validar-comprobar-codigo-paginas-amp.php
2- https://cdn.ampproject.org/c/s/norfipc.futbolgratis.org/web/como-validar-comprobar-codigo-paginas-amp.php