Introducción a Google Amp para WordPress

Google AMP (páginas móviles aceleradas) es una nueva tecnología inquietante diseñada para hacer que Webul sea más amigable con los dispositivos móviles, significativamente más rápido y más confiable. Esta serie de estaciones está dedicada a la exploración de Google y su modo de configuración en WordPress. Aquí hay una lista de cosas que cubriremos en esta serie de publicaciones:
En primer lugar, haremos una actualización rápida de las tendencias web móviles actuales, justificando la necesidad
También haremos otra pequeña presentación general sobre cómo la velocidad de las páginas afecta a nuestro negocio y veremos cómo AMP puede ayudar
Luego, descubriremos qué es el amplificador, veremos algunos ejemplos de la vida real de lo que se puede hacer.
Eso marcaría el final de este artículo. En el próximo artículo, aprenderemos cómo configurar el amplificador para WordPress
Vamos a empezar.
Google AMP Antes de mirar la información sobre el AMP, puede seguir con la guía de video WPCraFter que está vinculada a nuestra publicación. Según el Informe de Tendencias de Internet de 2015 publicado por la firma de consultoría KPCB, el adulto promedio pasó 5,6 horas al día en Internet en 2015. De este total, se pasaron 2.8 horas en un dispositivo móvil. Este es un aumento significativo en comparación con 2010, cuando se dedicó un promedio de solo 0.4 horas al día en Internet a través del dispositivo móvil.

Fuente: ESOIC El uso promedio de Internet móvil aumentó en un 600% entre 2010 y 2015

Fuente: Ezoic Un estudio publicado en el Informe de preferencia de dispositivos de consumidores de EE. UU. Descubrió que se abrieron más de dos tercios de los correos electrónicos en un dispositivo móvil, se abrió el 52% en un teléfono inteligente y el 16% se abrió en una tableta.

Fuente: ESOIC Un informe de la aplicación móvil de EE. UU. Publicada por ComScore ha encontrado un aumento del 90% en el tiempo total en dispositivos móviles por adultos estadounidenses entre 2015 y 2013. El mismo informe también declaró que las aplicaciones móviles representan el 54% del tiempo total consumido el Los medios digitales y los navegadores móviles representan otro 8% del tiempo total. Uno sobre otro, el 62% del uso de soporte digital se gasta en un dispositivo móvil. Entonces, sí, una estrategia para el primer dispositivo móvil es muy importante. Ahora hablemos un poco sobre la velocidad. La carga de los tiempos de carga: es importante. Este es un factor crítico que puede tener un impacto en otros factores importantes, como ingresos, tasa de rechazo, tiempo en el sitio, clasificación de búsqueda y rendimiento en casi todos los demás canales de marketing digital. Debido a que los ingresos son el objetivo final de cualquier negocio o sitio web, aquí hay un hecho interesante de un estudio de investigación de 2014 “La velocidad del sitio perjudica los ingresos de todos”, realizados por la empresa de marketing digital de protentes. El clímax del estudio fue que las páginas más rápidas ganan mucho más dinero.
Fuente: Proteja el dólar en la pantalla de la página (llame DPPV) aumenta en un 20% al reducir el tiempo de carga de 8 a 5 segundos (37.5% de descuento). Pero la ganancia real se produce cuando el tiempo de carga de la página está por debajo de un segundo o menos. La transición de dos a un segundo de carga da como resultado un aumento de 2 veces en el dólar en las pantallas de la página. No solo los ingresos, la velocidad del sitio también afecta el rendimiento del intercambio social. Los niños del protector realizaron un experimento no tan exhaustivo en el que enviaron 100 clics pagados (de los anuncios de Facebook) en dos páginas. Pagina ha cobrado en 2 segundos y la página B cargada en 4 segundos. ¿Adivina qué? La página A obtuvo 10 acciones, mientras que la página B solo obtuvo dos acciones. Aunque el tamaño de la muestra era demasiado pequeño para validar la hipótesis, ¡cuenta una historia significativa! Al presenciar el crecimiento explosivo del mercado de Internet móvil, la demanda de acceso a Internet más rápido, mejores tecnologías web en términos de velocidad, accesibilidad y confiabilidad han sido importantes. Los pioneros como Google se dieron cuenta rápidamente de que se puede hacer mucho para satisfacer esta creciente demanda y, por lo tanto, nació Project AMP.

¿Qué es el amplificador?
Fuente: Businessifapp.com amp o páginas móviles aceleradas es un marco abierto para construir una web más rápida, estandarizada y más receptiva. La belleza del amplificador es que funciona justo por encima de las tecnologías web existentes y mejora drásticamente la experiencia del usuario móvil. Esta es la razón por la cual Google prefiere las páginas web de AMP y las clasifica anteriormente. ¿Cómo mejora la velocidad del amplificador?
El marco abierto del amplificador ha sido diseñado para aprovechar las tecnologías web existentes y construir sobre ella. Por esta razón, funciona incluso desde el cuadro en sistemas de administración de contenido como WordPress.amp sigue un marco estandarizado para crear páginas web y garantizar que todas las páginas web existentes puedan adaptarse a ese cuadro. En términos un poco más técnicos, solo permite scripts asincrónicos, prohíbe los mecanismos de renderizado externos, solo permite CSS en línea y más. En resumen, el amplificador primero reproduce la aparición de la página web (casi instantánea) y cobra un contenido basado en prioridad. Elimina cualquier expectativa de recursos y minimiza severamente el número de solicitudes. Cuando todos estos factores funcionan en perfecta armonía entre sí, obtendrá un sitio web rápido, que está haciendo en un momento.

Verifique la siguiente prueba de velocidad compilada de PenguinWP, que muestra el “efecto de amplificador”. Usando AMP, ha tenido éxito:

Aumentar la puntuación PageSpeed ​​por 3 puntos
¡Reduzca el tiempo de carga de la página en un 72% de 5 a 1.4 segundos!
Reducir el tamaño de la página en un 80% y el número de solicitudes en un 82%
Aquí hay una tabla que divide los números:

El contenido de AMP fue diseñado para hacer que la web sea hermosa y más receptiva a los dispositivos móviles. Hizo esto al eliminar algunas características no esenciales de las tecnologías web existentes. Esto no significa que se eliminen todas las características interesantes de la web moderna. No. Simplemente migra todas esas características de contenido rico en un marco estandarizado, con una habitación mínima. AMP acepta completamente los carruseles de imágenes, mapas, complementos sociales, visualización de datos y videos para hacer las historias de editores más interactivos y destacarse. Estudio de caso: The Washington Post
Fuente: El proyecto AMP para analizar un estudio de caso del Washington Post con AMP. Después de la implementación del AMP, la publicación registró un aumento en el número de usuarios de la búsqueda móvil en un 23%. Esto necesita una explicación.
Casi el 55% de la publicación proviene de dispositivos móviles, que nuevamente se sincroniza con estadísticas distribuidas al comienzo de este artículo. Si los datos no cobran en 3 segundos, las personas comienzan a irse. Tradicionalmente, el 51% de los usuarios de búsqueda de móviles regresan al Washington Post dentro de los 7 días. Para los usuarios que leen historias publicadas en AMP, este número salta al 63%. Por lo tanto, con AMP, la restricción del tráfico de búsqueda móvil aumentó en un 23%. No solo esto, los tiempos de carga de la página son en promedio 400 ms, lo que representa una mejora del 88% después del AMP. Hoy presiono más de 1000 artículos a través de AMP. Eso es genial. ¿Cómo accedo al amplificador? Puede acceder a la versión AMP de cualquier sitio web agregando “/ amp” a la URL de cualquier página web. Si el sitio no acepta el amplificador o se enfrenta a un error de reproducción, está diseñado para moverse con gracia a la versión móvil receptiva original del sitio web. Distribución de contenido
“También conocido como el CDN gratuito para los elementos de AMP” conocido como Google Cache, este servicio gratuito de Google permite a los editores alojar su contenido, al tiempo que permite una distribución efectiva a través de la red de caché global de alto rendimiento de Google. En otras palabras, es como un CDN gratuito para sitios de AMP. Eso es genial. ¿Como funciona? Las páginas web que son compatibles con ASE reciben atención especial de Google. Cuando comienza a indexar la versión AMP de las páginas de su sitio web, Google las almacena en un objeto llamado AMP de caché. Todavía manteniendo el contenido, Google simplemente da un trabajo en las esquinas distantes del mundo. Con respecto a la actualización del contenido en caché, esto es lo que Google tiene que decir: “Cada vez que un usuario accede al contenido de caché, el contenido se actualiza automáticamente y la versión actualizada se transmite al siguiente usuario una vez que el contenido se ha almacenado en caché ” ¿Cómo accedemos a él? Bien, veamos. Si tiene una URL de una página web, primero debe verificar si el AMP está activado. Haga esto simplemente agregando “/ amp” a la URL. Aquí hay una fórmula rápida sobre cómo obtener la URL de caché de Google de cualquier sitio web de AMP. Si es válido, pase al siguiente paso. De lo contrario, detente.

Si aparece una página 404, el sitio no ha implementado un AMP.

Si ve el contenido del contenido, entonces se instala AMP.
Para hacerse cargo del contenido de la memoria Cache Amp Google, simplemente agregue https://cdn.ampproject.org/c/ al comienzo del amplificador URL, excepto “www”.

Comience con el nombre del dominio principal (excepto “www”) y copie la URL de la página web. Agregue https://cdn.ampproject.org/c/s/ a la URL y esto debería ofrecerle el amplificador de URL de Google.
Tomemos un ejemplo de artículo de Forbes y probemos la fórmula anterior.
Esta es la URL original del artículo de Forbes:
http://www.forbes.com/sites/allbusiness/2015/10/24/10-great-paid-wordpress-themes-fit-2015/
Para obtener la versión AMP, simplemente agregamos / amp a la URL original.
http://www.forbes.com/sites/allbusiness/2015/10/24/10-great-paid-wordpress-themes-fi-2015/amp/
Ahora, para obtener la URL de caché de Google, primero copiamos el amplificador de URL del nombre de dominio principal, es decir, excluyendo la parte “www”, solo hasta el final. Esto nos da:
Forbes.com/sites/allbusiness/2015/10/24/10-great-paid-wordpress-themes-fi-2015/amp/
Luego agregue https://cdn.amproject.org/c/s/ a la URL respectiva para obtener la URL de caché de Google de la misma página.
https://cdn.ampproject.org/c/s/forbes.com/sits/allbusiness/2015/10/24/10-great-wordpress-themes-f-2015/amp comprueba, ¡funcionará! Anuncios inteligentes
Crear contenido de calidad requiere recursos significativos. Los anuncios ayudan a financiar los servicios y el contenido gratuito en la web. El AMP fue diseñado para incorporar esta idea y colaboró ​​con más de 75 de las primeras redes publicitarias. AMP acepta una gama integral de anuncios, redes publicitarias y tecnologías. Cualquier sitio que use AMP mantendrá su elección de redes publicitarias, así como cualquier formato que no afecte la experiencia del usuario. análisis
Los editores también deben comprender el comportamiento de los usuarios al interactuar con su contenido. Por esta razón, el AMP funciona bien con más de 25 de los mejores proveedores de soluciones de análisis, como ComScore, Google Analytics, Krux y muchos más proveedores de análisis respaldados por AMP como el 1 de noviembre de 2016; Fuente: El proyecto se concluye que las principales plataformas de generación, agregación y análisis de contenido han comenzado a implementar el AMP en sus sitios web. Twitter, Pinterest, WordPress.com, Chartbeat, Parse.ly, Adobe Analytics y LinkedIn se encuentran entre los primeros grupos de socios tecnológicos que integran páginas de AMP HTML. Google también tiene la intención de hacer de Google News una primera plataforma de AMP. Es interesante ver cómo evolucionaría este ambicioso proyecto que cambiará el futuro de Internet. Personalmente, me gusta el concepto de páginas de AMP. Soy un placer de leer, para consumir datos mucho más pequeños que los sitios web compatibles con dispositivos móviles y mostrar anuncios de una manera completamente discreta. Leer, consumir y compartir contenido son mucho más simples y más divertidos con AMP. En el próximo artículo, aprenderemos cómo integrarnos con WordPress. ¿Qué opinas sobre el amplificador? ¿Se levantarán?