Cómo hacer que GeneratePress y AMP sean totalmente compatibles

AMP puede hacer que su sitio sea rápido en dispositivos móviles. Si tiene problemas para hacer que AMP funcione en modo de transición o estándar con el tema GeneratePress, así es como solucioné el problema.

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 un proyecto de código abierto creado por Google junto con Automattic. El objetivo es hacer que los sitios web sean más rápidos en 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 tema de WordPress más rápido que 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 los complementos de su panel de control, luego haga clic en Agregar nuevo. Una vez en la página, busque AMP. verá el complemento AMP.

Complemento oficial de 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 correo electrónico que pronto lo pondría a disposición.

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.

Errores de AMP GeneratePress
Errores de AMP GeneratePress

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.

Prueba casera de GeneratePress AMP

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

Prueba GeneratePress AMP

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.

Mfon Abel Ekene

Mfon Abel Ekene

Disfruto creando contenidos que sean útiles. Mi pasión es ayudar a la población de Internet a encontrar lo que necesitan indicándoles la dirección correcta. Es lo que me encanta hacer y dedico muchas horas de investigación y pruebas para asegurarme de hacerlo a través de mi contenido en TargetTrend.

Artículos: 50

Recibe cosas tecnológicas

Tendencias tecnológicas, tendencias de inicio, reseñas, ingresos en línea, herramientas web y marketing una o dos veces al mes

3 Comentarios

  1. Gracias por compartir esto, porque la compatibilidad del amplificador Generate Press aún no está publicada en el directorio de complementos de Wordpress. Podría hacer que mi sitio web kasperkamperman.com sea a prueba de AMP.

Dejá un comentario.

Tu dirección de correo electrónico no será publicada.