Guía detallada para AMP – Páginas móviles aceleradas de Google

¿Cómo funciona el amplificador? ¿Cómo crear y personalizar páginas móviles aceleradas? ¿Qué herramientas pueden usar propietarios de sitios en CMS populares, incluidos WordPress, Joomla!, Drupal, OpenCart? ¿Qué trampas enfrentan los webmasters cuando se implementan y cómo pueden resolver problemas? ¡Revise las respuestas a estas y otras preguntas en el próximo manual!
contenido
¿Cuál es el amplificador y cómo funciona?
¿Vale la pena usar páginas móviles aceleradas?
Cómo instalar AMP en WordPress
Amp para goteo
Amp para Joomla!
AMP para la tienda en línea
Para implementar AMP o no, ¡esta es la pregunta!
Lo que es AMP y cómo funciona significa que significa páginas móviles aceleradas. El término significa la tecnología de mostrar las páginas de un sitio para usuarios móviles que aseguran la máxima velocidad de carga.
AMP es una versión radicalmente truncada de las páginas web convencionales. El contenido principal permanece en las páginas aceleradas. La mayoría de los elementos auxiliares, incluidos widgets, formularios de comentarios, bloques de contenido recomendados, anuncios tradicionales faltan en páginas aceleradas. Acceleted Mobile Pages es una plataforma de código abierto y un proyecto dirigido por Google. Por lo tanto, cualquiera puede usar esta iniciativa de forma gratuita. El ideológico y el portavoz del proyecto son Google. El motor de búsqueda más grande del mundo utiliza páginas AMP para mostrarlas en páginas con resultados de búsqueda (SERP). Además, Google memoriza páginas aceleradas adaptadas para dispositivos móviles en caché y actúa como CDN para ello. Debido a este hecho, los usuarios móviles descargaron contenido de AMP rápidamente incluso a una conexión de baja velocidad.
Este diagrama y explicación, de la tabla White Friday de Will Critchlow, simplifica el proceso: las páginas aceleradas consisten en el marcado HTML con etiquetas especiales y la biblioteca dedicada JavaScript.

AMP te obliga a usar una versión CSS simplificada;
JavaScript no está permitido en absoluto;
Se ve obligado a usar una biblioteca JavaScript disponible que le ofrece ASC, lo que le obliga a las imágenes a cargar perezoso.
En la página AMP, puede usar un conjunto limitado de etiquetas y scripts. Esto reduce la funcionalidad y el atractivo externo de las páginas, pero aumenta drásticamente la velocidad de carga. Además, el tiempo de carga de la página ha sido reducido por Google Pre-Caching Technology.
Los navegadores web pueden usar AMP de dos maneras fundamentalmente diferentes. El primero implica la transferencia de datos del servidor del propietario del sitio en la computadora del visitante y mostrando la versión acelerada de la página en el navegador. Por ejemplo, en un sitio de AMP activado, puede configurar la redirección automática de todos los usuarios móviles a páginas aceleradas. El visitante puede llegar al amplificador con un dispositivo móvil o agregar el sufijo “/amp” a la URL desde la barra de direcciones del navegador. El segundo método consiste en visualizar el caché, una versión de un servidor de Google.
El motor de búsqueda más grande del mundo muestra enlaces a páginas aceleradas en formato SERP Carousel o marca el contenido de AMP con un icono de logotipo helado.

Al visualizar la página, el usuario no sale al sitio, sino que navega el mismo contenido en la página del editor. Desafortunadamente, Google no considera necesario mostrar el AMP-Caruse en las páginas de los problemas generados para estos dispositivos. Por lo tanto, agradezca el terreno del motor de búsqueda por un ejemplo. ¿Vale la pena usar páginas móviles aceleradas? Para responder a esta pregunta, debe prestar atención a las ventajas, desventajas y resultados de la implementación. Las ventajas de la principal ventaja del AMP es la optimización dramática de la velocidad de carga. La tabla muestra los resultados de probar la versión de amplificador básica y acelerada de una página por varios servicios de valor populares. TD> BASIC amp PageSpeed ​​Insights de Google 62 puntos para dispositivos móviles, 77 puntos para escritorio. 88 puntos para móvil, 94 puntos para escritorio.> El tiempo de carga es de 5.94 segundos, el tamaño de la página es 3.5 Mb. El tiempo de carga es 2.46 segundos Prueba de velocidad de carga por GTMetrix La velocidad de carga es de 18.6 segundos, el tamaño de la página es 3.49 MB . El tiempo de carga es de 3.4 segundos, el tamaño de la página es de 314 kb. Más de la mitad de los visitantes no esperan que el contenido se muestre durante más de 3 segundos. Las páginas aceleradas se cargan mucho más rápido que el estándar.

Esto es posible debido a una reducción significativa en la cantidad de datos transferidos utilizando la tecnología AMP cada año. La carga rápida es crucial para los usuarios de dispositivos móviles. Por lo tanto, Google preemoriza el AMP y actúa como un CDN para las personas que usan Internet lento. La velocidad de carga y la experiencia del usuario con el sitio web es uno de los principales factores de clasificación de Google. ¿Las páginas móviles Acceleted ofrecen ventajas adicionales en la clasificación de Google?
A mediados de 2016, en la Cumbre del Revista de Engine de Search Engine en Chicago, el portavoz de Google, Harry Illes, dijo que las páginas móviles aceleradas no se encuentran entre los factores de clasificación. Pero el representante de Google no pudo decir sin ambigüedad que AMP no será un factor de clasificación en el futuro. ¿Qué significa? La tecnología ASA Alone no le da a los sitios web la ventaja de clasificar. Sin embargo, la velocidad de carga del sitio aumenta significativamente, lo que tiene en cuenta RankBrain, que analiza los factores de comportamiento para el algoritmo de clasificación de Google. Los sitios de noticias y los proyectos de contenido se benefician de la implementación del AMP al ingresar el carrusel AMP. Este elemento se muestra en la parte superior del SERP por encima de los resultados de búsqueda. Esto ofrece a los editores clics adicionales e indirectamente mejora la clasificación en motores de búsqueda y SEO.
Entonces, la principal ventaja de las páginas aceleradas es la alta velocidad de carga. Mejora la experiencia del usuario y puede influir indirectamente en las posiciones de los sitios de Google SERP. Además, los recursos pueden recibir vistas adicionales debido al carrusel AMP. Las desventajas de las páginas móviles aceleradas de ACP tienen pocas desventajas. Aquí están los principales: los visitantes de las páginas de AMP no pueden ser rastreados por el estándar de Google Analytics en la versión principal del sitio. Para seguir el amplificador de vistas y visitantes, debe agregar un código de seguimiento dedicado a las páginas. Puede hacerlo fácilmente con pegamento de complemento para yoast SEO y amp.

Las páginas aceleradas tienen una funcionalidad reducida en comparación con las básicas. Todos los módulos clásicos, como el menú de navegación, un bloque post correspondiente, la barra lateral, el formulario de comentarios debe agregarse manualmente o a través de los complementos.
En aras de la alta velocidad de carga, sacrifica los efectos visuales del sitio.
Si Google muestra las páginas aceleradas del sitio en el carrusel, los usuarios pueden leerlas sin dejar la serpiente.
Para una alta velocidad de carga, debe pagar el precio de la funcionalidad y la apariencia de las páginas. Vale la pena señalar que la mayoría de las deficiencias pueden ser eliminadas de manera total o parcial. Sin embargo, AMP siempre seguirá siendo una versión simplificada de la página base.
Los resultados de la implementación de Google de ImpO reconocen rápidamente el AMP en un sitio web. La información sobre las páginas indexadas surge en la sección de la consola de búsqueda “Aspecto de búsqueda >> Páginas móviles aceleradas” en unos días después de lanzar el sitio. Casi inmediatamente después de la indexación, Google enviará tráfico a la versión AMP de su sitio a fines de mayo de 2018, aproximadamente el 50% de los visitantes reciben de Google en lugar de la versión acelerada de la página que la básica. Aquí hay algunas estadísticas interesantes: dentro de una semana, entre el 20 y el 26 de mayo, 1812, los visitantes llegaron al sitio web de prueba de Google.
1011 de 1812 personas son usuarios móviles.
842 usuarios de Google aterrizaron en páginas móviles aceleradas.
Usando el ejemplo de cierto recurso sin pretender ser representativo, está claro que Google envía voluntariamente a los visitantes a las páginas. El 46% del número total de usuarios o el 83% de los usuarios móviles llegaron al motor de búsqueda acelerado. El 17% restante de los propietarios de teléfonos inteligentes y tabletas ha alcanzado las páginas básicas con apariencia adaptativa.
Aquí están los datos sobre los que debe tener cuidado:
La tasa de rechazo de las páginas móviles aceleradas es significativamente más alta que la de las páginas estándar. Según Google Analytics, alcanzó el 86% en comparación con el 55% en las páginas ordinarias. Esto puede deberse al seguimiento de rendimiento de las páginas incorrectas por Google Analytics. Cuando un usuario pasa de AMP a una página base, el sistema de monitoreo cuenta una nueva visita. En este caso, la tasa de rechazo de las páginas aceleradas aumenta y la profundidad de la sesión disminuye.
La relación de páginas por sesión para los visitantes de AMP es menor que para los visitantes a páginas adaptativas o páginas ordinarias.Es mucho menos probable que los usuarios se muden a otras páginas del sitio utilizando una sección de publicación relacionada que los visitantes de páginas comunes. Después de la implementación, hubo un ligero aumento en Google.La dinámica del tráfico de búsqueda moderado aumenta.Para evaluar los resultados del uso del AMP, no hay suficiente recurso con una presencia promedio de aproximadamente 150 visitantes únicos por día.Por lo tanto, vale la pena apelar a la experiencia de otra persona.Aquí hay algunos datos interesantes:
Según los resultados de la investigación, Google ha declarado la mayor eficiencia de los anuncios contextuales en las páginas básicas. El bloque de Adsense que se muestra en la parte visible de la pantalla aumentó en un 80%, y el CTR de los bloques de AD aumentó en un 90%. Datos curiosos del reloj del motor de búsqueda. La revista Wired recibió un aumento del 25% en los enlaces CTR en los resultados de búsqueda debido a AMP. Y la capacidad de hacer clic en los anuncios en las páginas aceleradas aumentó en un 63%. La presencia mensual del sitio de la revista Slace aumentó en un 44% después de la implementación de AMP. Los representantes de CNN en una entrevista para el Wall Street Journal dijeron que las páginas básicas y básicas se monetizan utilizando el anuncio igualmente efectivo. El AMP se carga mucho más rápido que las páginas básicas. Pero tienes que sacrificar la funcionalidad y la apariencia de las páginas. En el sitio de prueba, no hubo un aumento repentino en el tráfico después de la implementación de AMP. Sin embargo, Google dirige cada tercer visitante de un total de dos de tres usuarios móviles a páginas aceleradas, en lugar de estándar, del blog de prueba. Algunos webmasters consideran que AMP es un capricho inútil de Google, por otro lado, muchos editores en Internet informan un aumento en el número de visitantes en los sitios y aumentan la eficiencia de los anuncios. Esta información lo ayudará a decidir solo si utiliza páginas móviles aceleradas. Cómo instalar AMP en WordPress para la suerte de los usuarios de WordPress, las páginas móviles aceleradas se pueden implementar en un minuto. Para hacer esto, debe instalar y activar el complemento de WordPress del equipo de desarrollo de WordPress.
El complemento AMP de Automatic no tiene configuración, sin embargo, funciona perfectamente en una publicación de blog regular y compatible con casi todos los temas de WordPress. Puede probar su página de AMP en el validador de AMP. Para expandir la funcionalidad y mejorar la apariencia de las páginas de AMP, recomendamos usar una alternativa AMO para el complemento WP. Después de instalar y activar el complemento, vaya al menú de configuración rápida del panel de administración. En la sección general, si es necesario, cargue el logotipo del sitio. El tamaño de imagen recomendado es 190 × 36 PX. Usando el botón de cambio de tamaño, puede especificar un tamaño arbitrario del logotipo. A diferencia del complemento AMP en WordPress de Automatic, si necesita las versiones de AMP de las páginas estáticas, cambie el botón a la posición ON.
En la sección Análisis, active el seguimiento de las visitas de AMP utilizando Google Analytics. Para hacer esto, ingrese la ID de Google Analytics. Además, aquí puede activar Google Analytics usando Google Tag Manager.
En la sección de diseño, puede cambiar el tema y la apariencia de las páginas de AMP. Aquí puede seleccionar opciones de diseño preparadas. También puede crear su propio tema personalizado con el amplificador Framework. En la sección SEO, puede configurar la visualización de metadatos en el complemento de SEO yoast en las páginas aceleradas, puede agregar el código HTML arbitrario y también puede configurar la indexación de páginas y categorías de archivo. Si no usa el complemento Yoast SEO, deje la configuración predeterminada.
En la sección de publicidad, configure la pantalla ADSense AD. El complemento ofrece cuatro opciones para publicidad: por encima del encabezado en todas las páginas, debajo del sótano en todas las páginas y por encima y por debajo del contenido de las páginas. Para colocar un anuncio debajo del contenido de la página de publicación, active el AD # 4. Seleccione el tamaño del anuncio. Cree un anuncio a su cuenta de AdSense y agregue los códigos de usuario y las unidades AD a los campos sugeridos. Tome los datos del código de publicidad creado. Puede mostrar un bloque de contenido adecuado en las páginas aceleradas cuando sea necesario. El contenido correcto es una herramienta de recomendación gratuita que le brinda una forma simple de promover su contenido de los visitantes de su sitio a sus lectores. Puede aumentar el número de su sitio. En el sitio, la fidelidad de los lectores, la visualización de los anuncios y , finalmente, los ingresos de los comerciales. Para hacer esto, especifique el ID de bloque en el campo correspondiente del complemento. En la sección única, configure la apariencia y las características de la página de publicación. Puede activar los iconos sociales adjuntos en la parte inferior de la pantalla, los enlaces a la publicación anterior y siguiente y también puede configurar un bloque de publicación asociado.
En la sección de intercambio social, los botones de intercambio social se activan. En la sección de datos estructurados, se carga la imagen para la micro-marcación acelerada de la página. Google puede usarlo para generar resultados de búsqueda. También especifique el tamaño de las imágenes que se utilizarán en fragmentos al publicar enlaces a páginas aceleradas en las redes sociales. En la sección de notificación, puede configurar las notificaciones que se mostrarán. Por ejemplo, puede informar a los visitantes sobre las políticas de uso de cookies y mostrar una notificación de GDPR. En la sección de comentarios descuidados, puede activar el sistema de comentarios Disqus en las páginas aceleradas. Para hacer esto, cambie el botón de soporte de los comentarios de Disqus, especifique la URL del sistema Desquure y la ruta al archivo de comentarios en el servidor. Si no activa el sistema de comentarios, la página AMP mostrará el texto de los comentarios dejados por los visitantes de la página básica y el botón “Comentario”. Al hacer clic en el botón, el usuario será redirigido a la versión base de la página.
En la sección Configuración avanzada, puede activar la versión acelerada de la página principal, así como las páginas de títulos y archivos. Para esta función, use los botones de soporte de página y soporte para el archivo. El botón de redirección móvil permite la redirección automática de todos los usuarios móviles desde la versión adaptativa del sitio para AMP. No redirige a todos los usuarios a AMP. No todos los visitantes necesitan páginas aceleradas en el sitio. La redirección obligará a los propietarios de teléfonos inteligentes y tabletas a usar versiones abreviadas de páginas con funcionalidad limitada. Esto puede conducir a una disminución en la tasa de conversión del sitio. Además, si Google ve la versión de escritorio del sitio y el amplificador, para el índice móvil primero, elija una versión de escritorio. Esto puede conducir a la pérdida de tráfico debido a la falta de adaptación de recursos a los dispositivos móviles. Asegúrese de activar el enlace a la versión completa de las páginas del sótano utilizando el enlace que no es de amplitud en el sótano. Esto ayudará a los usuarios a navegar a las páginas básicas con funcionalidades adicionales. En la sección de extensión, puede comprar y activar suplementos de complementos. Por ejemplo, puede usar una herramienta adicional para administrar la publicidad en páginas aceleradas o puede agregar “evaluación” de micro-markup a AMP. En los errores de remedio de la sección, puede activar la asistencia pagada. Los desarrolladores de complementos lo ayudarán a comprender la configuración y deshacerse de las notificaciones de error en la consola de búsqueda. El bloque de importación/exportación le permite migrar la configuración de páginas aceleradas de un sitio a otro.
Entonces, en los sitios de WordPress, puede implementar páginas aceleradas en unos minutos. Más tiempo pasas la personalización de la apariencia y la funcionalidad con el complemento WP. AMP para Drupal para implementar páginas móviles aceleradas en sitios Drupal, use las siguientes herramientas: el módulo AMP.

El tema del tema.


HTML de la biblioteca amp.

Para trabajar con el módulo AMP, se requieren complementos de herramientas de token y caos. Si tiene la intención de mostrar anuncios Adsense en las páginas, instale Google Adsense Integration Extension. En la página Configuración en la pestaña Configuración, active la visualización de versiones aceleradas para publicaciones y páginas. Seleccione el tema que se utilizará para crear páginas aceleradas. Ingrese su ID de Google Analytics para rastrear las visitas de página. También puede usar AMP-Pixel para contar las vistas. En la pestaña AMP Metadate, ingrese el nombre del sitio. Si es necesario, descargue el logotipo y seleccione su tamaño. Después de la configuración, verifique para mostrar páginas aceleradas. Para hacer esto, agregar el valor “? Amp para Joomla! ¡Implementar páginas aceleradas en Joomla!

Los sitios usan la extensión WBAMP. La versión completa de este complemento le costará $ 44 por año. La versión comunitaria está disponible de forma gratuita. Después de instalar y activar el complemento, vaya a la página de configuración. La versión gratuita del complemento tiene una funcionalidad limitada, por lo que puede configurar solo los parámetros básicos para mostrar páginas aceleradas. Deje el valor de sufijo predeterminado para AMP de URL. En este caso, solo tiene que agregar el valor del amplificador para ver las páginas aceleradas. Además, en la página de configuración principal, proporcione la información del sitio y los datos del editor. Elija el tipo apropiado de micro-markup: bolsos de bolsillos para noticias y postes de blog para publicaciones de blog. Seleccione las páginas para las que desea crear versiones aceleradas. Para hacer esto, cambie a la pestaña Seleccionar páginas. Complete la sección “Regla para com_content”. Si tiene la intención de mostrar páginas aceleradas solo para publicaciones, en el campo “Ver”, especifique el valor del artículo. En el campo “Categorías”, seleccione las categorías cuyas publicaciones tendrán versiones de AMP. Ingrese los campos de identificación, el número de identificación del material y el “embarazo”, ingrese el valor “*”. En este caso, se creará AMP para todas las publicaciones en las categorías seleccionadas. Otras configuraciones en la versión gratuita del complemento no están disponibles. ¡Hay otra herramienta comercial para crear páginas aceleradas en Joomla! Sitios: complemento JAMP. Cuesta 39 euros. En el sitio de prueba del complemento, puede ver cómo el instrumento convierte uno estándar en uno acelerado. ¡A diferencia de WordPress y Drupal, para Joomla!

No hay una herramienta completamente gratuita para crear AMP.El AMP para la tienda en línea La tecnología AMP está diseñada principalmente para proyectos de contenido: recursos de noticias, blogs.¿Debo crear páginas aceleradas para sitios comerciales electrónicos?

Los autores del proyecto AMP afirman que las tiendas en línea pueden y deben usar páginas aceleradas. El argumento principal a favor de la implementación de la tecnología en los recursos comerciales electrónicos: aumentar la velocidad de carga de las páginas móviles afecta positivamente la conversión. Por cierto, eBay ha estado experimentando con AMP desde mediados de -2016. AMP para que OpenCart cree páginas aceleradas para un OpenCart, use las páginas móviles aceleradas. Esta es una solución pagada. Y siempre tiene la oportunidad de ver desde el enlace la versión de prueba de las páginas móviles aceleradas creadas usando este módulo. También puede probar el amplificador para el módulo de páginas de productos. Esta es una solución gratuita. El suplemento crea AMP solo para páginas de productos. Para la actividad del amplificador para páginas de productos, necesita las URL amigables con SEO. No se recomienda un amplificador gratuito para el módulo de páginas de productos en este momento, ya que se prueba en una fuente anterior en este momento para un día y medio de trabajo y no funciona. Después de instalar y activar el programa en OpenCart Versión 2.3.0.2, las páginas aceleradas en el sitio no aparecen. El suplemento agrega un enlace a la versión AMP en el encabezado de la página. Al hacer clic en el enlace, hay un error 404. Además, como resultado de la instalación del módulo, el sitio se vuelve inaccesible y aparecen diferentes tipos de Mijibake en la pantalla del navegador. La capacidad de servicio se restaura después de que el módulo se ha eliminado y reinstalado. Quizás el problema está relacionado con la falta de experiencia real en la administración de sitios de OpenCart.

Los usuarios del foro de perfil tienen principalmente comentarios positivos sobre el módulo de página del producto. AMP para Magento Si su tienda en línea se ejecuta en la plataforma Magento, use las páginas móviles de complemento pagadas. El módulo crea AMP para las páginas principales, categorías y productos. AMP para páginas aceleradas de Prestashop para la tienda Prestashop se puede crear utilizando el módulo pagado de AMP Prestashop. Genera versiones aceleradas de las páginas principales, categorías y tarjetas de producto. Las características del módulo se pueden evaluar en el sitio de prueba. Para implementar AMP o no, ¡esta es la pregunta! Si tiene un proyecto de contenido que se ejecuta en WordPress, puede implementar páginas AMP de forma rápida y rentable. Pasará un minuto instalando el complemento base y media hora para instalar y configurar un complemento AMP alternativo. Los sitios administrados por Drupal también tienen una solución gratuita que se puede instalar y configurar rápidamente. ¡Pero para Joomla! y los complementos CMS deben comprarse para las tiendas en línea para crear AMP. Sin embargo, en algunos casos, los resultados del AMP no pueden ser tan brillantes y brillantes como espere. En el estudio de caso sobre la implementación del AMP, Kinsta comparte información muy importante, para el momento en que el AMP se activó en el blog Kinsta: el número de clientes potenciales en dispositivos móviles disminuyó en un 59.09%.

Los registros de correo electrónico a los boletines informativos móviles disminuyeron en un 16,67%.
Las creaciones de cuentas en dispositivos móviles disminuyeron en un 10.53%.