Google ya comenzó a destacar en los resultados de consultas realizadas a través de dispositivos móviles, a las páginas que cuentan con esta nueva tecnología. Te cuento de qué se trata y cómo configurarlo en tu WordPress.

A fines del 2015 y comienzos del 2016 el tema comenzó a sonar y rápidamente se extendió por toda la web: Google empezaría a destacar en sus resultados de búsqueda a aquellas páginas que cuenten con tecnología AMP.

¿Qué es AMP?

Si todavía no has oído hablar del tema: Accelerated Mobile Pages (páginas móviles aceleradas) es una iniciativa de Google, de código abierto, que busca mejorar el rendimiento de la navegación móvil y establecer un estándar.

AMP HTML permite optimizar tu sitio, creando una versión ligera, para que sea visualizado de una manera simple y veloz, con el objetivo de que las páginas se carguen rápidamente en los dispositivos móviles.

Básicamente, una versión liviana de tu página para que quienes acceden a través de la navegación móvil naveguen más rápido.

Algo que nos favorecerá en algunas otras cuestiones, más allá del ahorro significativo en el consumo de tu plan de datos. Por ejemplo, te ayudará a resolver aquella problemática que las estadísticas nos indican: el 40% de los usuarios abandonan las páginas que demoran más de 3 segundos en tardar.

Google indica en los resultados que una página es acelerada para móvil.
Google indica en los resultados que una página es acelerada para móvil.

¿AMP es lo mismo que Responsive?

La respuesta es: No. Cuando hablamos de responsivo, nos referimos a que el diseño de tu sitio se adapta a las distintas resoluciones de pantallas, pero manteniendo la interfaz gráfica.

Como mencioné anteriormente, AMP prescinde de todo elemento gráfico a excepción de las imágenes, slider y algunos otros elementos que incluyas dentro de tu artículo o página.

¿AMP afecta al SEO?

Según el mismo Google, no. Aunque ya muchos especular que sí. También hay que considerar que puede influir indirectamente en el CTR (Ratio de cliqueo) ya que cuando observes que en los resultados una página tiene tecnología AMP, sabrás que navegarás más rápido por ella y seguramente tiendas a entrar en ellas.

No puedo evitar relacionar esta influencia indirecta sobre los CTR como con Google Autorship, que luego acabó retirando.

¿Cómo optimizar WordPress para AMP?

AMP Plugin para WordPress

AMP Plugin

Afortunadamente, WordPress está colaborando con el proyecto al igual que muchas otras plataformas. Así que puedes hacerlo a través del plugin AMP del mismísimo Automattic.

Lo instalas como cualquier otro plugin: buscando en el repositorio, instalándolo y activándolo. No tendrás que hacer nada más, ya que automáticamente todas las entradas de tu sitio tendrán versiones compatibles con esta AMP.

Las páginas y los archivos, de momento no son compatibles pero se está trabajando para solucionar esto cuanto antes.

En un principio no notarás ningún cambio en la apariencia ya que las páginas en su versión móvil no se muestran automáticamente al ingresar a tu web. Para ver las versiones generadas ingresa a cualquier entrada y en la url agrégale al final /amp/.

Si al probar te arroja un Error 404 tal vez necesites refrescar los permalinks. Simplemente ingresa a Ajustes / Enlaces Permanentes y vuelve a presionar “Guardar cambios” y ya.

AMP for WP - Accelerated Mobile Pages

AMP for WP – Accelerated Mobile Pages

Este plugin es una extensión para el anterior mencionado. Nos ayudará con un panel de administración para AMP más intuitiva, donde podrás configurar numerosas funcionalidades, incluso banners publicitarios:

  • Logo
  • Código de Analytics
  • Un color para el branding y que tu sitio no pierda identidad.
  • Texto para el footer
  • Texto del botón para el menú contextual.
  • Notificación de Cookies.
  • Mostrar u ocultar cosas como: imagen destacada, paginación, etiquetas, post relacionados, comentarios, etc.
  • Configurar una imagen a mostrar cuando no haya una destacada en el post.
  • Mostrar de manera permanente botones para compartir en Redes Sociales, E-mail y WhatsApp
  • Y el editor para personalizar el CSS.

Sin duda, una excelente opción para ir optimizando tu WordPress para AMP y que Google empiece a destacar tu sitio en los resultados de búsquedas a través de dispositivos móviles.

Esta página ya cuenta con AMP y la diferencia, obviamente ¡se nota! Te invito a probarla cargándola en tu móvil (aunque también puedes vera en tu pc o laptop) haciendo clic aquí.

Sitio Web del Proyecto AMP: https://www.ampproject.org/

Compartir:

Recibe este contenido en tu correo.

Te envío mis últimas publicaciones y comentarios extras.
Tu privacidad es tan importante como la mía: no compartiré tus datos con nadie.

✉️ Recibí este contenido en tu correo.

Te envío las últimas publicaciones del blog a tu bandeja de entrada.
Tu privacidad es tan importante como la mía: no compartiré tus datos con nadie.

Suscríbete a mi Lista Principal

Cosas que no se dicen por aquí.

Emprende con
Recursos

Conoce las principales herramientas que utilizo a diario.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Responsable » Franco Román Giardina
Finalidad » gestionar los comentarios.
Legitimación » tu consentimiento.
Destinatarios » los datos que proporcionas estarán ubicados en los servidores de SiteGround, que es la empresa que provee el servicio de alojamiento web a francogiardina.com, dentro de la UE. Puedes ver la política de privacidad de SiteGround en la siguiente URL: https://www.siteground.es/privacidad.htm/
Derechos » podrás ejercer tus derechos, entre otros, a acceder, rectificar, limitar y suprimir tus datos.

¿Te parece útil este contenido?

Si este y otros artículos te son de utilidad se aceptan cafés (con su brioche y todo).

La energía de ese café se usa para poder producir más y mejores contenidos.

También es un modo de evitar meter patrocinios en los artículos.