Saltar al contenido

Amp para WordPress | Instalación y Configuración

24 septiembre, 2019
Amp para Wordpress

En esta guía os voy a ayudar a instalar y configurar correctamente Amp para WordPress de forma que harás crecer considerablemente el tráfico orgánico de tu sitio web.

¿Qué es AMP?

AMP (Accelerated Mobile Pages) o Acelerador de Páginas Móviles es un proyecto creado por Google que tiene un objetivo principal, mejorar los tiempos de carga de tu sitio y ofrecer una mejor experiencia a los usuarios que visitan tu web en sus dispositivos móviles.

Probablemente si navegas por Internet mediante tu teléfono móvil o tableta te hayas dado cuenta de que en los resultados de búsqueda aparecen algunos resultados con un símbolo de un rayo ¿Te es familiar, verdad? Pues eso significa que la versión que te va a mostrar es en AMP.

Versión AMP en resultados de búsquedas de Google

¿Cómo funciona AMP en WordPress?

Como ya sabrás o deberías de saber Google prioriza los sitios webs optimizados para dispositivos móviles frente a los de escritorio, por tanto es muy importante que tu página esté preparada para ello.

El objetivo de AMP para WordPress es simplificar tu página, con el objetivo de que se descarguen rápidamente en los dispositivos móviles a la vez que sean más fácil de leer en las pantallas de pequeño tamaño.

Para ello AMP muestra una versión reducida de tu sitio web eliminando todos los elementos que no son necesarios y a la vez prescindibles (principalmente JavaScript y CSS) para el usuario, centrándose en el contenido y las imágenes.

Con ello conseguimos una web ligera y que carga prácticamente al instante.

¿Debo implementar AMP en WordPress?

Ahora que ya sabes qué es y para qué sirve AMP llega la pregunta del millon. ¿Debo de instalar Amp en mi sitio web?

Principalmente depende del tipo de usuario que visita tu página.

Si es un usuario que busca información AMP te ayudará a aumentar el número de visitas a pesar de las limitaciones que ofrece este tipo de página. Un ejemplo práctico sería un blog.

En el caso de las tiendas online la cosa cambia, y es posible que debas de plantearte si es realmente necesario, ya que el diseño estará muy limitado y probablemente bajen las conversiones. Por tanto no suelo recomendarlo.

Cuáles son las ventajas de AMP para WordPress

1. Tiempos cortos de carga de tu sitio web

Sin duda alguna la velocidad es la clave principal para mejorar la experiencia de usuario y esta es la principal ventaja de utilizar AMP en tu sitio web.

2. Potencia los fragmentos destacados

Los fragmentos destacados aparecen en los resultados de búsqueda de Google (noticias, respuestas, preguntas, etc…) Estos fragmentos suelen estar ocupados por páginas AMP en las búsquedas móviles.

3. Optimiza el rendimiento para páginas con elevado número de visitas

Gracias a AMP Google mostrará páginas almacenada en caché (sus propios servidores) en lugar de mostrar la URL de tu servidor, ésto evitará sobrecargas en el servidor y opctimizará el ancho de banda del mismo, aunque ciertamente para otros esto es un incoveniente ya que pierde un poco el control de su contenido.

Desventajas de AMP

Primeramente tienes que saber que AMP no te permite utilizar hojas de estilos externas (CSS), lo cual no te permitirá mostrar tu sitio web tal y como lo ves en la versión de escritorio.

En segundo lugar olvídate de utilizar Javascript ya que AMP no te lo permite y por tanto si tienes una página que dependa mucho de ello no te recomiendo que lo instales.

Y por último al utilizar AMP verás un crecimiento ficticio del tráfico de referencia en Google Analytics.

Si ya tienes una web responsiva, ¿necesitas configurar AMP en WordPress?

La respuesta es si. Ten en cuenta que una web responsive no es más que una página se adapta perfectamente a los diferentes tipos de dispositivos móviles (tabletas, móviles, etc…) conservando los estilos y scripts de la web original , mientra que AMP es una tecnología que elimina dichos elementos para acelerar la carga de tu página.

Pasos para instalar AMP en WordPress

Ahora que ya sabes los pros y contras de utilizar AMP en WordPress si sigues leyendo es que estás completamente interesado en implementar esta tecnología para aumentar el número de visitas a tu sitio. ¡Así que vamos a ello!

  1. Lo primero y muy importante es que hagas una copia de seguridad de tu página web en WordPress.
  2. Accedes al panel de plugins de WordPress y en buscar teclea AMP for WP – Accelerated Mobile Pages
    Amp para WordPress
  3. Una vez instalado no olvides «Activarlo» y sigue las instrucciones para la configuración inicial del plugin.
  4. Enhorabuena ya tienes AMP en tu sitio web.

Como configurar AMP en WordPress

Ahora toca configurar el plugin correctamente con todas las opciones que trae, ya que por defecto la gran mayoría de ellas vendrá desactivada.

Es muy importante que en cada apartado, una vez realices los cambios, pulses el botón «Guardar Cambios».

1. Ajustes Generales de AMP

Ajustes Generales
Ajustes Generales de AMP para Wordpres

Esta primera opción de AMP cuenta con dos apartados:

  • Identidad: Donde debes de subir tu logotipo (Si así lo deseas). El plugin nos recomienda un tamaño de 190 x 36 píxeles, siendo aconsejable mantener estas medidas.
  • Soporte Amp: Para activar Amp en las diferentes opciones que te ofrece. Yo te recomiendo en las entradas, páginas y portada. El resto es opcional.

2.- Anuncios

Si tienes una cuenta en Adsense para motenizar tu sitio este apartado es muy importante ya que te permite insertar anuncios en diferentes partes de tus artículos o páginas.

Anunción de Adsense
Configurador de Anuncios de Adsense en AMP

Rellena los diferentes campos que te solicita y que puedes conseguir en el apartado de tu cuenta de Google Adsense.

3.- SEO en AMP para WordPress

En el apartado «General» comprueba que no estén activas ninguna de las pestañas, ya que lo que queremos es que todo sea lo más fácil de configurar, para ello ve al apartado «Integración del Plugin de SEO» y selecciona tu plugin de SEO, en mi caso utilizo Yoast By SEO.

Configuración apartado SEO
Integrar AMP con Yoast SEO

El resto de opciones puedes dejarlas tal y como puedes ver en la imagen superior.

4.- Rendimiento

En este apartado te recomiendo que actives la opción de minimizar para mejorar la rapidez de la página y tiempos de carga. Esto únicamente afectará a la versión AMP.

Rendimiento en AMP

5.- Analítica

Si quieres tener un seguimiento de las visitas de tus páginas en AMP te recomiendo que le agregues tu id de seguimiento de Google Analytics, el resto de opciones déjalas sin activar.

Configuración de Google Analytics en AMP

6.- Datos estructurados en AMP

En este apartado puedes elegir el tipo de datos estructura que quieres para cada publicación que hagas de tu web.

Si quieres evitar los tipicos errores en Google te recomiendo que elijas BlosPosting para Publicaciones y Article para las páginas.

Datos estructurados en AMP

El resto de configuraciones son un poco avanzadas y si no tienes muchos conocimientos te recomiendo que las dejes tal cual te aparecen.

7.- Barra de Aviso y RGPD

Recientemente la Unión Europa obliga a tener el consentimiento de los usuarios miembros de cada estado a la instalación de las cookies, por tanto es muy importante activar esta opción dentro del plugin de AMP.

Además también es de obligado cumplimiento el nuevo Reglamento Europeo de Protección de Datos (también conocido como GDPR) en toda la UE.

Una vez activas esta pestaña deberás de rellenar los campos con la información que te solicita, tal como texto, mensaje, y botones para aceptar o denegar la aceptación de las condiciones establecidas en dicho reglamento.

Personalmente recomiendo que de las dos opciones optes por la de GDPR que aunque es un poco más completa de configurar de adapta mejor a la normativa que exige la Unión Europa.

8.- Formulario de Contactos

AMP te permite activar la compatibilidad con los formularios de contactos de «Contact Form», «Gravity Forms Support» y «Ninja Form».

Lamentablemente para activar estos plugins tendrás que pasar por caja, ya que la opción gratuita de AMP no te permite gestionar los formularios.

En mi caso no lo tengo activado ya que no necesito de formularios de contactos en AMP, aunque es una opción muy interesante para aquellos que si lo utilicéis en vuestras páginas.

9.- Configuraciones Avanzadas

Esta sección te permite realizar una configuración avanzada de tu plugin de AMP para WordPress, con multitud de opciones e incluso la posibilidad de insertar tu propio código.

Sinceramente este apartado no es apto para todo el mundo, ya que un error puede hacer que aparezcan múltiples errores en tu sitio web. Por tanto no te recomiendo que lo modifiques a no ser que seas un usuario avanzado.

10.- Comercio Electrónico

Al principio de este artículo ya os comenté que si tu página es una tienda online no es recomendable instalar AMP, aún así el plugin te permite activar la configuración para Woocommerce y Easy Digital Downloads, y como en el caso de los formularios tendrás que pagar para poder activarlo.

11.- Panel de Traducciones

Poco que decir de este apartado. Aquí podrás configurar el idioma del plugin ya que por defecto viene en inglés.

Te recomiendo que realices una buena traducción al español de todas las opciones que trae para dar una buena experiencia a los usuarios que visitan tu web.

12.- Diseño

Esta es la sección dedicada a la configuración de la parte visual y funcionar de la versión AMP de tu página web.

La versión gratuita trae por defecto cuatro temas que puedes utilizar sin ninguna limitación y de las cuales explicaré las principales opciones a configurar.

Una vez elegido el tema verás en el lateral derecho que tiene un desplegable con múltiples opciones tales como:

  • Global
  • Cabecera
  • Página Principal
  • Único
  • Pié
  • Página
  • Compatibilidad Social
  • Fecha
  • Varios

Entra en cada una de ellas y configura a tu gusto el tema que has elegido. Si el resultado no es del todo satisfactorio siempre podrás volver a la versión anterior y dejarlo tal y como estaba.

Cómo verificar tu página AMP en WordPress

Una vez instalado y configurado AMP llega el momento de comprobar que todo es correcto con una sencilla verificación del sitio.

Para ello hay varias fórmulas, pero yo voy a simplificar el proceso y os voy a enviar al verificador de páginas AMP de Google.

Verificador de Páginas de Google
Verificador AMP de Google

Ahora debes de introducir la URL de la página que quieres probar y pulsar en «Probar URL», tras unos segundos te aparecerá un mensaje si todo es correcto, o de lo contrario si hay algún fallo que debas de corregir.

Conclusión

AMP para WordPress es sin duda uno de los mejores plugins para WordPress que existen en la actualidad.

Cuenta con dos versiones una gratuita y otra de pago, y en mi experiencia, si no requieres de demasiadas florituras podrás trabajar sin ningún problema con la versión gratuita ya que trae una gran cantidad de opciones para configurar y optimizar a fondo tu página web.

Y tú ¿Utilizas ya AMP en tu sitio web? ¿Tienes alguna duda o recomendación? No olvides dejarme tus comentarios. ¡Gracias!

Contenido Relacionado