Cómo implementar artículos instantáneos de Facebook y Google AMP en WordPress

Cómo implementar artículos instantáneos de Google AMP y Facebook en WordPress

La mayoría de los usuarios navegan ahora por Internet desde sus dispositivos móviles y con más frecuencia que sus ordenadores personales. Los dispositivos móviles modernos son tecnológicamente avanzados y permiten a los usuarios realizar casi todas las tareas que pueden realizar utilizando una PC. La llegada de 4G y 5G ha hecho que Internet sea más rápido y esté disponible en dispositivos móviles, lo que permite a los usuarios interactuar con la web instantáneamente desde cualquier lugar.

Si bien los usuarios se sienten más cómodos navegando por la web usando sus dispositivos móviles, también prefieren leer artículos usando sus teléfonos móviles y también esperan una experiencia similar a la que tienen al leer o navegar usando una PC. Prefieren que las páginas se carguen instantáneamente y sin demoras, como lo harían en una computadora. Los sitios web y blogs que no están optimizados para dispositivos móviles no logran captar una gran audiencia porque a los visitantes no les gusta esperar a que las páginas carguen lentamente.

Para abordar este problema, se nos ocurrieron dos soluciones más efectivas para superar las páginas lentas en dispositivos móviles. Esto incluye Artículos instantáneos de Facebook y Páginas móviles aceleradas de Google (AMP). Exploraremos cada uno paso a paso y aprenderemos cómo integrarlos en un sitio de WordPress.

Implementación del artículo instantáneo de Facebook (IA) en WordPress

Los blogueros y otros productores de contenido pueden cargar su contenido en el servicio de artículos instantáneos de Facebook. Estos artículos instantáneos se pueden cargar 10 veces más rápido que un navegador web móvil estándar. Estos artículos instantáneos son fáciles de leer, compartir y también son accesibles para aquellos lectores que tienen una Internet móvil más lenta.

Leer:  Google analiza si los intersticiales de edad pueden bloquear el rastreo o la indexación

¿Cómo funciona el artículo instantáneo?

El artículo instantáneo es un documento HTML optimizado para funcionar mejor en dispositivos móviles. Utiliza un lenguaje de marcado estandarizado para diseñar páginas y agregar interactividad.

¿Quién necesita artículos instantáneos?

Los artículos instantáneos de Facebook pueden ser utilizados por cualquier sitio web que tenga visitantes móviles y son más efectivos para sitios web que producen contenido, como blogs y noticias, ya que sus lectores a menudo leen sus artículos favoritos mientras están en movimiento.

Veamos cómo se puede integrar el artículo instantáneo (IA) de Facebook en un sitio de WordPress. Pero antes de comenzar, asegúrese de tener listo lo siguiente:

Al registrarse en el artículo instantáneo de Facebook, elija la página que desee de la lista y haga clic en Acceda a la herramienta de artículos instantáneos botón.

imagen5

En la página siguiente, navegue hasta Conecte su sitio sección para obtener su ID de página.

imagen3

Para este tutorial, estoy usando un servidor Digital Ocean lanzado en el alojamiento en la nube administrado por Cloudways.

Inicia sesión en tu WordPress Panel E ir a Complementos. Haga clic en Agregar nuevo y encontrar Artículos instantáneos para WP enchufar.

Complemento WP de artículo instantáneo

Instale el complemento y actívelo. Una vez activado el complemento, haga clic en Artículos instantáneos El enlace apareció en la barra lateral.

imagen11

Esto abre la ventana para configurar artículos instantáneos y lo primero que debe ingresar es su ID de página de Facebook. Copie el ID de su página de Facebook y péguelo aquí. Haga clic en Guardar cambios para aplicar los cambios.

Una vez que se apruebe su feed de artículos instantáneos, puede comenzar a compartir el artículo incluyendo el enlace en su publicación y estará disponible para los usuarios que naveguen desde dispositivos móviles.

El tema ofrece varias opciones para diseñar sus artículos instantáneos, así como para agregar texto con derechos de autor. Otra característica que me gustaría destacar aquí es la de mostrar anuncios en su artículo instantáneo de Facebook. La opción está disponible en el interior. Anuncios sección de la página de configuración del complemento.

Leer:  ¿Puedes ver quién ve tus fotos destacadas en Facebook?

imagen7

Te permite elegir entre tres opciones para mostrar anuncios:

  • Red de audiencia de Facebook: Estos anuncios aparecen en aplicaciones y sitios web aprobados por Facebook.
  • URL de marco flotante personalizado: A través de esta opción, el usuario puede agregar la URL de origen para los anuncios de venta directa.
  • Código de inserción personalizado: Aquí el usuario puede insertar el código para mostrar el anuncio.

Implementando Google AMP en su sitio de WordPress

Ya hemos visto cómo podemos optimizar nuestros artículos para una mejor visualización y legibilidad en Facebook. No es necesario que todos los visitantes que visitan los sitios lean algún tipo de artículo. Es posible que estén interesados ​​en ver los servicios que una empresa tiene para ofrecer o les gustaría ver su cartera o aprender algo nuevo o simplemente visitarla para obtener su información de contacto.

Cualquiera que sea el motivo por el que los usuarios visitan su sitio, siempre deberían tener páginas que carguen más rápido en sus dispositivos móviles o es probable que prefieran obtener información de otros sitios web. Para garantizar una carga más rápida de las páginas, aprovechamos Páginas móviles aceleradas de Google (AMP).

El principal objetivo de AMP es cargar páginas web más rápido en dispositivos móviles. Esta es una iniciativa tomada por Google, Twitter, WordPress y LinkedIn, etc. para optimizar la experiencia del usuario. AMP sujeta las páginas reduciendo el uso de JavaScript y utilizando un mínimo de HTML y CSS en línea. AMP usa muchos tecnicas para cargar paginas casi instantáneamente.

Agregar páginas móviles aceleradas a WordPress requiere solo unos pocos pasos. Nuestro primer paso sería instalar y activar AMP para WordPress enchufar.

Leer:  Cómo iniciar un blog de moda

Complemento AMP para WordPress

Una vez que el complemento esté activado, navegue hasta Apariencia y haga clic en AMPERIO.

imagen6

Esto abrirá el editor visual para mostrar el aspecto de su página web en dispositivos móviles.

editor visual

Ahora cierra el editor y regresa a Panel. Haga clic en AMPERIO desde el menú lateral para abrir la configuración general del complemento. Aquí también puedes aplicar AMP en las páginas.

imagen9

Añadiendo '/amperio/' al final de la URL, puede observar la versión AMP de su página web, por ejemplo

https://ejemplo.com/blog/funnycats/amp/

Además, los visitantes que accedan a su sitio mediante la búsqueda de Google también verán la versión optimizada de su página web.

Este es un complemento muy básico que crea páginas AMP de manera efectiva. Sin embargo, este complemento no ofrece ninguna opción para integrar anuncios en páginas AMP. Para hacerlo, también puedes utilizar otro complemento de WordPress. AMP para WP: páginas móviles aceleradas

Después de instalar el complemento, vaya a la página de configuración del complemento y navegue hasta Anuncio pestaña para opciones. Este complemento admite espacios publicitarios dedicados que se pueden usar en páginas con tecnología AMP.

imagen2

¡Terminando!

No es ningún secreto que a todo el mundo le gustan los sitios web rápidos y en este artículo hemos aprendido cómo podemos aprovechar dos de las herramientas más efectivas para crear sitios más rápidos para los visitantes que utilizan dispositivos móviles. La importancia de los sitios de carga rápida se puede juzgar por el hecho de que todos los sitios de WordPress.com tienen AMP habilitado de forma predeterminada.

Nuevas Publicaciones:

Recomendamos