Páginas móviles aceleradas – Amado por unos, odiado por otros...
El proyecto Google AMP ha sido uno de los temas más controvertidos en la comunidad SEO desde su lanzamiento oficial y, hasta el día de hoy, continúa dividiendo a los webmasters en bandos pro-AMP y anti-AMP.
No importa de qué lado de la barricada estés, una cosa es segura: las páginas AMP todavía están aquí y continúan siendo parte de nuestro mundo móvil 📱
Por lo tanto, en esta guía completa veremos:
- ¿Qué es AMP exactamente?
- ¿Cómo funcionan las páginas AMP?
- ¿Cuáles son los pros y los contras de AMP?
- ¿Cómo implementar y optimizar páginas AMP?
- ¿Cómo comprobar y medir el rendimiento de AMP?
Entonces, sin más preámbulos, profundicemos en el universo AMP.
¿Qué es AMP en SEO?
AMPERIO (Aacelerado-Mmóvil-Page) es un marco HTML de código abierto que crea versiones más ligeras de páginas web normales, despojadas de todos los elementos HTML, CSS y JavaScript innecesarios.
El propósito de AMP es mejorar la velocidad de carga general de la página web y brindar una mejor experiencia de usuario en dispositivos móviles (y a veces de escritorio).
Así es como una versión AMP y otra no AMP de la misma página web pueden verse una al lado de la otra:
Las páginas AMP fueron introducido por Google en 2015 (con el apoyo de varias plataformas importantes como WordPress, Twitter, LinkedIn, etc.) y eran diseñado para ayudar a los editores de sitios web a entregar su contenido a los usuarios de dispositivos móviles mucho más rápido.
¿Cómo funciona AMP?
AMP sirve como una versión alternativa de la página web principal (o canónica), con restricciones técnicas que hacen que la página AMP sea mucho más pequeña y, por lo tanto, mucho más rápida de cargar.
Cada vez que Google detecta páginas AMP en el sitio web, los mostrará como resultados de búsqueda a los usuarios que utilizan Google en sus dispositivos móviles.
El AMP consta de 3 componentes principales:
- HTML de AMP
- JavaScript de AMP
- Caché de AMP
Desglosémoslos un poco más.
a)HTML AMP
AMP HTML es un documento restringido que puede contener solo un conjunto limitado de etiquetas y atributos (u otros elementos) para que la página web AMP sea liviana y rápida de cargar.
Cada documento HTML AMP debe contener:
<!doctype html>– informa a los navegadores web sobre la versión del documento HTML.<html amp>or<html ⚡>etiqueta – informan motores de búsqueda que la página dada es la versión AMP.<head>y<body>etiquetas – definen el contenido de la página web (p. ej.<title>y metaetiquetas, encabezados, texto, enlaces, imágenes, etc.).<meta charset="utf-8">etiqueta – especifica la codificación de caracteres de la página web AMP.<script async data-src="https://cdn.ampproject.org/v0.js"><script>etiqueta – agrega extensiones a la biblioteca base.<link rel="canonical" href="URL">etiqueta – apunta a la versión normal (canónica) de la página (o a la propia versión AMP si no hay una versión normal).<meta name="viewport" content="width=device-width">etiqueta – indica a los navegadores web cómo mostrar la página AMP en varios dispositivos.- El código repetitivo de AMP (
head > style[amp-boilerplate]ynoscript > style[amp-boilerplate]) – son elementos necesarios que tienen que estar presentes en el<head>sección de la página web de AMP.
Nota: Si desea obtener más información sobre las especificaciones HTML para AMP, asegúrese de consultar el sitio oficial. Documentación HTML de AMP.
b)JavaScript AMP
AMP permite el uso del lenguaje JavaScript a través de amp-script elemento (en lugar de regular <script> etiqueta): garantiza que las páginas AMP seguirán funcionando sin problemas y rápidamente sin ningún JavaScript excesivo y sin bibliotecas de terceros.
Sin embargo, es importante comprender que incluso amp-script tiene sus propios límites: JavaScript en páginas AMP no debe exceder los 150 KB de tamaño.
Para obtener más información sobre cómo usar e implementar JavaScript personalizado en páginas AMP, asegúrese de visitar esta guía JS de amp.dev.
c) Caché AMP
La caché de AMP es una CDN (Red de entrega de contenidos) basada en proxy que prerenderiza y carga la página web de AMP antes de que el usuario haga clic en ella (o la solicite).
Es una salsa secreta que hace que las páginas AMP se carguen a la velocidad del rayo., sin importar desde qué lugar los visiten los usuarios.
Hay dos plataformas principales que ofrecen AMP Cache (y desempeñan un papel importante en la optimización de AMP):
Cada vez que Google (o Bing 😄) descubre una página AMP, almacenará en caché su contenido en sus propios servidores y lo preparará para mostrarlo instantáneamente a los usuarios que hagan clic en él en el SERP.
Si quieres saber más sobre cómo funciona la caché de AMP, mira este vídeo:
[Contenido incrustado]
Hay dos formas en que Google puede mostrar páginas AMP a los usuarios que las visitan desde SERP:
- Visor de Google AMP – el motor de búsqueda mostrará la página AMP con una URL personalizada de Google en la barra de búsqueda del navegador. El dominio del sitio web original se mostrará justo debajo.
- Intercambio firmado – el navegador mostrará la URL original de la página en su barra de búsqueda.
Consejo: Usted puede comprobar fuera este sencillo curso creado por Google Codelabs y obtenga más información sobre los fundamentos de Accelerated Mobile Pages.
Ventajas y desventajas de AMP
Las páginas AMP son bastante tema controvertido en la comunidad SEO. Algunos propietarios de sitios web afirman que AMP está muerto, mientras que otros incluso elegido desactivarlo por completo en sus sitios web:
Por otro lado, todavía existen algunos beneficios potenciales que pueden surgir con la implementación de AMP.
Veamos cuáles son los pros y los contras de las páginas AMP.
1. Beneficios de AMP
a) Mejorado velocidad de página: Probablemente el beneficio más obvio de AMP es que hace que las páginas web se carguen casi instantáneamente.
Dado que las páginas AMP son bastante pequeñas (y ya están almacenadas en la caché de AMP de Google), se pueden cargar y mostrar a los usuarios ≈ 88% más rápido que las páginas móviles tradicionales.
Además de eso, La velocidad de la página es un factor de clasificación de Google bien conocido., lo que hace que AMP sea bastante atractivo para algunos propietarios de sitios web: la mediana que tardan las páginas AMP en cargarse desde la Búsqueda de Google es menos de 1 segundo.
b) Mejor UX (a veces): Una velocidad de carga más rápida conduce a usuarios más felices en dispositivos móviles (y por lo tanto a más conversiones 😉).
Tener páginas AMP rápidas y bien diseñadas en su sitio web también mejora la experiencia general de la página para los usuarios, lo cual es parte de El sistema de clasificación central de Google.
c) Relativamente fácil de construir: La implementación real de AMP en su sitio web es un proceso bastante sencillo ya que muchas plataformas de contenido importantes como WordPress, Drupal, Squarespace, etc. ya lo apoyo:
En otras palabras - No es necesario ser un desarrollador experto ni ningún gurú técnico para crear páginas AMP para su sitio web.
Nota: En el pasado, AMP también ofrecía dos beneficios SEO adicionales que convencieron a muchos propietarios de sitios web a crear y utilizar páginas AMP para sus sitios:
⚡ Insignia AMP – Las páginas AMP clasificadas en la Búsqueda de Google solían tener un pequeño icono de AMP junto a sus URL. Meta descripción, o en otras áreas de sus fragmentos orgánicos que se mostraron en dispositivos móviles (lo que los hizo destacar un poco más de los resultados móviles habituales). y potencialmente aumentar su CTR en SERP):
Desafortunadamente, Google suspendió las insignias AMP en 2021, haciendo que las páginas AMP y no AMP se vean visualmente iguales en las SERP móviles.
🔥 AMP en las historias destacadas – El carrusel de Top Stories es una sección dentro de las SERP de Google que suele aparecer para consultas de búsqueda orientadas a noticias.
Es uno de los puntos más destacados en el que muchos propietarios de sitios web intentan optimizar sus páginas (ya que puede generarles bastante tráfico orgánico). y AMP era uno de los requisitos de Google que debía cumplirse para poder optar a este puesto:
Sin embargo, de manera similar a las insignias AMP, Google eliminó el requisito AMP en mayo de 2020 lo que permitió que los sitios web AMP y no AMP fueran elegibles para los carruseles de Top Stories.
2. Desventajas de AMP
a) Diseño limitado: AMP, por naturaleza, se basa en un marco muy restrictivo que sacrifica el diseño y las funciones visuales en aras de una gran velocidad de página.
Aunque siempre es bueno tener un tiempo de carga rápido en su sitio web, es importante darse cuenta de que tendrá que renunciar a muchos elementos atractivos e interactivos para que sus páginas AMP sean elegibles para la Búsqueda de Google.
AMP puede parecer bastante aburrido en términos de diseño visual, diluyendo la identidad de la marca o incluso resultando en una caída dramática en la tasa de conversión.
En otras palabras:
"Google AMP prefiere la eficiencia a la creatividad".
b) Problemas de rastreo: Tener versiones AMP y no AMP en su sitio web obliga a los rastreadores web como Googlebot a visitar cada página web dos veces (para garantizar la paridad de contenido entre esas versiones) y gastar su presupuesto de rastreo mucho más rápido.
Aunque presupuesto de rastreo (la cantidad de URL que el robot de Google está dispuesto a rastrear en un período de tiempo determinado) podría no ser un problema para los sitios web más pequeños que utilizan AMP, una tienda de comercio electrónico en línea o una gran plataforma de publicación con miles de URL podrían gastar rápidamente su presupuesto de rastreo solo implementando AMP en su sistema.
La razón es bastante simple: cualquier sitio web que contenga cientos o incluso miles de páginas duplicará instantáneamente la cantidad de URL que deben rastrearse simplemente creando sus versiones AMP.
Esto puede ser un asunto bastante inconveniente, especialmente si creas y publicas docenas de páginas al día que deben rastrearse, indexarse y clasificarse en la Búsqueda de Google lo más rápido posible.
c) Carga técnica adicional: Desde una perspectiva práctica, AMP crea mucho trabajo adicional para los propietarios y desarrolladores de sitios web, ya que tienen que encargarse de ambas versiones (AMP y no AMP) de su sitio web individualmente, mantenerlas técnicamente sólidas y sincronizadas entre sí en términos. de contenidos y SEO.
¿AMP es un factor de clasificación de Google?
La respuesta corta es no, AMP no es un factor de clasificación en Algoritmo de Google.
Esto lo aclaró Google. así como sus representantes como John Mueller (Google Search Advocate) varias veces a lo largo de los años:
Por otro lado, AMP a veces puede mejorar significativamente el rendimiento de carga de su sitio web. lo que tiene un impacto directo en la velocidad de su página y Core Web Vitals (como factores de clasificación).
Cómo crear y optimizar páginas AMP
La creación e implementación de páginas AMP en su sitio web se puede realizar básicamente de 2 maneras:
- Crear páginas AMP manualmente
- Usando un complemento AMP
Echemos un vistazo a ambas opciones.
a) Crear páginas AMP manualmente
Crear páginas web AMP manualmente es un proceso bastante sencillo (aunque requiere mucho tiempo): Puedes comenzar simplemente preparando una plantilla AMP que se utilizará como referencia para todas tus páginas.
Así es como puede verse una plantilla AMP simple con todas las marcas básicas implementadas:
¡El título de tu página web AMP!
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}}body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}
Meditative Healing™
¡Encabezado principal de tu página web AMP!
Con una plantilla AMP como esta, puedes comenzar a crear páginas AMP individuales con contenido que debe ser idéntico a tus URL canónicas principales.
Cuando se trata de la implementación del contenido real, existen varias etiquetas HTML especiales que debes usar en tus páginas AMP en lugar de las habituales, como por ejemplo:
<amp-img>etiqueta – para imágenes (en lugar de<img>etiqueta).<amp-video>etiqueta – para vídeos (en lugar de<video>etiqueta).<style amp-custom>existentes<head>. – una etiqueta AMP personalizada que se utiliza para propiedades CSS.<amp-script>– para usar marcos de JavaScript (en lugar de<script>etiqueta).
Si desea obtener más información sobre las etiquetas HTML de AMP (y ver cuáles debe usar), asegúrese de consultar esto documentación oficial de AMP.
Consejo: Puede probar, probar y ver sus páginas AMP antes de agregarlas a su sitio web usando Área de juegos AMP – una sencilla herramienta en línea donde puedes simplemente copiar y pegar tu código HTML AMP y ver cómo se verán realmente tus páginas en varios dispositivos móviles:
b) Utilice complementos de CMS
Una de las formas más sencillas de configurar AMP para su sitio web es simplemente instalar un complemento de AMP en su CMS.
Si ejecuta su sitio web en uno de los CMS populares (por ejemplo, WordPress, Joomla, Drupal, etc.), simplemente puede descargar e instalar el complemento AMP que más le convenga y comenzar a crear páginas AMP al instante.
Por ejemplo, para la plataforma WordPress, puedes descargar este Complemento de Google WP impulsado por los contribuyentes del proyecto AMP.
El proceso es bastante sencillo:
- Descargue, instale y active el complemento en su sitio.
- Ir a la "Apariencia”Pestaña en WordPress y seleccione AMP.
El complemento le mostrará cómo se verían sus páginas AMP en dispositivos móviles. puedes ajustar su diseño, encabezados, colores, etc. para hacerlos más atractivos visualmente:
Este complemento AMP de WordPress viene con 3 modos de sitio web diferentes:
- Estándar – AMP será el marco principal para su sitio web.
- Transicional – Cada página web de su sitio tendrá una versión canónica y una versión AMP.
- Testimoniales – AMP se aplicará solo a publicaciones y páginas seleccionadas individualmente. Cada página web seleccionada tendrá una URL canónica y una AMP.
Para obtener más información sobre este complemento AMP, consulte su documentación de WP.
Mejores prácticas de SEO de AMP
#1 Cree URL AMP compatibles con SEO
Las páginas AMP deben tener su propio esquema de URL único con la variable "amp" en algún lugar.
Hay varias formas de estructurar las URL de AMP:
a) AMP como parámetro: https://www.example.com/example-url/?amp=1
b) AMP en el subdominio: https://amp.example.com/example-url/
c) AMP como lenguaje de interfaz de usuario: https://www.example.com/example-url.amp.html
d) AMP en la subcarpeta: https://www.example.com/example-url/amp
Aunque todas las opciones anteriores funcionan, Google recomienda usar las 2 últimas opciones.
#2 Canonicaliza tus páginas AMP
Tanto las versiones AMP como las que no son AMP de la misma página web deben apuntar entre sí con una etiqueta adecuada en las secciones de su HTML.
En términos generales, es posible que desee tener versiones (AMP y no AMP) de la misma página disponibles para los usuarios (y motores de búsqueda) y mostrarlas de acuerdo con el dispositivo que tengan los usuarios (por ejemplo, versión no AMP para escritorio y versión AMP). versión para dispositivos móviles).
Para hacer esto, tienes que avisarle a Google que hay 2 versiones de la misma página implementando las siguientes etiquetas:
- Para la versión sin AMP – agregue esta etiqueta especial en el
<head>sección, con la URL que apunta a la versión AMP de la página:
- Para la versión AMP - añade el canonical tag en el
<head>sección, con la URL apuntando a la versión principal, que no es AMP, de la página:
Esto permitirá a Google comprender la relación entre las URL AMP y no AMP y evitar posibles problemas de contenido duplicado.
#3 Garantizar la paridad en la página
Versiones AMP y no AMP de la misma página deben ser idénticos entre sí o tener una “paridad” muy cercana en términos de contenido y elementos en la página.
Para hacer esto, la página web de AMP debe ser la misma que la versión canónica original en algunas áreas como:
Si la versión AMP no coincide con la canónica, Google simplemente ignorará la página AMP y evitará que aparezca como resultado de búsqueda en SERP (y en su lugar enviará a los usuarios al equivalente que no es AMP).
#4 No agregues URL de AMP al mapa del sitio o al archivo robots.txt
Asegúrese de no agregar sus URL de AMP al XML mapa del sitio – Google es capaz de descubrir cualquier página web AMP a través de rel=”amphtml” en su equivalente no AMP.
Además de eso, no bloquees tus páginas AMP en tu robots.txt presentar (De lo contrario, Google no podrá visitarlos).
Consejo: Si decide en algún momento redirigir alguna página de su sitio web a otro destino, asegúrese de redirigir siempre ambas versiones (AMP y no AMP) de la página a sus nuevas URL respectivas:
Para obtener más información sobre cómo redirigir (o incluso eliminar) páginas AMP, asegúrese de consultar Documentación oficial de Google.
Cómo verificar y monitorear páginas AMP
Una vez que haya implementado AMP en su sitio web, el siguiente paso es verificar si funcionan correctamente y validarlos por Google.
Aquí hay algunas herramientas en línea que pueden ayudarlo con eso.
1. Pruebe la herramienta de prueba AMP de Google
Una de las formas más sencillas de comprobar y validar sus páginas AMP es ejecutarlas a través de Google. Herramienta de prueba de AMP.
Simplemente ingrese cualquier URL AMP de su sitio web en la herramienta y presione "URL DE PRUEBABotón ” – después de unos segundos, verás si tu página AMP es válida o no para Google:
También puedes ingresar a la versión canónica, no AMP, de tu página para obtener resultados aún más completos sobre tu implementación de AMP.
Consejo: Si desea medir (y comparar) el rendimiento de la velocidad de sus páginas AMP, puede utilizar nuestro Extensión SEO Mangools. Para hacer esto, simplemente:
- Instale la extensión en su navegador.
- Abra su URL de AMP y haga clic en la extensión.
- Seleccione la opción "SEO en la página” pestaña → “Page Speed.
Luego, la extensión medirá su página AMP y mostrará información importante sobre su velocidad de carga, como Puntaje de desempeño y Pintura con contenido más grande junto con más recomendaciones sobre cómo mejorar el rendimiento de la página.
2. Verifique el informe de estado de AMP en GSC
Para obtener información más completa sobre sus páginas AMP, puede utilizar el informe de estado de AMP en Google Búsqueda consola:
- Abra su cuenta GSC.
- Seleccione la opción "AMPpestaña ” en el “Complementos".
Luego, Google Search Console le mostrará si sus URL de AMP son válidas o no y elegible para ser rastreado, indexadoy se muestra en la Búsqueda de Google.
Si desea obtener más información sobre el informe de estado de AMP (y lo que puede hacer), consulte este útil vídeo de formación de Search Console:
[Contenido incrustado]
Para ver el rendimiento de sus páginas AMP en las SERP de Google, diríjase al informe de rendimiento de GSC:
- Clickea en el "Otros Resultados" en el "Rendimiento".
- Seleccione la opción "APARIENCIA DE BÚSQUEDAPestaña
Luego puede seleccionar varias dimensiones (por ejemplo, resultados no enriquecidos de AMP, artículo de AMP, etc.) en la sección "Apariencia de búsqueda". y vea cuántas impresiones o clics reciben sus páginas AMP de Google:
Para obtener más información sobre la validación de AMP, asegúrese de consultar estos Directrices AMP de Google Search Central.
3. Utilice SERPWatcher
Con AMP configurado correctamente en su sitio web, es hora de medir su rendimiento real. rendimiento de clasificación para búsqueda móvil!
Puedes utilizar nuestra herramienta de SERPWatcher herramienta para monitorear las clasificaciones de sus páginas AMP para su palabras clave de enfoque en Google:
simplemente crear una cuenta mangools (si aún no lo has hecho) y ve a la herramienta SERPWatcher:
1. Seleccione "Seguimiento nuevo”y agregue detalles de seguimiento (dominio, ubicación, etc.).
2. Agregue todas las palabras clave que desee rastrear para su sitio web.
3 Haga clic en el "+ Móvil”Pestaña encima del seguimiento recién creado.
4. Habilite y clone el seguimiento para dispositivos móviles (o simplemente agregue sus palabras clave manualmente).
Cuando SERPWatcher detecta la clasificación de sus URL de AMP en la búsqueda móvil, le mostrará sus posiciones de clasificación para sus respectivas SERP junto con varios datos útiles como:
- Cambios de clasificación durante un período de tiempo seleccionado
- Posiciones promedio (y mejores) en el ranking
- Volúmenes de búsqueda de palabras clave rastreadas
- Posiciones visuales de tu AMP páginas en SERP
- Índice de rendimiento general y visibilidad
- … ¡y mucho, mucho más!
Puedes probar y usar SERPWatcher (junto con nuestros otros Herramientas SEO de Mangools) completamente gratis – no se necesita tarjeta de crédito, sin condiciones 😎
Reflexiones finales: ¿Valen la pena las páginas AMP?
Si le pregunta a cualquier especialista en SEO o propietario de un sitio web si debería o no utilizar AMP en su sitio web, la respuesta más común probablemente será:
"Depende."
Y no somos una excepción a eso 🙃
La verdad es que no existe una respuesta completamente correcta o incorrecta cuando se trata de optimización de AMP. Todo depende de para qué necesitas exactamente AMP. (y lo que esperas obtener de ello).
Si su sitio web continuamente no logra entregar contenido a una velocidad de carga óptima en dispositivos móviles, utilizar AMP podría ser el enfoque correcto para usted.
Por otro lado, es importante darse cuenta de las limitaciones prácticas de las páginas AMP, junto con el trabajo que se debe realizar en ellas para que funcionen correctamente.
Aquí hay algunas circunstancias en las que podría considerar evitar el uso de páginas AMP (o eliminarlas por completo) en su sitio web:
1. Tus páginas ya alcanzan un tiempo de carga decente – No tiene sentido crear alternativas AMP para usuarios de dispositivos móviles si la velocidad de su página es cercana a los 2.5 segundos (o menos).
2. Su sitio web sólo necesita estar mejor optimizado – a menudo puedes lograr una velocidad de carga decente simplemente optimizando mejor tu sitio web (por ejemplo, usando CDN, almacenamiento en caché de archivos, carga diferida, optimización de la imagen, Etc).
3. Tus páginas tienen mucho JavaScript o utilizan muchas herramientas de terceros. – Si su sitio web depende en gran medida de scripts y archivos CSS para funcionar correctamente, probablemente sea mejor evitar AMP por completo. De lo contrario, tendrás que sacrificar muchas características y funciones visuales.
4. Sus clientes provienen principalmente de la búsqueda en computadoras de escritorio. – Crear páginas AMP solo para unos pocos visitantes orgánicos adicionales por mes simplemente no vale la pena.
5. No tienes capacidad para el mantenimiento de AMP – tener páginas AMP en su sitio web es un compromiso interminable. Si no tiene suficiente tiempo o recursos para cuidar esas páginas de forma regular, es mejor simplemente no implementarlas.
6. Esperas algún aumento en la clasificación de AMP – Las páginas móviles aceleradas por sí solas no le ayudarán a lograr mejores clasificaciones en la Búsqueda de Google.
- Distribución de relaciones públicas y contenido potenciado por SEO. Consiga amplificado hoy.
- PlatoData.Network Vertical Generativo Ai. Empodérate. Accede Aquí.
- PlatoAiStream. Inteligencia Web3. Conocimiento amplificado. Accede Aquí.
- PlatoESG. Automoción / vehículos eléctricos, Carbón, tecnología limpia, Energía, Ambiente, Solar, Gestión de residuos. Accede Aquí.
- Desplazamientos de bloque. Modernización de la propiedad de compensaciones ambientales. Accede Aquí.
- Fuente: https://mangools.com/blog/google-amp-seo/
