Configurar la versión AMP de la página

Desde que el móvil empezó a dominar el tráfico en internet, muchos han sido los experimentos que buscan llevar mayor comodidad y rapidez a la hora de cargar una página en un dispositivo distinto a la tradicional PC de escritorio. Pero sin duda alguna uno de ellos ha logrado dar en el clavo generando una calidad y experiencia de usuario ideal desde los dispositivos móviles, nos referimos a AMP (Accelerated Mobile Pages), un proyecto de Google que estandariza la forma en que se presentan las páginas que salen en los resultados de búsqueda desde los móviles y que elimina elementos gráficos y código que hace la carga muy lenta. Por ello, en esta clase vamos a ver la importancia y cómo se configura esta versión en todo tu sitio web.

¿Por qué es importante que una web tenga version AMP?

Cuando accedemos a Google desde un dispositivo móvil, el algoritmo de búsqueda no se comporta igual a como lo haría si lo hiciéramos desde una PC. La razón es porque, en el caso de los móviles, el algoritmo busca de entre sus resultados relevantes para responder a la palabra de búsqueda, están las que ofrecen un mejor desempeño de carga para este tipo de dispositivo. Por esta razón, aquellas páginas que tienen una versión AMP instalada, serán tomadas en cuenta de primer lugar frente a las que no lo tienen, logrando así posicionar mejor en los resultados de Google.

La forma en que Google le indica a los usuarios que la página web del resultado de la búsqueda es AMP es porque le pone un símbolo de un rayo dentro de un círculo gris seguido de la palabra "AMP" en mayúscula.

¿Cómo instalar AMP a una página en WordPress?

Tener tu página en versión AMP con WordPress es muy sencillo, solo tienes que instalar un plugin y hacer unas pequeñas configuraciones para que Google la indexe con la versión AMP y en adelante mostrará tus resultados destacando el logo símbolo AMP cuando alguien busque tu página o resultados de tu temática desde dispositivos móviles.

El plugin que vamos a utilizar será AMP for WP – Accelerated Mobile Pages que cuenta con una gran variedad de herramientas de personalización para poner nuestra versión AMP digna de una página profesional.

Vamos a indicar paso por paso cómo debes instalarlo y cómo configurarlo correctamente:

Paso 1: La instalación

En la caja de búsqueda de plugins debes escribir la palabra AMP y luego seleccionar instalar ahora en el plugin que hemos marcado en la imagen, recuerda activarlo luego de que esté instalado.

Paso 2: Iniciar el configurador automático

En la siguiente pantalla debes seleccionar la opción “I am a New User!” el botón rojo en la parte inferior, el cual indica que se iniciará el asistente para la instalación.

Paso 3: Iniciamos la configuración

En la siguiente pantalla debes presionar la opción “Start” para empezar la configuración.

Paso 4: Definir un logo

En esta opción vamos seleccionar el logo de la página que queremos que se vea en la versión AMP, para ello nos piden que usemos una medida recomendada de 190x36 pixeles. Subimos el logo y presionamos el botón “Save”.

Paso 5: Dónde tendremos la versión AMP

En esta sección vamos a definir en qué partes de nuestra página tendremos version AMP, esto porque la idea es que estén en versión AMP solo las secciones que van a ser indexadas por los buscadores según lo hemos definido en el plugin de Yoast. Por tanto vamos a seleccionar que los posts, páginas y el home estén configurados en versión AMP.

La siguiente opción es “Setup Analytics”, esta opción la vamos a saltar porque por ahora no vamos a configurar el Analytics de Google, pero en caso de tenerlo ya instalado solo tienes que poner aquí el código de seguimiento. Para saltar la opción presionamos el botón “Skip”.

Paso 6: Elegir el diseño

Esta sección nos permite seleccionar entre una variedad de diseños, desde los más simples hasta los más modernos, para que elegir cómo quieres que se vea tu página en la versión AMP.

Paso 7: Lanzar la versión AMP

Ya está, hemos configurado nuestra versión AMP correctamente, solo debemos presionar el botón rojo “Lets Go”.

Ahora vamos a revisar que todo esté correctamente instalado, así que vamos a abrir cualquier sección de nuestra web, como el home, una página o un artículo y en la dirección web del navegador escribiremos al final “/amp” y presionamos Enter.

El resultado debería ser similar al siguiente:

Y eso es todo, de esta forma ya nuestra web estará configurada en la versión AMP y será cuestión de días para que el buscador indexe esta versión y la empiece a mostrar en los resultados.

Como dato adicional, el plugin permite una configuración detallada de más opciones, te reto a revisarlas y personalizarlas de acuerdo al requerimiento de tu proyecto.