Qué es y cómo activar AMP en WordPress ⚡ Mejorar el rendimiento de las páginas web móviles

Wordpress

Antes de saber como activar AMP en WordPress nos vamos a centrar un poco en la tecnología en sí. La constante lucha de Google por acelerar la web en dispositivos móviles no es nueva, hace poco ya veíamos como «sutilmente» nos invitaba a cambiar nuestra web a responsive design si no queríamos perder posiciones en el buscador.

¿Qué es AMP o Accelerated Mobile Pages?

El proyecto Accelerated Mobile Pages es justo para eso, mejorar el rendimiento de las páginas web en móviles y crear un estándar de optimización en la web.

La lentitud de las webs al cargar en móviles muchas veces es el principal motivo que hace que un usuario abandone la web, de hecho, personalmente si una web me tarda más de 3 segundos en cargar me empiezo a poner nervioso y a mirar como loco la barrita de conexión a Internet, en fin, seguro que te ha pasado.

ampproject_design19blog_big

El proyecto está basado en un formato abierto (AMP HTML) y se basa en unas especificaciones del propio lenguaje HTML limitadas para hacer posible la carga de contenido.

Detrás de este proyecto, a parte de Google, están muchas otras empresas como 20 Minutos, El Mundo, El País, etc… la lista es larga.

Además, los archivos de AMP se pueden guardar en la nube con el fin de reducir el tiempo que tarda en llegar el contenido del dispositivo móvil de un usuario. Google ha declarado que va a proporcionar una caché que puede ser utilizado cualquiera, sin ningún coste.

¿Que pasa con el SEO?

Es de pensar, que si Google está detrás de todo esto, la implementación de AMP tenga repercusión en nuestro posicionamiento, de alguna manera esto puede ser así, Google ha dicho que priorizará los sitios que tengan AMP implementado en su carrousel de noticias, por lo que podemos decir que si, AMP es beneficioso para tu posicionamiento.

La otra cuestión que puede surgir con esto es el tema de los anuncios, recuerda que muchas de las webs que visitas diariamente se nutren de la publicidad como medio para generar ingresos, esto puede ser un problema de cara a los creadores de contenido y algo que haga dudar sobre si dar este paso. Por suerte, y tal y como explicó Google en su blog, quieren dar soporte a un tipo de anuncios que sean beneficiosos para la tecnología y para el usuario.

Activar AMP en WordPress, plugins disponibles

Vamos al tema, que me he liado a explicar la tecnología, pero lo que realmente importa es como activar AMP en WordPress. Para todos los usuarios que tienen un blog alojado en WordPress.com ya está activado por defecto y los que no lo primero que hay que hacer, evidentemente, es instalar wordpress en un servidor, te puedes hacer ayuda de este tutorial de Hostinger. Para el resto, aquí os dejo una selección de plugins que ya han implementado el sistema para que no tengamos que hacer nada más que instalarlo:

AMP

Activar AMP en WordPress con el plugin AMP

Accelerated Mobile Pages

Activar AMP en WordPress con el plugin Accelerated Mobile Pages

Comprobar que AMP funciona en nuestro sitio

Para comprobar que AMP está funcionando en nuestro sitio lo único que tenemos que hacer es añadir el /amp en la url o ?amp=1, si todo está bien veremos la versión optimizada de nuestra página y enhorabuena, tu web soporta AMP!

Ver este artículo en formato AMP HTML

15 comentario

  1. Y no se podría hacer un theme nativo de wordpress ya con las mismas funciones en vez de tener que estar instalando algún plugin. ¿Conoces alguno?

    Yo probé a instalarlo y la verdad que buena carga, pero me gustaría que se viera siempre con amp mi sitio, no solo cuando las busquedas provengan de google.

    Un saludo.

  2. Buenasss articulo delux!!

    Una pregunta tonta…he instalado el plugin amp y he hecho la prueba en una pagina que mide la velocidad de carga y va rapida pero solo si le meto esto «?amp=1» la pregunta tonta es…solo me carga rápido si se busca esa url como tal, la url de la web como tal sin eso va mega lenta…como puedo hacer, si lo sabes, para conseguir que cualquier busqueda me cargue así de rápido?

    • Claro, carga muy rápido porque es una versión muy optimizada en HTML. Si tu web va lenta puedes empezar cambiando el theme, desactivando plugins que no uses, etc. Si no das con la solución intenta que alguien con conocimientos resuelva el problema. Gracias por comentar.

  3. Hola, muy buen artículo
    Consultas: he instalado el AMP, este es más básico que el segundo (veo que el segundo tiene más posibilidades de configurar), es así?, ambos funcionan con Analytics, es decir hace el seguimiento si alguien entra en modo amp?
    Y la otra consulta en un sitio que lo he instalado (amp) solo reconoce como amp la parte del Blog, el resto de la página al ponerle amp o ?amp=1 me da que no la encuentra (404)
    Y al revisar la velocidad del sitio no ha cambiado en nada, solo al ponerle …url../amp lo levanta 1 punto de 66/100lo lleva a 67/100
    Desde ya gracias

  4. Pero si lo que realmente queremos es acelerar nuestra web, envés de instalar un plugin, ¿no seria mejor que nos enseñes a integrarlo en nuestra plantilla?

    He creado un nuevo proyecto
    Estoy utilizando una plantilla de gibhub que quiero empezar a modificar. Y ahora a buscar como implementar a mano el amp!

  5. El primero de ellos lleva ya mucho tiempo sin actualizar. Creo que será mejor probar el Accelerated Mobile Pages que tiene mas actualizaciones recientes.

    un saludo y gracias

  6. Hola buenas tardes.

    He logrado pasar a amp las «entradas» de mi blog, lo que no he logrado es pasar las «páginas» de wordpress.

    ¿Alguna recomendación?

    Muchas gravias

Enviar un comentario