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


Etiquetado AMP básico y obligatorio de una página para ser válida

Sencillo post para ver el etiquetado AMP básico y obligatorio que tiene que tener una página para ser validada.

Para los que no sepáis nada de AMP os recomiendo leer estas entradas:

Etiquetado AMP básico

En este ejemplo AMP vamos a ver el etiquetado HTML que tiene que tener obligatoriamente una página AMP según su web oficial:

Repasamos del código superior las etiquetas obligatorias:

  • Definimos el doctype y en el tag <html> debemos añadir amp –> <html amp lang=”es”>
  • Dentro del <head> definimos la codificación de caracteres en meta charset.
  • Dentro del <head> definimos el viewport, con dejarlo así vale.
  • Dentro del <head> definimos la URL canonical de la versión no AMP de la página.
  • Dentro del <head> incluimos la llamada a la librería JS de AMP project.
  • Por último dentro del <head> incluimos los estilos CSS obligatorios <style amp-boilerplate> y <noscript>. Estos estilos deben existir y no ser alterados, si necesitáis incluir CSS adicional hay que usar el tag <style amp-custom>.
  • Despúes dentro del <body> tenemos los tag <h1> y <p> para mostrar un título y párrafo de texto. Estos tags son opcionales e incluiremos los tags que estimemos oportunos según el contenido que queramos mostrar.

Tras crear nuestra versión AMP solo nos queda pasar la URL por el validador de AMP.

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