¿Qué es el amplificador?La guía completa de las páginas móviles aceleradas

En esta publicación, abordamos qué es, cómo funciona, sus beneficios y cómo puede implementarlo en sus sitios web. La vida del siglo XXI está en un ritmo rápido y más rápido y más rápido. La gente está en línea incluso cuando se mueve. De hecho, sería difícil para usted ver a alguien en las inmediaciones que no tiene un teléfono o tableta a mano. Para el contexto, se estima que solo en los EE. UU., Las personas verifican colectivamente sus dispositivos móviles y esperan respuestas inmediatas 30 mil millones de veces al día. La ubicación interviene para mantenerse al día con este ritmo rápido, lo que nos permite obtener las respuestas que necesitamos donde sea que estemos, en cualquier momento del día o de la noche.
¿Qué es el amplificador?

AMP es una abreviatura de “páginas móviles aceleradas”. Esto lleva a su próxima pregunta: “¿Cuáles son las páginas móviles aceleradas?” Desde un punto de vista histórico, las páginas web móviles fueron muy lentas en comparación con sus equivalentes de escritorio. Pero con el aumento dramático en el uso de dispositivos portátiles, Google se dio cuenta de que algo debería cambiar. Por lo tanto, en 2015, lanzaron el proyecto Google ASCE para remediar lo que muchas personas percibieron como elevadores inaceptables de páginas móviles. El AMP se desarrolló por primera vez para los editores. Desde el lanzamiento, otras industrias han logrado los beneficios significativos que puede ofrecer. Como tal, muchos sitios web están optimizados para responder a los requisitos de la sociedad moderna a un ritmo rápido en el que vivimos.
¿Cómo funciona el amplificador? AMP utiliza versiones más ligeras de HTML, JavaScript y CSS en comparación con sus equivalentes de escritorio. Generalmente se usan en el contenido estático para que sea “más fácil” y, por lo tanto, una carga más rápida en comparación con el HTML habitual. ¡La desventaja es que ya no tiene tiempo para tomar un café mientras espera que una página web cargue en su teléfono móvil! Por lo general, Google ha impuesto especificaciones estrictas para el amplificador HTML para garantizar que las páginas móviles se carguen casi al instante. Afortunadamente, también han creado mucha información para ayudarlo a convertir fácilmente sus páginas en AMP. Sus páginas “Iniciar” y “Guías y tutoriales” son un excelente punto de partida para principiantes. El artículo continúa a continuación

Desde el nacimiento del AMP en 2015, Google ha lanzado iniciativas de anuncios de anuncios. Con el objetivo de mejorar la experiencia de los usuarios con anuncios en línea, fue un movimiento sabio, dado el paso masivo de las compras en línea. ¿Cómo puede su sitio web beneficiarse de AMP? AMP ofrece beneficios significativos para su sitio, que incluyen: 1. Sitio móvil significativo, todos sabemos cuán frustrantes pueden ser los sitios web móviles. Google también se sintió frustrado por esto, por lo que lanzó primero AMP. Tener un sitio web de carga rápida creará la mejor experiencia para sus visitantes y visitantes felices = clientes leales.
2. Su sitio web será compatible con los dispositivos móviles, solo hay una cosa peor que una página web que dura una eternidad para cargar y ese es el intento de usar unidades para uso móvil en su teléfono.Las páginas en el escritorio están diseñadas para verse en las pantallas de computadora habituales.Como tal, son demasiado grandes y engorrosos para ser usados ​​en tabletas y casi imposibles en teléfonos móviles.AMP optimiza las páginas web para dispositivos móviles, formateo para leerlas y navegar más fácilmente.Las páginas de escritorio que no tienen un equivalente de AMP requieren que el visitante funcione no solo hacia arriba y hacia abajo por contenido, sino también a la izquierda y a la derecha.Esto rápidamente se vuelve muy molesto para el visitante.
Al igual que con la velocidad, los sitios web optimizados para dispositivos móviles ofrecen una experiencia mucho mejor para los visitantes, lo que significa que es más probable que permanezcan en su sitio y lo devuelvan en el futuro. 3. Es más probable que Google observe que su sitio es importante saber que Google opera “indexando primero en dispositivos móviles”. Esto significa que generalmente indexa y clasifica los sitios web que usan la versión móvil antes de la versión de escritorio. Como todos sabemos, como el Santo Grial, la operación exacta del algoritmo de Google está envuelta en misterio y leyenda. Son muy reservados sobre cómo se indexan y se clasifican. Para complicar aún más las cosas, el algoritmo está evolucionando constantemente. Sabemos que, aunque AMP no es un factor de clasificación directa, el tiempo de carga de la página, la calidad del contenido y la experiencia del usuario ahora se consideran. AMP puede ayudarlo a mejorar todo en su sitio.
Ejemplos de AMP Como se mencionó anteriormente, el AMP se orientó inicialmente a los editores. Si bien la mayoría de los sitios web de AMP pertenecen a empresas como The Washington Post o CNBC, puede encontrarlos y utilizados por otras industrias, como el comercio electrónico. Eche un vistazo a Snapdeal y 1800 flores en el teléfono para ver un ejemplo. Según Google Statistics, en 2017 solo había un millón de campos y 2 mil millones de páginas usando AMP. Un año antes, el número de áreas que lo usaban era de hasta 31 millones, y las páginas alcanzaron los 5 mil millones. No se han publicado cifras en los últimos dos años, pero serán enormes. Por lo tanto, la probabilidad de que en tu vida nunca haya visto un amplificador, al mismo menos hoy, es extremadamente probable. El artículo continúa a continuación
Cómo implementar AMP para su sitio web

Hacer su sitio de amplificador compatible es bastante simple. No necesita mucho conocimiento de codificación para hacer esto, aunque saber los elementos básicos lo ayudarán. La página “Guías y tutoriales” de Google identifica seis pasos distintos a seguir en la creación del amplificador: 1. Cree su página de AMP HTML, Google ha proporcionado amablemente un código que puede usar para comenzar. Debe guardar en un archivo .html.

El tutorial proporciona una explicación detallada del código. También enfatiza que se incluyen algunos metadatos opcionales, a saber, una definición de scheme.org. Estos metadatos no son obligatorios para el AMP, pero sin ellos, su contenido no aparecerá en lugares como el carrusel con los artículos más importantes en las búsquedas de Google.

Por supuesto, el código no se vierte en piedra y es posible que desee o necesite cambiarlo para satisfacer sus requisitos. Afortunadamente, AMP es de código abierto, por lo que la personalización es posible siempre que siga las reglas establecidas por Google. 2. Agregue una imagen de las imágenes en las que se muestran las imágenes es muy diferente en los dispositivos móviles. Las cuadrículas de imágenes en su sitio de escritorio simplemente no funcionarán en un dispositivo móvil, deben ser consecutivos. Para optimizar las imágenes para AMP, las etiquetas HTML deben cambiarse en las etiquetas de AMP HTML. Nuevamente, este es un asunto simple y Google ha proporcionado un código de ejemplo para ayudarlo.

El artículo continúa a continuación

3. Cambiar la apariencia y la presentación de la apariencia y la presentación de sitios web compatibles con dispositivos móviles deben ser mucho más simples y más racionalizados que para los sitios de escritorio. El AMP tiene reglas bastante estrictas a este respecto, solicitando que cada elemento tenga un tamaño específico, en lugar de las páginas de escritorio HTML que usan principalmente CSS para tener los elementos. 4. Prepare la página para el descubrimiento y la distribución, es posible tener solo un amplificador sin una versión adecuada que no sea de AmAM, por ejemplo, si publica contenido del artículo de noticias. Sin embargo, tenga en cuenta que las personas todavía están usando computadoras de escritorio, por lo que es una buena idea tener versiones de AMP y no amplitud de su página web.

Para que Google Search sepa que hay ambas versiones, debe atar las páginas con las etiquetas . Si solo tiene la página AMP, debe tener

, pero en este caso, él se enviará a sí misma.5. Vista previa y valida la página Después de haber completado los pasos del 1 al 4, estará listo para obtener una vista previa de la nueva página AMP para asegurarse de que funcione como debería ser.Esto es muy simple, que se hace de la misma manera que para cualquier página HTML estática.Puede abrirlo directamente en el navegador o, alternativamente, con algo como un servidor web Nginx o Apache 2. Después de obtener una vista previa de la nueva página de AMP, debe asegurarse de que sea válido y que pueda ser descubierto por motores de búsqueda; no nota ¡Tener una página invisible!

Esto se puede hacer utilizando su navegador web y la consola Chrome DevTools para ver si hay errores de validación que podrían afectar la visibilidad de su página si hay errores, el tutorial tiene enlaces a páginas que pueden ayudar a resolverlos. 6. Justo antes de publicar finalmente, Google recomienda que se familiarice con la forma en que funciona la OMI y cómo funciona cada uno de sus artículos. De esta manera, podrá convertir fácilmente todas sus páginas web en AMP, solucionar cualquier problema y también producir contenido que sea perfectamente adecuado para uso móvil. Si bien el sitio web oficial de AMP de Google normalmente sería el primer puerto de llamadas para cualquier problema relacionado con AMP, hay una multitud de otra información y asistencia disponibles en Internet para ayudarlo a abrir su página móvil en breve. Limitaciones de AMP Debido a que ASCE utiliza versiones reducidas de HTML, CSS y JavaScript, ha habido varios compromisos. Al principio, el amplificador era bastante “buggy” y propenso a muchos problemas. También carecía de gran parte de las funcionalidades que disfrutan los sitios de escritorio equivalentes:
Sin JavaScript, sin la representación previa de imágenes y transmisión de video lenta, por nombrar solo unos pocos. Esto significaba que tus páginas en el escritorio “todos cantan, todos bailando” han perdido la mayor parte del ritmo cuando se adaptaron a AMP. Y, por supuesto, Google quería usar análisis y nada más para recopilar todos los datos importantes necesarios para monitorear el rendimiento de sus páginas. Rápido seis años antes y las cosas han mejorado considerablemente. Ahora es posible crear un amplificador que prácticamente conserve toda su funcionalidad su contraparte de escritorio, al tiempo que ofrece tiempos de carga de rayos y una excelente experiencia de usuario. Las soluciones de tercera parte, como los complementos de WordPress y similares, también ayudaron a aumentar la función AMP en niveles cercanos al escritorio. La medición del rendimiento del AMP es importante para monitorear regularmente el rendimiento de sus páginas web, y el AMP no es una excepción. El sitio web oficial de Google contiene una guía útil titulada “Cómo medir correctamente el éxito de sus páginas de AMP. Esto lo guía a través de todo el proceso de configuración de Google Analytics, por lo que puede. Esto requerirá insertar una pequeña cantidad de código en la interfaz de Google Analytics, pero se proporciona en la guía. Una vez configurado correctamente, podrá monitorear los siguientes valores del AMP: 1. El tráfico del tráfico de origen/medio en comparación con el no amplificador.
El número de sesiones a partir de AMP.
Análisis de caché versus no dolor.
2. Participación del usuario
Tasa de rechazo.
Páginas por sesión.