PESTAÑA AMP.

AMP: Accelerated Mobile Pages

AMP es el acrónimo de Accelerated Mobile Pages, una tecnología (web component framework) nacida de la colaboración entre Google y Twitter para acelerar la carga de las páginas en dispositivos móviles. Este proyecto, junto con la indexación mobile first, muestra lo orientado que está el buscador al móvil.

AMP reduce drásticamente los tiempos de carga frente a las páginas tradicionales, con una experiencia de usuario totalmente distinta que puede traducirse en menos abandonos, más conversiones y leads, además de un mejor rendimiento, una de las señales de ranking más importantes.

AMP lo usan sobre todo los sitios de noticias. Desde 2021 ya no es obligatorio para aparecer en las Top Stories de Google, por eso muchos sitios lo están abandonando en favor de páginas estándar rápidas.

Las páginas AMP son alternativas a las tradicionales, pero siguen reglas de sintaxis y marcado específicas que las distinguen de las páginas canónicas.

Para comunicar al buscador que existen estas páginas AMP se usan etiquetas link de correspondencia entre la página canónica y la versión AMP:

<!-- Etiqueta link en la página canónica, indica la versión AMP -->
<link rel="amphtml" href="https://www.dominio.com/amp/page.html">

<!-- Etiqueta link en la página AMP, indica la versión canónica -->
<link rel="canonical" href="https://www.dominio.com/page.html">

Así, cuando Google rastrea la página canónica (en el ejemplo: https://www.dominio.com/page.html) descubre también la versión AMP (https://www.dominio.com/amp/page.html) y, si la considera válida, la incluye en su CDN.

Es importante recordar que la versión simplificada no perjudica el presupuesto de rastreo del sitio, porque Google dedica uno aparte a AMP.

Configuración y columnas

La pestaña AMP incluye todas las Accelerated Mobile Pages (AMP) descubiertas durante el rastreo. Se identifican mediante la etiqueta HTML AMP y los enlaces entrantes rel="amphtml".

Para rellenar esta pestaña, activa AMP tanto en Crawl como en Store desde 1Configuration›2Spider›3Crawl.

12

1Spider › CrawlLa sección de la configuración.2AMPMarca Crawl y Store.

Las columnas de la pestaña:

• Address: la URL rastreada.
• Occurrences: el número de etiquetas canonical encontradas (tanto con el elemento link como por HTTP).
• Indexability: si la URL es indexable o no indexable.
• Indexability Status: el motivo por el que una URL no se puede indexar.
• Title 1: el primer title de la página.
• Title 1 Length: la longitud del title en caracteres.
• Title 1 Pixel Width: el ancho del title en píxeles.
• H1-1: el primer encabezado H1 de la página.
• H1-Len: el número de caracteres del H1.
• Size: el tamaño de la página AMP en bytes.
• Word Count: el número total de palabras dentro de la etiqueta body, sin contar el marcado HTML.
• Text Ratio: la relación entre los caracteres de texto (no HTML) del body y el total de caracteres de la página HTML, en porcentaje.
• Crawl Depth: la distancia de la página AMP respecto a la página inicial del rastreo, en clics. En SEO Spider las redirecciones cuentan como un nivel más.
• Response Time: el tiempo necesario para descargar la URL, en segundos.

Filtros

La pestaña AMP tiene dos tipos de filtros: los primeros para controles puramente SEO y los segundos para los requisitos propios de las páginas AMP.

12

1Non-200 ResponseEl primer filtro: URL AMP que no responden 200.2Filtros AMPControles SEO y requisitos de validación AMP.

Filtros SEO

• Non-200 Response: las URL AMP que no responden con un código 200 «OK». Posibles causas: bloqueo por robots.txt, ninguna respuesta, redirecciones, errores de cliente y de servidor.
• Missing Non-AMP Return Link: las URL que tienen versión AMP pero no la etiqueta link rel="amphtml" de vuelta a la URL AMP.
• Missing Canonical to Non-AMP: las URL AMP sin etiqueta link hacia la URL canonical, o con una que apunta a otro recurso AMP.
• Non-Indexable Canonical: las URL AMP cuyo canonical es una URL no indexable. Los canonicals deberían ser indexables.
• Non Indexable: las URL AMP no indexables porque están correctamente canonicalizadas hacia la versión de escritorio (canónica).
• Indexable: las URL AMP indexables. Las URL AMP con un equivalente de escritorio deberían ser siempre no indexables, porque están canonicalizadas hacia él. Solo las URL AMP sin equivalente de escritorio deberían ser indexables.

Filtros de validación AMP

Este es un ejemplo de página AMP válida, con todos los elementos que controlan los filtros:

<!doctype html>
<html amp lang="en">
<head>
  <meta charset="utf-8">
  <script async src="https://cdn.ampproject.org/v0.js"></script>
  <title>Hello, AMPs</title>
  <link rel="canonical" href="https://amp.dev/documentation/guides-and-tutorials/start/create/basic_markup/">
  <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
  <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
</head>
<body>
  <h1 id="hello">Hello AMPHTML World!</h1>
</body>
</html>

• Missing HTML AMP Tag: las páginas AMP HTML deben contener una etiqueta HTML AMP de primer nivel.

<html amp lang="en">

• Missing/Invalid Doctype HTML Tag: las páginas AMP deben empezar con el doctype <!doctype html>.
• Missing Head Tag: las páginas AMP HTML deben contener la etiqueta head, que en HTML normal es opcional.
• Missing Body Tag: los documentos AMP HTML deben contener la etiqueta <body>. Este filtro muestra las páginas en las que falta.
• Missing Canonical: las URL AMP deben contener en el head una etiqueta canonical que apunte a la versión HTML normal (no AMP) del documento, o a sí mismas si esa versión no existe.
• Missing/Invalid Meta Charset Tag: las páginas AMP HTML deben contener una etiqueta meta charset="utf-8" justo después de la etiqueta <head>, para codificar la página.
• Missing/Invalid Meta Viewport Tag: las páginas AMP HTML deben contener la etiqueta meta name="viewport" content="width=device-width,minimum-scale=1" en su head. También se recomienda incluir initial-scale=1 para un viewport responsive.
• Missing/Invalid AMP Script: SEO Spider comprueba que las páginas AMP HTML contengan una etiqueta script async src="https://cdn.ampproject.org/v0.js" en su head.
• Missing/Invalid AMP Boilerplate: las páginas AMP HTML sin el código boilerplate AMP en el head, o con un código no válido. El boilerplate <style amp-boilerplate>…</style> oculta el contenido fijando la opacidad del body en 0. Una vez cargado AMP, el sistema calcula el diseño de la página y fija la opacidad del body en 1, mostrando el contenido.
• Contains Disallowed HTML: cada URL AMP con HTML no permitido en AMP.
• Other Validation Errors: las URL AMP con otros errores señalados por el validador oficial de AMP.