¿Alguna vez notaste esos resultados de búsqueda de Google que están marcados con un pequeño ícono de relámpago? Esto indica que usan el estándar AMP de Google. AMP significa Accelerated Mobile Pages (páginas móviles aceleradas, en inglés), y su estándar está diseñado para hacer que los sitios web carguen muy rápido en los dispositivos móviles. Pero esta mejora drástica en la velocidad es el resultado de algunos cambios en cómo funciona el internet abierto.
Así es como funciona el proyecto AMP de google: en vez de ser dirigido a un sitio web, un visitante que usa un motor de búsqueda en su lugar es dirigido a una copia del sitio web en los servidores de Google. Esto, sin embargo, solo sucede cuando navegamos desde un dispositivo móvil y solo en sitios que han aceptado participar en el proyecto AMP.
La razón de Google para usar AMP es poder brindar la mejor experiencia posible de navegación a sus usuarios móviles. Quieren que el usuario final obtenga la información que requiere lo más rápido posible, sin tener que esperar para leer o ver algo.
1. ¿Por qué usar AMP en tu sitio de WordPress?
Al cargar una página web típica, tu navegador hace un montón de cosas. Primero carga la página HTML, que le brinda una lista de un montón de otras cosas que debe cargar. En muchos casos, incluye CSS para hacer que todo se vea bonito, fuentes, algunas imágenes y JavaScript para rastrear las estadísticas de la página y mostrar anuncios. Cargar cada uno de estos recursos lleva tiempo; tal vez sea solo un par de milisegundos para cada cosa, pero al final todo suma.
Para acelerar las cosas, Google AMP crea una versión separada de cada página en tu sitio web, limitada a las tecnologías web más básicas (por ende, más rápidas). Todas las páginas web están alojadas en los servidores de Google, lo cual acelera las cosas aún más. Google AMP usa solo un puñado limitado de JavaScript y CSS, por lo cual no puedes agregar ciertas funciones y widgets a tu sitio móvil AMP, como botones de Me Gusta para Facebook o formularios inteligentes de email, así como otros scripts dinámicos. A pesar de estas limitaciones, te beneficiarás de usar AMP para mejorar y mantener tu SEO si una buena porción de tu tráfico viene de las búsquedas móviles.
En una conferencia de marketing reciente, Rudy Galfi, el gerente de producto del proyecto Google AMP, dijo que el tiempo de carga medio para las páginas AMP es de 0,7 segundos. En comparación, el tiempo medio de carga para las páginas no AMP es de 22 segundos. Pero una velocidad de carga rápida no es lo único que obtendrás al usar AMP.
El contenido que responda a los estándares Google AMP también obtienen especial consideración en los resultados de búsqueda móviles. En estos, las páginas AMP se muestran con el ícono del relámpago, y marcado con el acrónimo "AMP".
2. ¿Qué páginas pueden usar AMP?
Inicialmente, AMP se centró en hacer más fácil para los usuarios la lectura de noticias de editores en línea. Sin embargo, ahora puedes implementarlos en sitios diseñados para otros tipos de negocios. Especialmente sitios de comercio en línea, para los cuales el carrusel de resultados AMP y otros componentes son la mejor opción. El 30 de junio de 2016, Ebay anunció que había implementado su experiencia de compras online AMP. Esta nueva posibilidad de desarrollar páginas de productos en AMP es un gran incentivo comercial para los sitios web de WordPress (en el que están basados la gran mayoría de los sitios web de comercio) hacia la adopción del estándar.
Una vez implementado en un sitio web, no hay forma de deshabilitar Google AMP. Si visitas un sitio web habilitado en AMP a través de las búsquedas de Google, siempre serás llevado a la versión AMP. Para visitar los sitios reales en vez de la copia alojada en Google, simplemente puedes requerir la versiòn de escritorio a través del buscador de tu móvil. Google solo muestra la versión AMP para la primera página que visitas a través de las búsquedas de Google; puedes navegar a las versiones no-AMP cliqueando cualquier enlace en la página.
3. Cómo agregar Google AMP a tu sitio de WordPress
Existen dos plugins que debes instalar en tu sitio de WordPress para obtener y personalizar tus páginas AMP.
- El primero es el plugin principal de AMP para WordPress, desarrollado por Automattic. Este plugin requiere cero personalización, solo debes instalarlo.
- El segundo es el plugin AMP for WP, que agrega la función avanzada a tus páginas AMP.
1. Cómo usar AMP en tu sitio de WP: instalar el plugin AMP principal:
Si bien puedes encontrar el plugin AMP principal con solo buscar en la tienda de plugins de WordPress, solo puedes descargar la última versión en el sitio de Github del proyecto. Instalar el plugin desde WordPress es la forma más fácil. Simplemente debes seguir estos tres pasos:
- Busca amp-wp en la sección "agregar nuevo" del panel admin de plugins de WordPress
- Clic en Instalar
- Activa el plugin para empezar a usar AMP en tu sitio web
Si, por cualquier razón, debes usar la versión más nueva del plugin, debes descargar el paquete de Github e instalar el plugin de forma manual.
- Simplemente cliquea "Cargar plugin" en la sección "Agregar nuevo" de tu panel de plugins (solo busca el archivo zip que contiene el paquete AMP, luego deja que WordPress se encargue).
- Espera hasta que WordPress suba el archivo exitosamente
- Activa el plugin y empieza a usarlo
2. Configura tu sitio para usar el plugin AMP-Basic
Básicamente estarías listo una vez que activas el plugin base de AMP. Puedes crear contenido como normalmente lo harías, y el plugin se encargará del resto. Toma nota, algunas funciones como tu código de Google Analytics no comenzarán a funcionar en tus páginas AMP de un momento a otro.
3. Instalar el plugin AMP for WP para agregar la funcionalidad avanzada a tu contenido AMP
Para agregar algunas nuevas funciones/configuraciones a tu contenido AMP, deberás instalar el plugin AMP for WP. Funciona en conjunto con el plugin básico, lo cual significa que debes asegurarte de que el plugin base está correctamente instalado y activado antes de que puedas comenzar a usar este.
Entre otras cosas, AMP for WP te permite:
- Agregar anuncios de AdSense a tu contenido AMP
- Configurar cómo se vería tu contenido AMP
- Permitir AMP para páginas completas (el plugin base solo lo limita a artículos)
- Agregar botones para compartir en redes sociales
- Add AdSense ads to your AMP content
Simplemente instala y activa el plugin para empezar. Dado que ya tienes el plugin AMP básico instalado, tu barra lateral debería tener un nuevo objeto llamado AMP.
Pasa tu cursor por encima del menú AMP y selecciona "Welcome".
Ahora, haz clic en la opción General. Normalmente el logo por defecto en la versión AMP de tu sitio es un simple enlace de texto, pero también puedes subir un logo personalizado. Los desarrolladores del plugin AMP for WP recomiendan una imagen de 190 x 36 pixeles. Simplemente haz clic en el botón "subir".
Si utilizas cualquier servicio de analítica, simplemente selecciona y luego ingresa tus datos. Por el momento, AMP for WP soporta Piwik Analytics, Segment Analytics y Google Analytics.
También puedes cambiar el esquema de colores de la versión AMP de tu sitio desde el panel de AMP for WP. Sin embargo, esta función también te permite hacer algunas cosas más interesantes. Por ejemplo, si quieres establecer una página específica como la página de inicio de tu sitio AMP, simplemente ve a esa función y selecciona la página deseada.
Los desarrolladores de AMP for WP reconocen el hecho de que algunos usuarios pueden no estar a gusto con la apariencia o el funcionamiento de las páginas AMP. El plugin provee una configuración que permite insertar un enlace al artículo original en el pie de página. Por defecto, este plugin viene con esta función habilitada y es recomendable que lo dejes de esa manera para que sea más fácil de cambiar para los usuarios a los que no les gusten las páginas AMP. La función también ofrece una configuración de encendido y apagado para las páginas de lectura de derecha a izquierda, como aquellas en árabe, además de la función de las páginas de archivo que permite habilitar o deshabilitar AMP en ellas.
Cómo agregar un menú personalizado:
Comparado con el plugin básico de AMP, AMP for WP es una mejora significativa. Así se vería una página típica con AMP con el plugin AMP for WP activado:
La parte superior de la página muestra un botón de navegación que activa un menú que se desplaza hacia la derecha cuando es activado. Al final de la página se puede ver la barra social flotante. Puedes editar el menú que se muestra en tus páginas con AMP habilitado yendo a AMP > Welcome > AMP Menu, luego cliqueando el enlace que encontrarás ahí para navegar al constructor regular de menúes de WordPress.
Cómo agregar anuncios
Para agregar anuncios a tus páginas AMP, simplemente navega a la pestaña de Anuncios.
A continuación, cliquea en ON para el anuncio que deseas habilitar, y selecciona el tamaño.
Luego, ingresa los datos correspondientes en Data AD Slot y Data AD Client.
Si usas AdSense, asegúrate de que el anuncio que selecciones tenga el mismo tamaño que hayas seleccionado en un principio. Caso contrario, crea uno nuevo. Obtén el código del anuncio para obtener sus datos Data AD Slot y AD Client. Finaliza al cliquear "Guardar cambios" para instertar tu anuncio en las páginas AMP.
Cómo personalizar las configuraciones para artículos específicos
Cuando activas por primera vez el plugin AMP for WP y ves tus artículos de blog en AMP, notarás que todos ellos tienen una imagen en la parte superior de sus páginas además de la barra social flotante en la parte inferior. Estas son funciones por defecto que puedes desactivar o editar en la sección "Single".
La primera parte de esta sección se encarga de los metadatos y cualquier imagen incluida en el posteo. Por defecto, los metadatos, que consisten en autor y fecha, son mostrados en la parte superior de todos los posteos. Puedes desactivar esto si no quieres que el plugin lo nuestre. La sección también permite activar o desactivar la imagen, o simplemente dejarla e ingresar las dimensiones personalizadas.
Puedes elegir si quieres mostrar etiquetas o posteos relacionados, además de seleccionar las redes sociales específicas que quieres que aparezcan en la barra social.
Cómo customizar los datos estructurados
El plugin tiene una sección de datos estructurados que permite agregar una imagen destacada para tus posteos. Un número de editores, entre los destacados, Joost de Valk de Yoast SEO, notó algunos errores en las consolas de búsqueda de las páginas con AMP activado, y halló que eran causadas por la galta de imágenes destacadas en posteos antiguos. La mayoría de los errores fueron solucionados agregando imágenes destacadas por defecto en los posteos.
Puedes hacer esto navegando hacia el menú de datos estructurados, haciendo clic en "Subir" y seleccionando una imagen destacada por defecto.
Puedes monitoriear los errores de tus páginas AMP abriendo Search Console, luego yendo a Aparición en Búsquedas y haciendo click en Accelerated Mobile Pages (Páginas móviles aceleradas).
Plugins SEO que puedes usar con AMP
Por defecto, las páginas AMP no ofrecen ningún beneficio de SEO, lo cual significa que tendrás que agregar plugins compatibles de SEO. Afortunadamente, prácticamente todos los desarrolladores de plugins de SEO tienen extensiones de AMP que puedes usar para este propósito. Sin embargo, deberás descargarlos e instalarlos por separado, pero primero debes asegurarte de que todas tus páginas están estructuradas de manera de que tu SEO general mejore.
Por ahora, los plugins de Wordpres para SEO que han lanzado actualizaciones para AMP o extensiones son los siguientes:
- WP SEO Structured Data Schema – Este es un plugin de SEO Schema compatible con AMP desarrollado por Kansas City SEO.
- Glue for YOAST SEO – Este plugin agrega soporte para AMP al plugin Yoast WordPress SEO.
- Schema App Structured Data – un plugin SEO Schema con soporte para AMP. Descargable de Schema.org.
En conclusión: ¿debo hacerlo?
Las páginas Google AMP realmente se ven interesantes gracias al hecho de que cargan cuatro veces más rápido que las páginas estándar. Aún más, cualquier página con AMP activado que lleguen al carrusel para cualquier consulta son más propensas a posicionar más alto, llevando a mayor porcentaje de clic. Mayor velocidad, mayor posicionamiento - todo lo que quieres que tenga tu sitio. Sin embargo, si bien esta es una gran ventaja para sitios de publicación de noticias y productores de contenido que crean un montón de nuevo contenido regularmente, Google AMP tiene muy poco efecto en el éxito de los sitios no editoriales. Por ejemplo, dado que el proyecto no soporta formularios, debes decirle adios a la mayor fuente de leads si tienes un sitio de comercio electrónico.
Si esto no afecta tus ingresos, la conveniente experiencia que ofrecen las páginas AMP resultará en visitantes más felices - y te ganarás esa designación AMP en las búsquedas móviles.