Bienvenido a la segunda parte de la Guía AMP para WordPress. En nuestro último artículo, aprendimos sobre la importancia de una estrategia web centrada en los dispositivos móviles y cómo AMP puede cambiar las reglas del juego. En la guía de hoy, aprenderemos sobre:
- Cómo integrar AMP con WordPress
- Los mejores complementos de WordPress para personalizar AMP
- ¿Realmente necesitamos implementar AMP en nuestro sitio de WordPress?
Empecemos.
Guía de video de AMP para WordPress
Continuando donde terminó la última publicación de nuestra serie, puede seguir el video de WPCrafter sobre cómo configurar AMP fácilmente con su sitio web de WordPress. El video de Adam lo guía a través de cada paso de nuestra guía: ¡disfrútelo!
Cómo configurar AMP para WordPress
Configurar AMP para WordPress es un proceso muy sencillo. Todo lo que necesita hacer es instalar el complemento AMP de WordPress desarrollado por Automattic y el resto seguirá.
- Dirígete al Panel de WordPress> Complementos> Agregar nuevo
- Buscar «AMPERIO»
Seleccione el complemento y haga clic en Instalar ahora
Al activar el complemento, todas las URL de publicación en su sitio tendrán una versión AMP. Puede ir al enlace de cualquier publicación, agregar /amperio/ al final de la URL y podrá ver la versión AMP.
Echemos un vistazo a la versión normal de la página web.
Y esta es la versión AMP de la misma página:
Eso es todo: ha configurado AMP con éxito en WordPress. Es difícil de creer que sea tan simple, ¿no?
Sin embargo, si no tiene bonitos enlaces permanentes habilitado, puede obtener la versión del amplificador agregando ? amp = 1 al enlace de la publicación. Por ejemplo, el enlace de la publicación sería:
- Versión normal: http://example.com/2016/01/01/hello-mobile-web/
- Versión AMP: http://example.com/2016/01/01/hello-mobile-web/amp/
- Versión AMP (con Pretty Permalinks desactivados): http://example.com/2016/01/01/hello-mobile-web/?amp=1
El complemento AMP agrega una metaetiqueta estándar en el encabezado de sus páginas HTML «normales» que hace posible que Google y otros motores de búsqueda reconozcan la versión AMP de las páginas. Utiliza el logotipo del sitio que puede configurar en el Personalizador de temas de WordPress.
Es importante tener en cuenta que el complemento solo admite la conversión de publicaciones en versiones AMP. Según la descripción del complemento a la que se accede en 1S t Noviembre de 2016, la compatibilidad con la versión AMP de las páginas de WordPress está en desarrollo y próximamente.
Medición del impacto en el rendimiento de AMP
Decidimos medir el impacto en el rendimiento de la versión AMP de la página en Pingdom. Los resultados fueron dramáticamente diferentes. Tenga en cuenta que nuestra configuración de WordPress se realizó en un entorno de alojamiento compartido utilizando el tema Twenty Fourteen predeterminado sin almacenamiento en caché ni complementos de optimización instalados.
La siguiente captura de pantalla muestra el punto de referencia de rendimiento de la versión básica de la página:
Y este es el resultado de la versión AMP de la página:
Los resultados son sorprendentemente distintos.
Cada uno de los componentes experimentó una tremenda mejora:
- El tamaño de la página disminuyó en un 70%
- El tiempo de carga se redujo en un 35% a menos de 900 milisegundos.
- ¡El número de solicitudes se redujo en casi un 60% de 17 a solo 7!
Todo esto fue logrado por AMP, manteniendo el contenido de la página. La siguiente tabla captura los detalles de la prueba para su referencia:
Factor | Normal | AMPERIO | Mejora |
Tamaño de página (KB) | 563,8 | 167 | 70% |
Tiempo de carga (seg) | 1,42 | 0,929 | 35% |
No. de solicitudes | 17 | 7 | 59% |
Al observar estos números, es evidente que obtener AMP es una obviedad. No solo ayudará a mejorar sus puntajes de SEO, sino que también brindará una experiencia de usuario hermosa y ordenada.
Además, también puede incluir mecanismos de seguimiento en la versión AMP de la página. Cubriremos eso en la siguiente sección.
Ampliación de las capacidades de AMP
Si bien optimizar su contenido para los lectores es una buena práctica, también es importante mantener la coherencia de la marca. Esto significa que incluso las versiones AMP de su contenido existente deben seguir la combinación de colores, las fuentes y la interfaz de usuario general de su marca.
El complemento AMP WordPress no tiene las opciones para realizar dichos cambios. Su objetivo era proporcionar una manera rápida y fácil de hacer que todo su contenido existente de WordPress sea compatible con AMP, un trabajo que funciona bastante bien.
Introducir el AMP para WP: páginas móviles aceleradas enchufar.
Este complemento gratuito amplía las capacidades de AMP en WordPress al ofrecer funcionalidades adicionales como:
- Integración de Google Analytics
- Soporte para páginas AMP WooCommerce
- Publicaciones relacionadas debajo de la publicación
- Lista de comentarios recientes
- Carga de logotipo personalizado
- Barra para compartir en redes sociales
- Soporte para incrustar contenido enriquecido, incluidos videos y contenido de plataformas de contenido como YouTube, Instagram, Twitter, Vine, etc.
Como requisito previo, el complemento requiere que instale y active el complemento AMP para que funcione correctamente. Como de costumbre, puede instalar este complemento de forma similar a como instalamos el complemento AMP al principio de esta publicación.
Una vez activado, estará listo para configurar las diversas opciones que ofrece el complemento. Dirigirse a Panel de WordPress> AMP para acceder a la configuración.
De las muchas configuraciones que ofrece el complemento, probamos:
- Activar comentarios
- Agregar publicaciones relacionadas
- Agregar una navegación a las publicaciones siguientes / anteriores
Aquí hay una captura de pantalla de cómo se veía la versión de AMP después de guardar los cambios:
Y aquí está la actuación:
Aquí está la captura de pantalla de la página de AMP de vainilla para comparar:
El tiempo de carga se redujo aún más en otro 7,4%. Es interesante observar que, aunque el tamaño de la página y el número de solicitudes aumentaron ligeramente, hubo una mejora en la calificación general de rendimiento (aumento de 3 puntos).
Considerándolo todo, este complemento es excelente si realmente quieres esforzarte más hacia AMP y hacer que tu contenido, anuncios y análisis funcionen bien con la plataforma.
Conclusión
Dado el crecimiento explosivo del uso de teléfonos móviles en los últimos años, ya no es un opción para que las empresas en línea se conviertan en dispositivos móviles. Es un necesidad absoluta. El proyecto Accelerated Mobile Pages es un esfuerzo ambicioso hacia ese objetivo y cada vez más empresas de medios lo están adaptando rápidamente.
Si bien es más sencillo para los blogs más nuevos incorporar AMP, los blogs con miles de páginas de contenido ciertamente pueden encontrarlo particularmente desafiante. La razón es simple: no todos siguen los estándares adecuados al publicar en línea. Las organizaciones evolucionan. Incluso las tecnologías web que estaban «de moda» hace cinco años son obsoletas en la actualidad. Si bien AMP hace todo lo posible para construir sobre las tecnologías web existentes, puede haber varios casos en los que existan incompatibilidades / errores. Y estos errores podrían afectar negativamente a sus puntuaciones de SEO.
Idealmente, las empresas deberían medir sus fuentes de tráfico entrante: ¿qué porcentaje de eso proviene de un dispositivo móvil? ¿Cuántos de ellos provienen de la búsqueda móvil? ¿Cuál es la tasa de rebote de los visitantes móviles? Estas son las preguntas que debe hacerse antes de considerar AMP.
Si está convencido de que el contenido de su sitio web está técnicamente estructurado de acuerdo con los estándares más recientes, entonces, ¡continúe con AMP! Solo impulsarás tu SEO.
Sin embargo, si sabe que hay muchos errores de configuración internos, enlaces rotos y errores, sería mejor abordar (y posiblemente resolver) esos problemas antes de continuar con AMP.
¿Qué piensas de AMP? ¿Lo usas para consumir contenido? ¿Lo ha implementado en su sitio web? ¡Nos encantaría saber de ti!