Cómo hacer que GeneratePress y AMP sean totalmente compatibles

GeneratePress y AMP son compatibles. En esta publicación, le mostraré cómo puede hacer que GeneratePress sea 100% compatible con AMP.

Accelerated Mobile Pages (AMP) es una de código abierto Antecedentes creado por Google junto con Automattic. El objetivo es hacer que los sitios web sean más rápidos en los teléfonos móviles.

Si la mayoría de sus visitantes provienen de dispositivos móviles, entonces AMP tiene el potencial de aumentar su tráfico significativamente con el tiempo.

Pero si tiene la mayoría de sus visitantes desde el escritorio, es posible que no note una diferencia significativa, pero aún así vale la pena.

GeneratePress es el mas rapido tema de WordPress He visto. Tú puedes ver mi Revisión de GeneratePress. La buena noticia es que es 100% compatible con AMP.

Implementar AMP en su sitio web / blog

La mejor manera de implementar AMP es hacer uso de la Complemento oficial de AMP que fue construido y mantenido por Google mismo.

Visite el directorio de WordPress para instalar y activar el complemento. Para hacer esto, haga clic en plugins desde su panel de control, luego haga clic en Agregar nuevo. Una vez en la página, busque AMP. Verá el complemento AMP.

Una vez instalado, active el complemento. Luego haga clic en la configuración. Verá tres opciones. Modo estándar, modo de transición o modo de lector. El modo de lectura funcionará normalmente. Dado que no depende de su tema para funcionar. Pero si tiene un problema al ejecutar GeneratePress en el modo de transición o estándar, siga los pasos aquí.

Incluso si está utilizando otro complemento AMP, estos pasos funcionarán.

Cómo hacer que GeneratePress y AMP sean totalmente compatibles

Siga estos pasos para hacer que GeneratePress y AMP sean totalmente compatibles:

1. Descargue e instale AMP para el complemento GeneratePress

Hay un complemento oficial de Tom Usborne, el desarrollador y fundador de GeneratePress. El objetivo del complemento es solucionar cualquier problema de compatibilidad con AMP.

El complemento aún no está disponible en el directorio de WordPress. Pero Tom me dijo en un email que lo pondrá a disposición pronto.

Por ahora puedes obtener el complemento de GitHub.

Una vez allí, haz clic en Clonar o descargar. Luego haga clic en descargar zip.

Ahora, para ir a su panel de WordPress, haga clic en complementos y luego haga clic en agregar nuevo. En la nueva página, haga clic en cargar complemento, luego seleccione el archivo que acaba de descargar e instálelo.

Una vez instalado, actívalo. Eso es todo.

2. Cambie AMP al modo de transición o estándar

Ahora vaya a la configuración del complemento AMP nuevamente y cambie al modo de transición o estándar. El modo de transición significa que su marco temático se usa para servir AMP y no AMP, mientras que el estándar significa que su sitio es primero AMP.

Si su sitio funciona en modo de transición AMP, funcionará en modo estándar. La única diferencia entre los dos es la URL canónica.

Cuando está en modo de transición, debe agregar ?amperio al final de sus enlaces, incluida la página de inicio para acceder a AMP.

Pero cuando está en modo estándar, no se necesita ninguna adición. Tus URL canónicas son amp.

Para esta prueba, estoy usando el modo de transición para demostrar que funciona. Prefiero usar AMP en modo lector porque la mayoría de mis visitantes son de escritorio.

3. Realice la prueba AMP.

Después de cambiar al modo de transición o estándar. ¡Verás muchos errores! ¡No entre en pánico!

Puedes ver los errores que obtuve a continuación después de cambiar BloggingHerramientas al modo de transición.

Hubo 48 índices de error.

La mayoría de estos errores son advertencias. Algunos de ellos son causados ​​por complementos. Las advertencias son para hacerle saber que los elementos resaltados no se mostrarán en AMP.

No noté ninguna advertencia importante relacionada con el tema.

El problema principal que noté fue de mi complemento de almacenamiento en caché, Breeze. Estaba agregando un CSS que no parece hacer feliz a AMP. Así que desactivé Breeze y procedí a probar.

Puedes usar Herramienta de prueba oficial de AMP de Google para realizar pruebas.

El resultado muestra que AMP se está ejecutando sin problemas. Vea abajo.

Aquí está la prueba para mi página de inicio.

Luego probé una página de publicación:

De lo anterior, puede ver que AMP y GeneratePress son totalmente compatibles.

Problemas comunes

Si todavía tiene problemas para hacer que AMP funcione en modo de transición o estándar, lo más probable es que el problema sea uno de sus complementos.

Los principales culpables probablemente serán los complementos de almacenamiento en caché o los complementos de optimización que no son compatibles con AMP.