TUTORIAL: ¿Cómo implementar AMP en WordPress?

1124 1
1124 1

¿Qué es el AMP?

La navegación en la red a través de dispositivos móviles ha pasado a generar el 82% del tráfico total de internet. Sin embargo, las websites mostraban un gran problema en su formato para móviles, demoraban demasiado en cargar y gastaban muchos datos para un solo portal.

Ante esta situación Google decidió lanzar el proyecto  AMP (Accelerated Mobile Pages) el cual es una iniciativa de código abierto que pretende ofrecer una experiencia de navegación en Internet ultra-rápida desde dispositivos móviles.

¿Las webs AMP son el futuro?

Esta tecnología no surge como un sustituto al modelo tradicional de sitios web, sino que aparece como una opción para todos los portales, permitiéndoles una carga rápida al entrar a su sitio y un menor gasto de datos para los móviles de los usuarios.

¿Todos pueden implementar el AMP en sus sitios web?

Para poder usarlo AMP restringe el uso de Javascript, haciendo que los formularios, comentarios y otros elementos no funcionen. Además, requerirá hacer ajustes en los CSS ya que estos deberán ocupar menos de 50kb y las fuentes tendrán que ser cargadas con una extensión especial del plugin.

Los elementos multimedia también se verán afectados, las imágenes tendrán que usar el componente amp-img. Si se usa GIFs animados se tendrá que usar el componente amp-anima_extended. Al igual que los vídeos HTML5 que tendrán que usar un componente llamado amp-video y si son de YouTube: amp-youtube.

Google Analytics puede ser añadida también pero solo podrá usarse un método de medición al a vez.

También te puede interesar:

¿Qué clase de anuncios se puede utilizar en AMP?

Usando el componente amp-ad extended se podrá usar: Amazon A9, AdReactor, Google AdSense, AOL AdTech, Google Doubleclick, Flote, Tabula, Adform, DotAndAds, lista, Smart AdServer y Yieldmo. 

Pasos para instalar AMP en WordPress

Siguiendo los métodos de instalación, WordPress tiene dos alternativas de implementación. Para este tutorial se utilizará el modo seguro.

 

Paso 1: Descargar el plugin AMP desde el repositorio de wordpress.org, para su seguridad los archivos están comprimidos en formato .zip

plugin-wordpress-amp-google

Paso 2: Se recomienda descartar códigos maliciosos dentro del plugin AMP con Virus total. Una vez descargado el plugin será necesario subir a la herramienta mencionada. (No es obligatorio)

virus-total-plugin-amp-wordpress

Paso 3: Después de verificar que el código está limpio, subir el plugin mediante FTP a la carpeta “/wp-content/plugins/”, como paso seguido tendremos que descomprimir para poder activar.

ftp-plugin-amp-google

Paso 4: Activar el plugin desde el panel de administración de WordPress.

panel-wordpress-amp-plugin

Paso 5: Los enlaces permanentes deben estar configurados de manera amigable en este caso como: Nombre de la entrada

plugin-panel-wordpress-amp-google

Paso 6: Verificar el correcto funcionamiento del plugin, para este paso debemos probar con un artículo publicado, asignando el término “amp” después del “/” final de cada artículo.

Ejemplo:
Vista normal
https://mott.pe/marketing-digital/que-es-growth-hacking-y-como-aplicarlo-en-tu-startup/

Vista con AMP

https://mott.pe/marketing-digital/que-es-growth-hacking-y-como-aplicarlo-en-tu-startup/amp

Paso 7: Solicitar el rastrea de Google con Webmaster Tool, este procedimiento deberá realizarse para que google indexe con el nuevo formato de AMP, para ello debemos ingresar a nuestra cuenta de Webmaster tool, seleccionar el proyecto y dirigirnos a la opción Rastreo paso seguido Explorar como Google.

webmaster-tool-amp-google

 Paso 8: Como paso final tenemos el seguimiento de las indexaciones de AMP desde webmaster tool. Para ello debemos ir al menú Aspecto de la búsqueda y seleccionar Accelerated Mobile Pages.

accelerated-mobile-pages-amp-google

Nota adicional:

Las páginas y los archivos  dentro de wordpress aún no son compatibles. Esta configuración es solo para las entradas de los artículos.

El plugin sólo crea contenido de AMP, de tal manera aun no es posible mostrar automáticamente a los usuarios cuando visitan desde un dispositivo móvil. Eso está en manos de los consumidores AMP tales como Google Search.

Si deseas ver el funcionamiento de páginas que ya cuenten con AMP te dejo el siguiente enlace de prueba. g.co/ampdemo
Para visualizar la demostración deberás ingresar a la dirección url en mención desde un dispositivo móvil.

 

Imágenes de proyectos con Google  AMP

resultados-de-amp-google-wordpress

proyecto-google-amp-wordpress

 

portales-de-noticia-con-amp-google

 

paginas-web-con-amp-google

articulos-de-amp-google-movil amp-gif-google

 

 

Conclusiones:

  • Este Plugin permitirá que los usuarios de móviles puedan acceder con una mayor velocidad a tu portal, lo cual generará un mayor tráfico en tu sitio web.
  • Mejorará tu SEO: Google identificará que tienes un contenido hecho para celulares por lo que te colocará en los primeros resultados (Top Stories)
  • No permite comentarios ni ninguna interacción con los usuarios
  • Restringe mucho el uso de archivos multimedia
  • Restringe el uso de publicidad dentro del portal
  • Será muy difícil si es que no imposible mantener el formato (letra, diseños, etc.) por lo que si aprecias mucho este factor en su página será un problema.
  • El plugin acepta Google Analytics pero solo podrá usarse un método de medición.

 

¿Te ha sido útil el artículo?

1 Star2 Stars3 Stars4 Stars5 Stars (1 votes, average: 5.00 out of 5)
Loading...
Pertenece a:

Únete a la conversación

1 comentario

  1. Seo Perú Responder

    Hola Luciana, excelente aporte y gran ayuda para todas las personas que estan trabajando en el SEO. con AMP de Google el contenido que uno creará en su nuestro sitio web o blog será mucho más accesible para todos los dispositivos móviles y eso Google lo valorará.

    Adiciono a tu post, existe una actualización de Yoast “Glue for Yoast SEO”

    Gracias por el aporte.