AMP para Elementor: aumente la velocidad de su sitio web GRATIS

Si desea crear un sitio web de Elementor compatible con dispositivos móviles, o convertir su sitio web ya creado en uno, ¡estamos aquí para salvarlo!

Actualmente, puede crear fácilmente un sitio web hermoso, completamente funcional y bien optimizado utilizando Elementor. Pero todos sus esfuerzos se van por el desagüe si no puede asegurar una buena posición en Google.

Dado que Google pasó al índice móvil primero, es importante hacer que su sitio web se cargue más rápido en los dispositivos móviles. Para hacerlo más específico, más de la mitad del tráfico web proviene de dispositivos móviles. Como consecuencia, los sitios web lentos harán que pierdas una gran cantidad de clientes potenciales.

Entonces, ¿cuál es la solución?

Páginas móviles aceleradas o AMP.

Aprenda cómo sus páginas móviles aceleradas acelerarán la velocidad de su sitio y aumentarán las conversiones de manera efectiva.

¿Qué es AMP?

Las páginas móviles aceleradas o AMP son una forma de acelerar sus sitios web móviles. Garantiza una mejor experiencia de usuario para los navegadores móviles, incluso con conexiones a Internet lentas.

Google presentó este proyecto de optimización con el objetivo de ayudar a los editores web. Para que las personas puedan crear contenido optimizado para dispositivos móviles que se cargue instantáneamente en todos los dispositivos, sin importar qué tipo de tableta o dispositivo móvil esté usando.

Disminuye el tiempo de carga del sitio web utilizando un conjunto de datos limitado. Esto es ocho veces más pequeño que el tamaño habitual de una página móvil. Con esta tecnología, puede aumentar la velocidad de su sitio hasta cuatro veces, lo que a su vez lo hará más compatible con dispositivos móviles.

AMP ha sido ampliamente utilizado por muchas empresas emblemáticas, como Twitter, New York Times, Adobe, etc.

Tenga en cuenta: diseño receptivo ≠ optimizado para dispositivos móviles

El diseño web receptivo brinda una experiencia de visualización óptima en todos los dispositivos de tamaño de pantalla, desde monitores de computadora de escritorio, tabletas hasta teléfonos móviles. Mientras que los sitios web habilitados para AMP están especialmente diseñados para cargarse rápidamente en dispositivos móviles. Estas páginas ligeras utilizan un conjunto limitado de HTML, JavaScript y CSS.

Los usuarios móviles encontrarán páginas AMP con una apariencia especial en la página de búsqueda de Google.

Google muestra un sitio web de AMP con un icono de rayo en la búsqueda móvil. Ayuda a los usuarios a distinguir entre sitios con tecnología AMP y sitios que no son AMP.

Mientras que es más probable que las personas abran un sitio web con el ícono del rayo para ahorrar tiempo (¡se carga más rápido!). Los expertos en SEO afirmaron que esta técnica aumenta la tasa de clics de las páginas.

¿Es AMP importante para el SEO?

Si bien AMP no es un factor de clasificación del motor de búsqueda, la velocidad es un factor para la búsqueda de Google. Sin embargo, AMP ofrece una experiencia web rápida y confiable.

En julio de 2018, Google incluyó la velocidad de la página como un factor de clasificación para las búsquedas móviles. Desde entonces, los propietarios de sitios también comenzaron a esperar garantizar una experiencia móvil más rápida.

Es importante tener en cuenta que los dispositivos móviles representan aproximadamente la mitad del tráfico web en todo el mundo. Y el número está creciendo muy rápido.

Nuevos estudios proyectan que el 55,56 por ciento de todo el tráfico web proviene de teléfonos móviles.

Por lo tanto, existe una alta probabilidad de que una gran parte del tráfico de su sitio web provenga de dispositivos móviles. Por lo tanto, es igualmente importante hacer que su sitio se cargue rápidamente en dispositivos móviles.

AMP funciona exclusivamente para páginas móviles y no está directamente relacionado con la versión de escritorio de las páginas. Dado que Google otorga una clasificación más alta a las páginas desarrolladas con AMP en comparación con las páginas que no son AMP, en las páginas de resultados móviles. Entonces, si desea convertir a sus usuarios móviles objetivo en clientes, comience a practicar esta técnica en su sitio.

Cómo se ve AMP en los resultados de búsqueda

Como mencionamos anteriormente, las páginas de AMP aparecen con un ícono de rayo y ayuda a los navegadores móviles a identificar rápidamente las páginas que se cargan rápida y sin problemas. Cuando alguien selecciona una página AMP, la Búsqueda de Google recupera la página de la caché de AMP de Google y aplica una variedad de optimizaciones de carga. Para que esas páginas puedan aparecer instantáneamente, como prerenderizado.

Cuando los navegadores móviles hacen clic en una página de AMP en la Búsqueda de Google, el contenido asociado puede aparecer de dos maneras:

Google AMP Viewer: Google AMP Viewer es un entorno híbrido donde puede recopilar datos sobre el usuario siguiendo la política de privacidad de Google. Donde su contenido se almacena en caché y se sirve para optimizar la entrega de contenido asegurando una mejor experiencia de usuario. Encontrará la fuente del editor de contenido en la parte superior de Google AMP Viewer. Para que puedas entender fácilmente quién lo publicó. Pero la URL sigue siendo un dominio de Google.

Intercambio firmado: Permite que el navegador trate una página como perteneciente a tu dominio. Aquí puede usar cookies de origen para personalizar el contenido y medir el análisis. Tu página aparece con tu URL en lugar de la URL de google.com/amp.

De los dos, es más probable que la Búsqueda de Google represente contenido en el formato de intercambio firmado. Pero solo para navegadores que lo soporten. En este momento, solo Chrome admite el intercambio firmado.

¿Elementor es compatible con AMP?

El creador de páginas de Elementor no es compatible con AMP, sin embargo, funciona a la perfección en el sitio web que no es de AMP. Pero puede instalar una extensión de terceros en su sitio de Elementor para que sea compatible con AMP.

Sin lugar a dudas, Elementor se convierte en uno de los mejores creadores de páginas en poco tiempo. Reemplaza el editor básico de WordPress con un editor de interfaz en vivo. Ahora puede crear diseños de diseño complejos sin cambiar entre el editor y el modo de vista previa. Pero para hacerlo más perfecto, también debe garantizar otras factibilidades técnicas.

Actualmente, si planea crear un nuevo sitio web, debe considerar usar AMP. Estas páginas se cargan extremadamente rápido y ayudan a que su sitio web tenga una clasificación más alta en Google.

Cómo optimizar páginas AMP

Las páginas móviles aceleradas son como cualquier otra página HTML, pero con un conjunto limitado de funciones técnicas permitidas que se definen y rigen por la especificación AMP de código abierto. Bajo este tipo de marco, los editores y los anunciantes continúan controlando su contenido, pero las plataformas pueden almacenar en caché o duplicar fácilmente el contenido para una velocidad de entrega óptima a los usuarios.

Proyecto AMP

Google introdujo AMP con el objetivo de priorizar la velocidad y la legibilidad. En las páginas AMP, las imágenes dentro de la página se cargarán solo al desplazarse. Además, estas páginas se almacenan en caché para mostrar el contenido lo más rápido posible.

Las páginas AMP están codificadas usando una estructura especial que hace que la estructura original sea mucho más ligera. Eso significa que todos los elementos no están permitidos aquí, CSS se aplica directamente en el HTML y JS no está permitido en absoluto.

Para que un sitio web sea compatible con AMP, debe realizar algunas acciones necesarias:

Asegurar la Descubribilidad

Incluya información sobre la página AMP en la página que no es AMP y viceversa. Use este formulario rel=”amphtml” (en AMP) y rel=”canonical” (en las versiones que no son AMP) como etiquetas en el <head>.

Use URL de AMP compatibles con SEO

Hay varias formas de definir la URL de AMP. Tal como-

• Parámetro: ?amperio
• Subdominio: amp.dominio.tld
• Idioma de interfaz: dominio/carpeta/artículo.amp.html
• Subcarpeta: dominio/carpeta/artículo/amp

La opción de subcarpeta suele ser la más flexible y compatible con SEO. La subcarpeta y el idioma del front-end son las únicas dos opciones recomendadas por Google.

Interfaz de usuario consistente

Para la restricción de AMP, puede realizar algunos cambios en el diseño de su sitio web. Pero mantenga la interfaz de usuario y el esquema de diseño sustancialmente similares. Para que las personas puedan relacionar versiones AMP y canónicas de la misma página.

Confirmar la funcionalidad general

La personalización y los atributos interactivos de la versión canónica deberían funcionar de la misma manera en AMP. Como menú de navegación, iconos para compartir en redes sociales, formularios, inicio de sesión, anuncios, contenido relacionado, etc.

Verificar la paridad del elemento SEO

Para mantener su clasificación SEO inalterada, verifique el código de back-end como hreflang, H1s, texto de imagen alternativa y, especialmente, datos estructurados válidos. Estos elementos deben ser los mismos tanto en las páginas canónicas como en las de AMP.

Consulte las pautas del logotipo de AMP

Diseñe logotipos siguiendo las pautas de AMP; de lo contrario, aparecerá mal o no aparecerá en absoluto en el carrusel de historias principales.

No agregue URL de AMP al mapa del sitio XML

Recuerde, solo las URL canónicas pertenecen a los mapas de sitio XML.

Incluya el parámetro rel=”amphtml”. Envía la señal a Google para identificar las páginas AMP.

Después de indexar una página AMP por parte de Google, esta versión se entregará a los usuarios.

AMP para Elementor: acelere su sitio web

Como sabe, los sitios web de carga rápida conducen a una mejor experiencia de usuario y, en última instancia, a más ingresos. De hecho, un estudio de Google muestra que a medida que aumenta el tiempo de carga de la página, la tasa de rebote también aumenta. Además, Google también tiene en cuenta la velocidad del sitio al indexar o clasificar un sitio web. Por lo tanto, si su sitio es lento, perderá visibilidad y tráfico.

Elementor te permite crear diseños increíbles en un abrir y cerrar de ojos. Pero sin la audiencia adecuada, sus esfuerzos no serán valorados. AMP para Elementor te permitirá asegurar una posición más alta en SERP.

Sin embargo, Google está impulsando las páginas AMP al darles un impulso en la búsqueda móvil. Por lo tanto, si una parte importante de su tráfico proviene de búsquedas móviles, definitivamente se beneficiará al agregar soporte AMP para mejorar y mantener su SEO.