AMP o página móvil acelerada es un proyecto de código abierto que ayuda a los webmasters a crear páginas web más rápidas, pero también adaptadas y optimizadas para dispositivos móviles
Si tiene un sitio web que tarda más de 3 segundos en cargarse, debe esperar que más de la mitad de sus visitantes reboten.
En este contexto, que no permite una experiencia de usuario óptima, Google ha decidido fomentar y apoyar a los webmasters con el proyecto Accelerated Mobile Page
Un proyecto cuya sustancia es crear para los internautas móviles copias de páginas web rápidas y adaptadas a los móviles
Así que :
- ¿Qué significan realmente las páginas AMP?
- ¿Por qué son importantes?
- ¿Cómo funcionan?
- ¿Cómo se configuran en su página web?
Estas son las preguntas que serán objeto de este artículo
Capítulo 1: ¿Qué significa realmente AMP o Accelerated Mobile Pages?
En este primer capítulo, le presentaré esencialmente la iniciativa de la página móvil acelerada y las razones por las que es importante.
También expondré las diferencias entre las páginas AMP y otros métodos de optimización, así como los casos en los que el uso de páginas móviles aceleradas parece adecuado.
1.1) ¿De qué tratan realmente las páginas AMP?
La tecnología de páginas móviles aceleradas es una iniciativa apoyada por Google a través del proyecto de código abierto AMP en respuesta a artículos instantáneos artículos instantáneos de Facebook. Anunciado en 2015, finalmente vio la luz en 2016
De hecho, fue durante el mes de febrero de 2016 que se hicieron las primeras integraciones. Primero en las páginas de noticias, y luego gradualmente en el área de búsqueda principal de Google
El proyecto pretende garantizar que las páginas web para móviles se ejecuten a una velocidad óptima
En otras palabras, construir el futuro de Internet permitiendo a los diseñadores web crear páginas web e incluso anuncios que estén siempre
- Rápido
- Hermoso;
- Y actuar bien.
1.2) ¿Qué sitios web pueden optar por un formato AMP?
Inicialmente, AMP se centró en las noticias y publicaciones de los editores en línea, ya que este es el contenido principal que los usuarios de Google ven en los resultados de las búsquedas móviles.
Pero el proyecto Accelerated Mobile Page también es relevante para otros tipos de sitios, como sitios de comercio electrónico.
Por ello, ya ha sido adoptado por un gran número de sitios web, entre ellos
- Ebay ;
- Newegg ;
- 1800flores ;
- Eventbrite ;
- Y muchos otros.
1.3. ¿cómo comprobar si una página web está disponible en AMP?
Si tiene curiosidad por saber si la página que está viendo está disponible en AMP, puede hacerlo desde la herramienta de prueba «Prueba AMP«herramienta de prueba»
También puede utilizar esta herramienta para comprobar si las páginas móviles aceleradas que ha configurado son funcionales
Para ello, simplemente
- Ir a la Prueba AMP ;
- Introduzca la URL completa de la página que desea comprobar y espere el análisis;
- Si tiene una página móvil acelerada, verá un mensaje de validación con la opción de previsualizar cómo aparece la página. También puede ver el código AMP HTML de la página;
- Es posible que su sitio no tenga una versión de página móvil acelerada. En este caso, la herramienta también le notificará.
También vale la pena señalar que puede ver informes sobre las páginas móviles aceleradas de su sitio y averiguar si hay algún error a través del Consola de búsqueda
1.4. ¿Por qué utilizar las páginas AMP?
Es cierto que podemos estar de acuerdo en que la razón principal por la que las páginas móviles aceleradas son importantes es la de reducir la velocidad de carga de la página para los usuarios móviles.
Sin embargo, es interesante no perder de vista los otros beneficios
De hecho, la implementación de páginas móviles aceleradas beneficiará tanto a los diseñadores web como a los usuarios
Para los diseñadores la página móvil acelerada les permitirá tener una ubicación preferente para su sitio en los resultados de búsqueda. Esto se debe a la facilidad de uso de los sitios web que estarían optimizados para los dispositivos móviles
Además, podrán ofrecer contenidos publicitarios sin atropellar la experiencia del usuario, ya que ahora, gracias a la existencia de AMP las páginas web se cargarán rápidamente a pesar de los anuncios
Para los usuarios la página móvil acelerada reducirá su tiempo de espera y ya no deberán preocuparse de que su conexión a Internet sea lenta. Sin duda, esto se traducirá en una mayor experiencia de uso para los usuarios de Internet móvil
Sin embargo, no se queda ahí porque más allá de los diferentes puntos que acabo de mencionar, es importante recordar que la importancia del AMP se hará sentir más con las nociones de móvil amigable y móvil primero.
De hecho, es la evolución del número de personas que se conectan desde sus teléfonos móviles lo que nos ha hecho tomar conciencia de la necesidad de fomentar la optimización de los sitios para móviles:
Precisamente en este contexto se encuentran la indexación móvil y la primera indexación móvil, que hacen hincapié en la optimización móvil y, por tanto, en el uso de AMP
1.5. Los 10 principales beneficios del AMP
Cuando su página web móvil se carga más rápido, mejora automáticamente la experiencia del usuario y sus KPI
Con las páginas móviles aceleradas que se cargan al instante, podrá ofrecer una experiencia web rápida y constante a sus usuarios en todos los dispositivos y plataformas como Google, LinkedIn y Bing.
Estos son los 10 principales beneficios del proyecto de página móvil acelerada a sus páginas móviles:
1.5.1. Aumente el tiempo de carga de la página web
La velocidad es el alma de su página de navegación móvil. El contenido de calidad es importante, pero si sus páginas no son fácilmente accesibles, los usuarios no las leerán.
Tenga en cuenta que un retraso de más de un segundo en el tiempo de carga del navegador móvil puede reducir las tasas de conversión, disminuir las visitas a la página y aumentar las tasas de rebote.
Por eso debe hacer que las páginas de su navegador móvil sean increíblemente rápidas. AMP le ayuda a conseguirlo.
1.5.2. Permite una mayor visibilidad del navegador móvil para los comercializadores de contenidos
Google ha comenzado a mostrar los resultados de la página móvil acelerada en los listados orgánicos. Puede identificar estos resultados por el AMP.
Fuente Seo Hero
Obviamente, cuanta más atención atraigan sus resultados, más clics obtendrá.
Estos símbolos de AMP sin duda conducirán a una mejor tasa de clics, ya que los resultados del motor de búsqueda móvil se destacan del resto.
Los usuarios de los motores de búsqueda móviles empezarán entonces a buscar específicamente las páginas AMP, ya que estas páginas se cargan más rápido que las páginas móviles normales.
1.5.3. Permite la flexibilidad del soporte publicitario
La mayoría de la gente ha creado un sitio web o un blog para ganar dinero y posiblemente sustituir su trabajo diario.
Observando las versiones de escritorio y de navegador móvil de las páginas de un sitio, es fácil concluir si hay demasiadas distracciones.
Estas distracciones, como la imagen de la cabecera, el menú de navegación, la barra lateral, los botones para compartir en redes sociales, los formularios, las ventanas emergentes y otros elementos innecesarios, pueden reducir su tasa de conversión.
Sin embargo, con AMP, puede deshacerse de las distracciones en las páginas de su navegador móvil.
Cuando muestre anuncios de terceros en sus páginas móviles aceleradas, asegúrese de que no sólo son anuncios que se cargan rápidamente, sino que también captan la atención del usuario y aportan un valor significativo.
Como ya sabe, este enfoque de marketing de contenidos es la forma más fácil de aumentar su alcance, ayudar a los usuarios a obtener respuestas a sus preguntas y mejorar el retorno de la inversión en publicidad.
Si está listo para monetizar sus páginas optimizadas para AMP, aquí están algunas de las redes publicitarias más populares que actualmente utilizan la función AMP-ads :
- A9
- AccessTrade
- AdReactor
- Afiliado-B
- Google Doubleclick
- Flite
- Google adsense
- AOL AdTech
- Taboola
- Baidu
- Servidor de anuncios inteligente
- DotAndAds
- Yahoo
1.5.4. Permite un seguimiento simplificado de los usuarios
No basta con enviar tráfico a las páginas de su navegador móvil. También necesita saber cómo han llegado a su sitio.
El seguimiento le ayuda a determinar de dónde proceden los visitantes, qué páginas han visto, etc.
El seguimiento de los usuarios y del rendimiento del sitio es bastante fácil en AMP, ya que existen herramientas de análisis que le permiten estudiar sus versiones AMP con más detalle.
Sólo se puede influir en el comportamiento de los usuarios cuando se hace un seguimiento del mismo. Con el proyecto de la página móvil acelerada, los editores pueden utilizar estos análisis del gestor de etiquetas para elegir entre dos etiquetas.
Estas etiquetas hacen un seguimiento automático de los datos clave, como:
- Clics/conversiones;
- Seguimiento de vídeos y enlaces
- Número de visitantes
- Nuevos visitantes frente a visitantes conocidos;
- Etc.
1.5.5. Atraer a la audiencia y maximizar los ingresos
El tiempo medio de carga de una página móvil acelerada es inferior a un segundo. Esto significa que cuando los usuarios acceden a una página AMP, obtienen inmediatamente el contenido que necesitan.
Como la página se carga inmediatamente, interactuarán con ella durante más tiempo y estarán más dispuestos a conocer su oferta
Esto hará que sea más probable que realicen la acción que usted quiere que hagan, es decir, que realicen una compra o se suscriban a su boletín informativo.
1.5.6. Mantener la flexibilidad y el control
Al adoptar el formato AMP, tiene la posibilidad de mantener su marca de forma flexible mientras utiliza componentes web optimizados para AMP
Puede utilizar CSS para personalizar los estilos de las páginas web. También puede utilizar pruebas A/B para probar y crear la mejor experiencia de usuario móvil posible para sus clientes.
1.5.7. Reduzca la complejidad de sus operaciones
El proceso de creación de páginas móviles aceleradas es bastante simple y sencillo. Tiene la posibilidad de convertir todo su archivo, especialmente si utiliza un CMS, como Drupal y WordPress.
No necesita ninguna habilidad especial para optimizar el código de cada página AMP. AMP es totalmente portátil y las páginas móviles aceleradas son siempre rápidas, independientemente de cómo el usuario acceda a ellas.
1.5.8. Crear un futuro sostenible
El proyecto Accelerated Mobile Page es una iniciativa de código abierto que está protegiendo el futuro de la web al ayudar a todos a ofrecer una experiencia de usuario móvil mejor y más rápida. Al unirse a este proyecto, puede construir un futuro sostenible para su negocio.
1.5.9. Proporcionar una mejor experiencia de usuario en el móvil
Por supuesto, la ventaja más obvia de utilizar páginas móviles aceleradas es que ofrecen una satisfacción mucho mayor a los usuarios móviles
Acelerar el proceso de carga de la página en un 15-85% puede tener un gran impacto en la felicidad de los visitantes.
1.5.10. Da un impulso al SEO
El algoritmo de Google tiene en cuenta la velocidad de la página y la capacidad de respuesta móvil. Cuanto más rápido se cargue su página en el móvil, más alto será su rango en las páginas de resultados de los motores de búsqueda.
Todas las páginas habilitadas para AMP aparecerán en formato de carrusel, incluso por encima de los anuncios pagados en los resultados de búsqueda.
1.6. ¿Cuál es la diferencia entre las páginas AMP y otras técnicas de optimización?
Estas son algunas de las diferencias identificadas entre AMP y otras técnicas de SEO
1.6.1. Páginas móviles aceleradas (páginas AMP) y Facebook Instant Articles
Las páginas móviles aceleradas y los artículos instantáneos ofrecen a los usuarios un tiempo de carga rápido. Como resultado, reducen las tasas de rebote de las páginas y aumentan el compromiso de los usuarios
Los artículos instantáneos de Facebook son artículos que aparecen directamente en el News Feed. Se muestran adaptándose a la pantalla de los usuarios que hacen clic en ellos. También pueden
- Amplíe las imágenes con sólo tocar la pantalla;
- Mostrar imágenes y otros elementos interactivos
Fuente adviso
Las páginas móviles aceleradas, por su parte, se muestran principalmente en los resultados de las búsquedas móviles y aparecen con un icono en miniatura
Fuente: Google Developers Desarrolladores de Google
Sin embargo, los Artículos Instantáneos de Facebook se cargan aún más rápido que las páginas móviles aceleradas:
Cuando Facebook lanzó los Artículos Instantáneos superó a Google como la fuente dominante de tráfico a los sitios web de contenido multimedia. Sin embargo, con el lanzamiento y el éxito de AMP, Google ha recuperado el primer puesto.
1.6.2. Páginas AMP y diseño responsivo
La creación de sitios web aptos para móviles ha sido una prioridad para los profesionales del marketing desde el lanzamiento de Mobilegeddon por Google a principios de 2015
Fuente Moz
La página web responsiva ayuda a crear páginas web flexibles. Es decir, páginas web con capacidad de respuesta que funcionan en cualquier dispositivo o pantalla y proporcionan una mejor experiencia web móvil con más compromiso.
Básicamente, las páginas móviles aceleradas y el concepto de páginas responsivas utilizan casi los mismos elementos básicos para crear una página móvil, a saber HTML y JavaScript. Sin embargo, tienen su propio conjunto de diferencias que las distinguen.
El diseño web responsivo añade flexibilidad a su sitio web, pero no se centra únicamente en los móviles. Funciona para todos los dispositivos y todas las experiencias de los usuarios
El marco de código abierto de la iniciativa AMP el marco de trabajo de código abierto se centra más en la velocidad, especialmente en la velocidad de las páginas móviles. Esto ha llevado a la introducción de la renderización instantánea del contenido de la web móvil.
Además, es posible utilizar versiones de páginas AMP en páginas web nuevas, pero también en un sitio web existente no responsivo o responsivo, sin rediseñar el sitio web
Sin embargo, para hacer un página web responsivahay que rediseñar la página
Otra diferencia es que el diseño web responsivo favorece todos los scripts de terceros y las bibliotecas multimedia, a diferencia de las páginas móviles aceleradas
1.6.3. Páginas AMP y la aplicación web progresiva (PWA)
La PWA (Progressive Web App) es una aplicación web móvil entregada a través de la web que se comporta como una aplicación nativa.
La principal diferencia entre la PWA y las aplicaciones nativas es que la PWA no necesita descargarse de Google o de la App Store.
Las aplicaciones web progresivas (PWA) se ejecutan dentro del navegador web, que las carga al instante
He aquí algunos ejemplos de sitios diseñados como PWA:
- Starbucks ;
- Vivienda.com ;
- Flipboard ;
- Uber.
Incluso si la conexión a Internet no es muy potente, la PWA utiliza el pre-caché para garantizar que la aplicación se mantiene actualizada, de modo que el usuario sólo puede ver la última versión
En cuanto a la divergencia de las páginas móviles aceleradas, hay que reconocer que :
- Las PWA son mucho más adecuadas para los sitios de comercio electrónico, a diferencia de las páginas móviles aceleradas, que se recomiendan para las publicaciones de contenido.
- Mientras que las páginas móviles aceleradas sólo se utilizan para reducir el tiempo de carga de los componentes de la página, las páginas PWA se actualizan periódicamente para que los usuarios puedan navegar sin interrupción.
- Las páginas AMP utilizan un CSS mínimo y un JavaScript y contenido estandarizados. Por el contrario, la página PWA utiliza esencialmente un manifiesto (archivo JSON) y un service worker (un JavaScript que está vinculado a la PWA, pero que sólo se ejecuta fuera de la aplicación).
Capítulo 2: ¿Cómo funcionan las páginas móviles aceleradas (AMP)?
En este capítulo, le ofrezco una visión general de la estructura de las páginas móviles aceleradas y de su funcionamiento
2.1. ¿Cuál es la estructura de los AMP?
Las páginas móviles aceleradas suelen constar de tres elementos importantes
2.1.1. HTML AMP
El HTML o lenguaje de marcado de hipertexto es el lenguaje de programación por excelencia utilizado en Internet. Se utiliza para diseñar páginas web, estructurarlas, darles formato, crear su contenido, etc
La página móvil acelerada ofrece extensiones más elaboradas para crear un buen contenido HTML
El HTML tiene varias etiquetas y propiedades, así como varias restricciones que deben adaptarse para utilizarlo correctamente. Aquí tiene un ejemplo de AMP HTML:
2.1.2. Javascript asíncrono
Javascript es un lenguaje de programación utilizado para la creación de páginas web interactivas. Permite la renderización rápida de páginas HTML
AMP Java Script hace que todo sea asíncrono desde los recursos externos, para que nada en la página pueda impedir que se renderice nada
JavaScript también utiliza otras técnicas de rendimiento como el
- El sandboxing de todos los iframes;
- Calcula previamente el diseño de cada elemento de la página antes de cargar los recursos;
- Y desactivar los selectores CSS lentos
La biblioteca JavaScript de Accelerated Mobile Page implementa todas las mejores prácticas de rendimiento de AMP, como el CSS en línea y la activación de fuentes
Esto gestiona la carga de recursos y le proporciona etiquetas HTML personalizadas para garantizar una rápida representación de la página.
2.1.3. El sistema de caché
Primero el caché es un sistema que permite guardar temporalmente los datos de un sitio para reducir el tiempo de acceso en una consulta posterior.
Por lo tanto, la existencia de un sistema de caché es lo que permite que las páginas HTML de AMP se entreguen rápidamente. Google tiene su propio sistema de caché que se utiliza para configurar y entregar las páginas AMP HTML cuando se cargan los sitios web
La caché de la página móvil acelerada de Google es en realidad una red de entrega de contenidos (CDN) basada en un proxy que entrega documentos AMP válidos
La función de esta red es almacenar en caché y luego guardar las páginas HTML y mejorar automáticamente su rendimiento
Como es de esperar, estos tres componentes básicos de Accelerated Mobile Page trabajan al unísono para permitir que las páginas se carguen rápidamente
En la siguiente sección, repasaré las distintas técnicas de optimización que se combinan para que las páginas móviles aceleradas sean tan rápidas.
2.2 ¿Cómo funcionan las páginas AMP?
La carga de un sitio web está condicionada no sólo por la velocidad de conexión, sino también, y sobre todo, por la velocidad de carga elementos del sitio en el servidor.
Sin embargo, hay que reconocer que la velocidad de la conexión a Internet es más bien un elemento externo al diseño del sitio. Por ello, el proyecto AMP se centra únicamente en la velocidad de carga de los archivos necesarios para mostrar el sitio en cuestión.
Pero como la velocidad de carga de los archivos de un sitio depende de su tamaño, se puede decir que AMP es un método de optimización cuya función es reducir el tamaño de carga de los archivos necesarios para que un sitio se cargue.
Para ello, limita los recursos que deben cargarse para mostrar la página solicitada por :
- Dar prioridad a los recursos priorización de recursos: Accelerated Mobile Page controla toda la carga de recursos. Prioriza la carga de los recursos importantes y carga sólo lo necesario. Por ejemplo, las imágenes y los anuncios sólo se cargan si es probable que el usuario los vea, por encima del pliegue, o si es probable que el usuario se desplace rápidamente;
- Realización de todo el JavaScript de forma asíncrona el JavaScript permite cambiar aspectos de una página. Pero también bloquea la carga del código HTML de la página. Para evitar esto, AMP sólo permite el JavaScript asíncrono;
- Redimensionar todos los recursos de forma estática redimensionamiento de todos los recursos de forma estática: Dado que la página móvil acelerada está optimizada para evitar los recálculos de estilo y la excesiva disposición de la página en el navegador, no se produce un redimensionamiento al cargar los recursos. Esto se manifiesta en el hecho de que sólo se necesita una petición HTTP para maquetar todo el sitio
- Evitar que el renderizado sea bloqueado por los mecanismos de extensión las páginas móviles aceleradas no permiten que los mecanismos de extensión bloqueen la representación de una página. Para ellos, las extensiones son como lightboxes o integraciones de medios sociales. Por lo tanto, aunque envíen múltiples peticiones HTTP, no impiden que la página se maquille y se renderice;
- Disparar sólo las fuentes efectivas la optimización de las fuentes web es esencial para una carga rápida, ya que suelen ser de gran tamaño. En una página típica que incluye unos cuantos scripts de sincronización y algunas hojas de estilo externas, el navegador espera a descargar las fuentes hasta que se cargan todos los scripts;
- Minimizar los cálculos de estilo minimización de los cálculos de estilo: En las páginas móviles aceleradas, las lecturas se realizan antes que las escrituras, lo que reduce significativamente los recálculos de estilo. De hecho, las páginas de movimiento acelerado sólo permiten un máximo de un recálculo de estilo por cuadro;
- Ejecutar sólo animaciones aceleradas por la GPU las reglas de las páginas AMP, en particular las del CSS relativas a las animaciones, garantizan su ejecución acelerada por la GPU. Por lo tanto, puede utilizarlo para realizar optimizaciones aún más rápidas;
- Cargando las páginas al instante aMP está optimizado para no utilizar mucho ancho de banda y CPU al pre-renderizar el contenido web. Cuando los documentos AMP se pre-renderizan para su carga instantánea, los recursos por encima del pliegue se descargan realmente, y los recursos que podrían utilizar mucha CPU, como los iframes de terceros, no se descargan. Con esto, se puede renderizar una página antes de que el usuario diga explícitamente que quiere acceder a ella.
Como puede ver, estos son los bloques de construcción del proyecto Accelerated Mobile Page que trabajan al unísono para ofrecer páginas web más rápidas.
Ahora que ya sabe cómo se estructuran las páginas y cómo funcionan, el siguiente capítulo explica el proceso de creación de Accelerated Mobile Pages.
Capítulo 3: Cómo crear páginas AMP
Antes de entrar en el proceso de creación de páginas móviles aceleradas, es importante tener en cuenta las directrices de Google para el proyecto de páginas móviles aceleradas
3.1. Requisitos para crear una página AMP
Estos incluyen
- Cumplimiento de la especificación AMP HTML
- Utilización de un esquema de URL AMP lógico
- Implementando los mismos elementos y funcionalidades que se encuentran en el sitio principal;
- Validación de sus páginas móviles aceleradas
Además, para asegurarse de que las páginas de su sitio se muestran correctamente en su versión AMP, debe incluir las siguientes etiquetas en cada página
- Al principio de cada documento AMP HTML, aparece el tipo de documento que debe incluirse;
- La declaración
- Su página móvil acelerada debe tener una etiqueta HTML correspondiente. Puede utilizar o ;
- Cada página HTML AMP debe contener
o ; - Su página móvil acelerada debe estar enlazada con su versión normal añadiendo una etiqueta canónica. Incluso si sólo hay una URL estándar, la etiqueta canónica debe apuntar a ella.
Además, como parte de los requisitos, cabe destacar que los contenidos multimedia o audiovisuales deben estar etiquetados con etiquetas AMP para que funcionen
- AMP-img para las imágenes ;
- AMP-video para los vídeos;
- AMP-audio o iframe para el audio.
3.2. La creación real de páginas móviles aceleradas
Para crear páginas móviles aceleradas, tiene varias opciones
Decida crear usted mismo las páginas aceleradas para móviles en su sitio o utilice plugins en su gestor de contenidos. Aquí trataré el caso de WordPress
3.2.1. Creación manual
Para crear su página AMP manualmente, le recomiendo que vaya al sitio principal del proyecto Accelerated Mobile Page
Allí encontrará guías y tutoriales que le permitirán
- Cree fácilmente sus páginas móviles aceleradas;
- Integre las páginas móviles aceleradas en sus aplicaciones;
- O aprenda más sobre su funcionamiento para poder dominar los aspectos básicos
También tiene la oportunidad de realizar un curso gratuito en función de si es un experimentado o un principiante
3.2. Creación de AMPs desde un CMS como WordPress
Si utiliza WordPress, puede crear fácilmente sus páginas aceleradas para móviles siguiendo el siguiente proceso
- Acceda a su panel de control de WordPress y seleccione Extensión => Añada;
- A continuación, busque la palabra clave AMP y espere a que se carguen los resultados;
- Ahora haga clic en instalar y espere a que termine la instalación para activar el plugin;
- Una vez activado el plugin AMP, vaya al instalador de extensiones y seleccione la extensión para acceder a la tabla de configuración del plugin;
Una vez que el plugin está configurado, puede seguir haciendo cambios y mejorando la apariencia de sus páginas. Siga este vídeo que muestra los pasos a seguir y el plugin ideal a instalar para aprovechar al máximo el proyecto Accelerated Mobile Page
Capítulo 4: Preguntas frecuentes
4.1. ¿Cómo puedo personalizar las páginas AMP?
Puede utilizar Google Search Console o su código HTML para optimizar el código AMP y hacerlo más personalizable.
Para actualizar la caché de la página móvil acelerada, por ejemplo, puede utilizar la consulta update-cache «.
Aquí tiene otras formas de personalizar su documento AMP HTML:
- amperio-pixel píxel de seguimiento ;
- amp-analytics seguimiento analítico ;
- amp-animación añadir animaciones;
- amp-access acceso al muro de pago ;
- amp-dynamic-CSS-classes : Elementos CSS dinámicos ;
- amp-iframe : Muestra un iframe;
- amp-access-laterpay se integra con LaterPay;
- amp-list descargue los datos y cree una lista;
- amp-live-list actualice el contenido en tiempo real;
- amp-app-banner banner fijo;
- Aplicación de la gtag.js Permite el seguimiento de eventos en Google Ads y Google Search Console;
- Etc.
Puede encontrar una completa una lista completa aquí.
4.2. ¿Es AMP un factor de clasificación directo para Google?
Aunque todavía hay mucha expectación sobre el proyecto de la página móvil acelerada, Google todavía no lo ha convertido en un factor de clasificación.
Usted ya sabe que la velocidad de carga de la página y la facilidad de uso para móviles son factores de clasificación bien conocidos, pero el AMP sólo está relacionado con las páginas para móviles.
Por eso nunca puede utilizarse como un factor de clasificación independiente, ya que sólo funciona en las páginas móviles y no tiene nada que ver con la versión de escritorio de las páginas.
Dicho esto, dado que los sitios amigables con el móvil son recompensados con una clasificación más alta en los resultados de búsqueda orgánica para móviles, las páginas desarrolladas con AMP probablemente se clasificarán más alto que las páginas no AMP.
Fuente Netlight
4.3. ¿Cuáles son los inconvenientes de las páginas móviles aceleradas?
Aunque el uso de páginas móviles aceleradas le ofrece muchas ventajas, AMP también tiene algunas restricciones:
- Sin JavaScript de terceros
Al no poder utilizar JavaScript de terceros, tiene que decir adiós a las capacidades de análisis y seguimiento que le permiten ofrecer experiencias publicitarias muy específicas.
Y no sólo eso, con la versión más ligera de JavaScript de Google, los elementos de la página que requieren transferencia de datos no pueden utilizarse en las páginas móviles aceleradas.
- No hay seguimiento de Google Analytics
Google utiliza una versión en caché de las páginas móviles aceleradas para los usuarios en lugar de acceder a sus servidores. Esta es una de las razones por las que las páginas AMP se cargan tan rápidamente
Aunque la caché permite que sus páginas se carguen más rápido, Google Analytics no realiza un seguimiento de las visitas de los usuarios a menos que configure GA y aplique códigos de seguimiento independientes a sus páginas móviles aceleradas.
Así es como puede seguimiento de las páginas AMP en Google Analytics con Google Tag Manager.
Las páginas AMP tienen su propio conjunto de ventajas y desventajas. Sin embargo, si quiere ofrecer a sus visitantes una experiencia móvil rápida y optimizada, los pros superan definitivamente a los contras.
En resumen
Las páginas móviles aceleradas son un método de optimización de sitios web cuyo uso contribuye en gran medida a reducir el tiempo de carga de las páginas web en los dispositivos móviles.
En este artículo, he cubierto algunas cosas que le darán una mejor comprensión de lo que es AMP. También encontrará algunos consejos sobre cómo implementarlo en su sitio web.
Espero que este artículo le haya resultado muy satisfactorio. Déjeme una reseña en los comentarios de abajo.
¡Hasta pronto!
