X

Configurar AMP en WordPress

Seguramente has escuchado hablar de AMP (Google Acelerated Mobile Pages), esta tecnología nos permite tener una versión de nuestro contenido web optimizada para móviles y que Google preferirá al mostrar los resultados de búsqueda.

 

Generalidades

El uso de dispositivos móviles se incrementa, actualmente más del 90% de personas se conecta a través de un dispositivo móvil a internet, y a pesar de que las velocidades de conexión en móviles van en aumento, la experiencia de usuario puede mejorar si tienes una versión simplificada de tu contenido que es lo que precisamente se consigue con AMP.

Tal como se ve en la siguiente imagen al buscar desde un móvil Google prioriza las búsquedas de contenido que estén optimizados con AMP y las distingue con un ícono.

AMP no reemplaza la versión responsive de tu sitio, y más bien son complementarios.
Ten en cuenta que AMP te puede ser útil especialmente para artículos de blog que puedan ser cargados de manera rápida y sin elementos distractores cuando se están mostrando en móviles.

 

Configuración de Plugin

Existen varios plugins que podrían usarse para configurar el contenido de WordPress como AMP, sin embargo en este artículo vamos a usar el plugin AMP for WP el cual ofrece varias opciones de configuración.

Algunos themes incluyen como parte de su configuración soporte para AMP, por lo que revisa antes si tu theme soporta AMP

Veremos las opciones de configuración mas importantes con las que cuenta este plugin en la versión gratuita.

 

Ajustes – General

A nivel general podemos configurar un logo para la versión AMP, así también podemos configurar soporte AMP para determinados tipos de contenido.

Usualmente se suele habilitar AMP a nivel de artículos del blog.

 

Ajustes – SEO

Vemos que tenemos la opción de integrar los datos SEO que genera el plugin de SEO Yoast.

 

Ajustes – Analítica

En esta pantalla podemos configurar los principales servicios de estadística y seguimiento, como: Google Analytics o Google Tag Manager, Pixel de Facebook.

 

Ajustes – Avanzado

Aquí se puede configurar si se consulta una página desde móvil y si hay versión AMP que se haga una redirección, también es recomendable tener los enlaces internos en AMP.

 

Ajustes – Traducciones

Tenemos la opción de realizar traducciones a los textos del theme AMP ya sea por un archivo .pot o directamente cambiando los textos de traducciones.

 

Diseño – Temas

El plugin viene con 4 temas AMP gratuitos que podemos usar, además se incluyen temas adicionales de pago.

 

Diseño – Global

En esta pantalla podemos cambiar los colores generales del tema que hemos seleccionado, además una opción importante es la de CSS personalizado para hacer cambios al diseño del tema.

 

Diseño – Cabecera

Desde aquí se puede habilitar para que se muestre el menú en la versión AMP

 
Vemos además que hay un enlace que nos llevará a la configuración de menús de WordPress, es importante definir la posición de menú para el tema AMP, desde Apariencia > Menús > Gestor de ubicaciones, tal como se muestra en la siguiente imagen

 

Diseño – Único

En esta pantalla se puede configurar las opciones adicionales que se mostrarán como parte del detalle de un artículo.

 

Exclusión de páginas AMP

Existen opciones que sólo están disponibles en la versión de pago, por ejemplo para mostrar formularios de Contact Forms 7 o Compatibilidad con Elementor, si este es tu caso podrías evaluar la versión de pago o excluir estas páginas de AMP.

Para excluir una página de AMP puedes ingresar a editar la página que quieres excluir y en la parte lateral derecha aparecerá la sección que se muestra en la siguiente imagen

 

Conclusión

Tal como hemos visto, usando un plugin podemos habilitar AMP en WordPress, la configuración es bastante simple y no requiere mayor conocimiento técnico.

 

Categorías: Plugins
Etiquetas: optimización