5 + 1 plugins para configurar AMP en WordPress

Autor: | 2017-12-17T01:02:06+00:00 Fecha: 21/06/2016|Categorías: WordPress|Comentarios: 14 comentarios

En Octubre de 2015 Google anunciaba un nuevo estándar, una iniciativa de código abierto llamada Accelerated Mobile Pages, para los amigos AMP.

AMP se basa en AMP HTML, un nuevo formato que permite crear versiones más ligeras de una página web normal y corriente.

¿Qué se intenta conseguir con AMP?
La historia es simple, actualmente los navegadores móviles tienen un gran peso en el total del tráfico en Internet y eso hace que Google quiera favorecerlos y animar a los desarrolladores a crear una versión estandarizada para smartphones y tablets en los que la conexión no suele ser tan potente.

amp googleAMP nace como una forma de distribuir contenidos de forma ágil y rápida, para todo tipo de dispositivos, de forma que en cualquier situación se puedan servir los contenidos lo más rápido posible, aunque no esté disponible la cobertura 3G o 4G.

Aunque el estándar AMP se presentó en 2015, hasta Febrero o Marzo de 2016 el estándar no comenzó a funcionar, pero cuando empezó a funcionar los periódicos digitales más importantes se adaptaron rápidamente, uno los primeros fue El Pais en su versión digital.

Por otro lado, Google también adaptó su buscador para que los resultados que tienen AMP mostrándolos de la siguiente forma:

amp wordpressTe estarás preguntando qué hace falta para implementar AMP en una web, por ejemplo, en un WordPress.
Si tienes una web desarrollada en código propio, tienes que modificar código, pero si tienes WordPress puedes realizar la implementación de AMP usando plugins, de hecho, hay varias opciones que vamos a mostrar en este artículo.

 

Ventajas de AMP

Evidentemente si en poco tiempo se ha convertido en un estándar, quiere decir que AMP tiene ventajas y que Google no se ha equivocado.

Desde mi punto de vista AMP tiene las siguientes ventajas:

  • Mejora radicalmente la visibilidad de la información desde los dispositivos móviles, mejora la usabilidad y el usuario puede ver la información de una forma mucho más limpia.
  • Al simplificarse el diseño mejora de forma radical la velocidad, se reduce la complejidad y con eso se reduce el tiempo de descarga de la web en general, ayudando en casos donde la velocidad de carga es un problema.
  • Google da prioridad en dispositivos móviles (resultados mostrados en dispositivos móviles) a sitios web que implementen AMP, esto puede beneficiar a determinados sitios web en los que el mayor porcentaje de visitantes entra desde el móvil.

El estándar sigue avanzando y es posible que a lo largo de este año reciba actualizaciones y modificaciones para adaptarlo mejor a las tendencias actuales.

 

Desventajas de AMP

Personalmente solo le veo una desventaja a AMP, y es que cuando el usuario entra a la versión AMP de la web, todo el CSS y el javascript quedan excluidos a favor de una apariencia mucho más simple y funcional, por lo que muchas funcionalidades y efectos “bonitos” que pueda tener la web de cara al usuario y a la usabilidad, se perderán.

En blogs como este donde tenemos banners laterales y otros elementos que nos ayudan a mejorar la conversión, esos elementos quedan totalmente descartados y se prioriza el contenido.

¿En qué afecta esto a nivel práctico?

  • No se ven los formularios.
  • No se ven los popups.
  • Se limita el ancho a dispositivos móviles.
  • Solo se carga CSS interno, eso sí, permite personalizar la apariencia con CSS.
  • AMP tiene sus propias etiquetas HTML para darle forma a una página AMP.

Creo que esta es la única desventaja que tiene AMP, pero es comprensible, ya que los milagros no existen y si se quiere tener una mejora radical de la velocidad de carga, es necesario eliminar elementos secundarios y darle prioridad a lo principal de un sitio web, el contenido.

 

AMP para WordPress

amp wordpressCreo que este plugin llamado AMP, es el primer plugin que apareció para implementar AMP en WordPress, de hecho, es el más simple que he visto ya que en el panel de WordPress no tiene ningún tipo de opciones.

Solo con instalar AMP para WordPress tendremos funcionando una versión AMP de nuestra web con la apariencia estándar, podremos acceder directamente a la versión de AMP añadiendo al final de las URL /amp/, es decir, la versión AMP de http://dominiodeejemplo.com/ seria http://dominiodeejemplo.com/amp/

Este plugin en principio no tiene mucho más que explicar, ya que es muy simple y no tiene opciones, pero puedes encontrar más información sobre él en la siguiente dirección URL de forma gratuita: https://wordpress.org/plugins/amp/

 

AMP Toolbox para WordPress

amp wordpressEl plugin AMP Toolbox sirve para añadir las opciones que le faltan al plugin AMP para WordPress que hemos visto en la sección anterior.
AMP Toolbox se integra con el plugin y añade una sección de opciones al panel de administración de WordPress, una sección con las siguientes opciones o funcionalidades:

  • Permite modificar el CSS, la imagen de cabecera y los colores de las páginas para adaptarlos un poco a la apariencia real de nuestro sitio web, aunque sin llegar a tanto.
  • Permite añadir un enlace en los artículos, en su versión AMP, que lleve a la versión original en la web de escritorio.
  • Repara problemas que puede tener el plugin AMP para WordPress con los logos personalizados en cuanto al tamaño.

AMP Toolbox es una buena opción para complementar el funcionamiento básico de AMP para WordPress, pero, aun así, debemos recordar que es simplemente un parche.

Puedes encontrar más información acerca de AMP Toolbox en el repositorio de plugins de WordPress: https://wordpress.org/plugins/amp-toolbox/

 

Custom AMP para WordPress

amp wordpressCustom AMP es otro plugin que nos permite implementar y configurar AMP en WordPress, pero en este caso nos deja personalizar más parámetros que en el caso de AMP para WordPress con AMP Toolbox.

Custom AMP es una buena alternativa, ya que incluye funcionalidades que AMP para WordPress no incluye.

  • Permite configurar el icono y el logo.
  • Permite añadir imágenes destacadas a los artículos en formato AMP.
  • Permite cambiar el ancho del contenido en AMP.
  • Permite modificar la apariencia basándose en templates.
  • Permite insertar un contador de comentarios en la página AMP para cada artículo.
  • Permite añadir contenido en la cabecera y en el pie de la versión AMP.
  • Añade páginas AMP compatibles con el contenido de WooCommerce.
  • Permite configurar el código de tracking de Google Analytics.
  • Es compatible con menús, configuración de menús como en un theme normal.

Todas estas funcionalidades destacan y diferencian Custom AMP de otras soluciones más básicas.

Puedes encontrar más información acerca de Custom AMP para WordPress en la siguiente dirección URL: https://wordpress.org/plugins/custom-amp-accelerated-mobile-pages/

 

Accelerated Mobile Pages para WordPress

amp wordpressEste plugin es muy similar a AMP para WordPress, de hecho, tiene las mismas limitaciones, ya que no tiene ningún tipo de opción en el panel de WordPress.

Accelerated Mobile Pages es un plugin que simplemente al activarlos tenemos funcionando una versión de AMP en nuestro sitio web, accesible de la misma forma que en el caso de AMP para WordPress, con /amp/.

Puedes encontrar más información acerca de Accelerated Mobiles Pages para WordPress en la siguiente dirección URL: https://wordpress.org/plugins/accelerated-mobile-pages/

Accelerated Mobile Pages (AMP) for WordPress

amp wordpressEn este caso Accelerated Mobile Pages (AMP) For WordPress es un plugin que puedes encontrar en CodeCanyon, por lo que es un plugin premium.

Según dicen sus desarrolladores, este plugin presta especial atención al SEO y a la velocidad de carga, aunque esto es algo general del estándar AMP.

Accelerated Mobile Pages (AMP) for WordPress permite configurar ciertos aspectos básicos de la apariencia del sitio, algo necesario si queremos adaptar mínimamente la apariencia de la versión AMP a nuestra imagen corporativa.

Puedes encontrar más información acerca de Accelerated Mobile Pages (AMP) For WordPress en la siguiente dirección URL: http://raiola.es/ampaccelerated

 

WP AMP para WordPress

amp wordpressEn este caso se trata de otro plugin Premium que podemos encontrar en CodeCanyon, pero creo que de todos los que hemos comentado en este artículo, se trata del más completo y el que tiene más posibilidades de configuración.

WP AMP viene preparado para integrar Google Adsense, también viene preparado para ser compatible con WooCommerce y es totalmente compatible con Google Analytics.

Por otro lado, WP AMP es completamente personalizable desde el panel de control y permite insertar videos e iframes en el contenido, incluso en su versión AMP.

Además, WP AMP es bastante completo, ya que mientras los otros plugins cubren las páginas de contenido como los posts, WP AMP tiene plantillas para categorías, etiquetas, páginas de búsqueda, páginas de error 404, archivos, etc…

Puedes encontrar más información acerca de WP AMP para WordPress en la siguiente dirección URL en CodeCanyon: http://raiola.es/wpamp

[Total: 29 Promedio: 2.9]
Mi nombre es Alvaro Fontela, soy consultor Wordpress y blogger activo desde hace años. Co-Fundador de Raiola Networks, escribiendo sobre Wordpress en este blog día tras día.

Utilizamos cookies propias y de terceros para obtener información estadística, mostrar publicidad personalizada a través del análisis de tu navegación, así como para interactuar en redes sociales. Si continúas navegando, consideramos que aceptas nuestra Política de cookies. ACEPTAR

Aviso de cookies