Instalación de AMP en WordPress pasos a seguir

Publicado: 2021-06-25

La instalación de AMP en WordPress es absolutamente necesaria en el escenario actual para brindar a los usuarios de dispositivos móviles una mejor experiencia de usuario.

AMP o Accelerated Mobile Pages es un mecanismo de caché que ofrece Google para que tu sitio y páginas web tengan mayor velocidad de carga.

En el mundo actual, el número de usuarios móviles está aumentando exponencialmente a medida que la cifra de ventas de teléfonos inteligentes aumenta a pasos agigantados. Pero los usuarios de dispositivos móviles no tienen una velocidad de Internet súper rápida y si su página web tarda demasiado en cargarse, el usuario cerrará su sitio web sin verificarlo.

Entendiendo Google AMP

Antes de instalar AMP en WordPress, es importante comprender qué es AMP en realidad. Es una tecnología de código abierto ofrecida por Google que hará que sus páginas web ricas en contenido se carguen más rápido. Se logra alojando sus páginas web temporalmente en el caché de Google AMP con código HTML, JS y CSS limitado. Cuando un usuario accede a sus páginas web, Google puede mostrar esa versión de caché guardada al instante al usuario. Además de Google, Facebook, Twitter, Reddit, LinkedIn también utilizan esta tecnología para llevar las publicaciones más rápido a los usuarios móviles.

La ventaja de Google AMP es que no está restringido solo a navegadores móviles. Cuando un usuario móvil abre sus páginas web desde cualquier aplicación de terceros o visores web, Google AMP también sirve sus páginas desde su caché. Además, la instalación de AMP en WordPress ayudará a que su sitio ocupe un lugar destacado en las páginas de resultados de los motores de búsqueda. Por otro lado, como las páginas web se guardan con un conjunto limitado de código HTML, JS y CSS, su página web no aparecerá completamente. Se suspenderá cualquier widget o integración de terceros, como formularios de correo electrónico, cuadros de redes sociales, etc. Pero aún puedes tener Google Analytics.

Por lo tanto, el veredicto es que si tiene una gran parte de su tráfico como usuarios móviles, definitivamente debe instalarlo y darle un impulso a su sitio web y obtener una gran cantidad de usuarios móviles de forma orgánica.

Instalación de AMP en WordPress

Paso 1. Instalar el complemento

Primero, necesita instalar el complemento AMP. Vaya al Panel de administración y, en el menú de la izquierda, vaya a Complementos. Haga clic en Agregar nuevo en el menú desplegable. En la siguiente pantalla, busque el complemento, instálelo y actívelo. Una vez hecho esto, ve a Dashboard y desde Apariencia, ve a AMP.

Complemento AMP

Complementos de AMP

descargar

Paso 2. Personalización

Puede ver cómo se ve su sitio web en dispositivos móviles cuando usa AMP. Dependiendo de su tema, puede mostrar su logo y favicon. Puede personalizar mucho para cambiar el aspecto si no le gusta la forma en que se muestra. Puede cambiar rápidamente el color de fuente o el color de fondo del encabezado. Haga clic en el botón Guardar una vez que se hayan realizado todos los cambios.

Paso 3. Comprobación de páginas web específicas

Si desea ver cómo se ven sus páginas web específicas con AMP, puede ir a su navegador y acceder a esa página directamente y, una vez que se cargue por completo, realice una modificación en la URL agregando /amp al final. Por ejemplo, si el enlace de su página web normal es www.mysite.com/about-us, para ver su versión AMP, haga que la URL sea www.mysite.com/about-us/amp/
En caso de que la página no se abra y muestre un error 404, debe ir a Panel de control, Configuración y luego a Enlaces permanentes.

Una vez que se abra la siguiente pantalla, no realice ningún cambio y simplemente haga clic en el botón Guardar cambios. Esto actualizará el Permalink y volverá a la pestaña del navegador y actualizará la página web 404 y aparecerá la página web.

Paso 4. Comprobación del sitio web mediante Google Search Console

Algunos de ustedes podrían estar instalando AMP en WordPress para obtener una buena clasificación en las páginas de resultados del motor de búsqueda de Google. Puede verificar cómo se ve su sitio web en la búsqueda de Google usando Google Search Console (GSC). Suponiendo que ya ha agregado su sitio web a GSC, vaya a su cuenta de GSC y, en el menú de la izquierda, haga clic en Apariencia de búsqueda. Debajo, encontrará páginas móviles aceleradas. En su interior, verá su sitio web y sus páginas web. Es importante tener en cuenta que es posible que su sitio web no aparezca inmediatamente después de instalar el complemento AMP porque Google puede tardar algunas horas o días en indexar sus páginas web.

Personalización avanzada de AMP

Google AMP viene con opciones de personalización limitadas. Hay otro complemento popular disponible llamado Glue For Yoast SEO & AMP.

Pegamento para Yoast SEO

Pegamento para yoast seo

descargar

Antes de instalarlo, asegúrese de haber instalado el complemento Yoast SEO, ya que es un complemento para eso. Para instalar ambos complementos, vaya a Complementos desde el Panel y haga clic en Agregar nuevo. Busque los complementos, instálelos y actívelos. Después de la activación, regrese al Tablero y vaya a Yoast SEO desde el menú de la izquierda y luego desde el menú desplegable, haga clic en AMP.
En la nueva pantalla, encontrarás opciones avanzadas para tus AMP. También puede activar el mecanismo de caché AMP para sus páginas y medios en lugar de solo publicaciones.

Si va a la pestaña Diseño, encontrará opciones para configurar un ícono separado para las páginas móviles, una imagen predeterminada para las publicaciones sin imágenes, cambiar el color del encabezado AMP, el color del título, el color del texto y el color de la metainformación. Esto será útil para fines de marca y para hacer que sus páginas móviles se vean mejor.

Hay otra pestaña llamada Analytics donde puede agregar su ID de Google Analytics para recopilar todos los análisis cuando las personas acceden a sus páginas móviles aceleradas.

Si tiene un sitio web de WordPress basado en WooCommerce, debe instalar WP AMP, que es un complemento pago. También es compatible con AdSense y códigos cortos. También puede incrustar elementos como videos usando iFrame.

Después de instalar AMP en WordPress –

Una vez que haya terminado de configurar AMP para su sitio web, debe vigilar de cerca su análisis debido a los últimos tiempos, hay algunas quejas de que Google AMP no está aumentando el tráfico como solía hacerlo y también las clasificaciones de los motores de búsqueda son bajando. Si ve esa tendencia, puede deshabilitar el complemento; de lo contrario, continúe con él para brindar una experiencia de usuario increíble.

La era del contenido web ha pasado de las computadoras y portátiles a los dispositivos móviles y tabletas. Más del 50 por ciento de los usuarios de Internet utilizan dispositivos móviles. Por lo tanto, se necesitaba hacer algo para mejorar la experiencia de navegar por Internet en dispositivos móviles. Fue entonces cuando se lanzó 'Páginas móviles aceleradas' en 2016. Las páginas móviles aceleradas, también conocidas como AMP, son una iniciativa global sobre tecnología de publicación de sitios web que se centra en mejorar el rendimiento del contenido web en dispositivos móviles.

Ahora viene la pregunta '¿qué hace exactamente AMP?' Bueno, AMP es una versión simplificada del código HTML, que reduce exactamente el tiempo de carga de las páginas y el contenido en los dispositivos móviles. AMP HTML mejora el rendimiento al eliminar todos los elementos que tienden a ralentizar las páginas web en dispositivos móviles, incluido JavaScript o cualquier otro script de terceros.

En este momento, todos los usuarios de AMP son sitios web en línea que publican noticias. Sin embargo, se dice que AMP pronto también será útil para otros fines comerciales. Las grandes empresas tecnológicas como Google ya han tomado la iniciativa de desarrollar esta función AMP y ponerla a disposición de sitios web y empresas. Mientras que los sitios web diseñados a medida tienen que desarrollar páginas web en el lenguaje de codificación AMP HTML en lugar de HTML y CSS tradicionales para usar las funciones de AMP. Por otro lado, los sitios web desarrollados con WordPress solo tienen que instalar el complemento AMP para habilitar AMP para las páginas. Aquí es donde WordPress cambia el juego rápidamente.

Uno de los principales beneficios del sitio web desarrollado con WordPress AMP es que las páginas se cargan un 85 por ciento más rápido que las páginas web tradicionales desarrolladas solo con HTML y CSS en dispositivos móviles. Los estudios muestran que los usuarios de dispositivos móviles abandonan una página web si tarda más de 3-4 segundos en cargarse. Por lo tanto, las empresas que utilizan la tecnología AMP para desarrollar las páginas de su sitio web pueden disminuir la tasa de rebote de los visitantes. AMP también ayuda a que un sitio web sea más compatible con dispositivos móviles.

AMP también participa en la optimización de motores de búsqueda, ya que el tiempo de velocidad de carga de la página y la compatibilidad con dispositivos móviles actúan como factores para decidir las clasificaciones en los motores de búsqueda. Aquí es donde un sitio web desarrollado con WordPress AMP puede obtener clasificaciones más altas que los sitios web más lentos y que no responden. Además de eso, los resultados de búsqueda de Google han comenzado a mostrar contenido de AMP con imágenes grandes que dominan visualmente y está marcado con un símbolo de AMP claramente visible en verde. Esta imagen visualmente atractiva tiende a atraer a los visitantes más que el simple contenido mostrado. Además, con la creciente popularidad de AMP, los usuarios tienden a abrir páginas marcadas con ese símbolo verde de AMP en busca de tiempos de carga anteriores.

AMP tiene como objetivo admitir una amplia gama de redes y formatos de publicidad. El objetivo principal de la tecnología AMP es entregar anuncios que sean lo suficientemente rápidos para permitir que el contenido atractivo capte la atención del espectador. Una característica más interesante y poderosa de la tecnología AMP de WordPress es que uno puede rastrear los datos de los visitantes, como visitantes nuevos y recurrentes, clics y conversiones, seguimiento de videos y enlaces simplemente agregando etiquetas AMP. Esto actuará en gran medida como una herramienta de marketing que ayudará a la empresa a tomar decisiones con solo estudiar el análisis del comportamiento de las personas en las páginas web.