AMP It Up! El por qué y el cómo de Drupal AMP (y lo que puede hacer con su sitio web)

Cuando se lanzó el proyecto de páginas móviles aceleradas (AMP) de código abierto en octubre de 2015, Google AMP se comparaba a menudo con los artículos instantáneos de Facebook. No obstante, ambos gigantes tecnológicos comparten un objetivo común: hacer que las páginas web se carguen más rápido. Si bien se puede acceder a AMP con una URL web, los artículos instantáneos de Facebook solo tienen como objetivo aliviar el dolor de los usuarios de sus aplicaciones. Al asociarse con algunos socios de lanzamiento poderosos en los sectores de publicación y tecnología, Google AMP tenía como objetivo impactar el futuro de la distribución de contenido en dispositivos móviles.

Avance rápido hasta el día de hoy, y Google AMP es lo más popular en Internet. Con más de 25 millones de dominios de sitios web que han publicado más de 4 mil millones de páginas AMP, el proyecto no tardó en ser un gran éxito. Consta de dos características principales; Velocidad y soporte para la monetización de objetos, las implicaciones de AMP son de gran alcance para las empresas, los especialistas en marketing, el comercio electrónico y todas las demás organizaciones grandes y pequeñas. Con excelentes características y el hecho de que se originó como una iniciativa de Google, no es de extrañar que las páginas de AMP aparezcan en Google SERP de manera más destacada.

¿Qué es AMP?

Con el rápido aumento de usuarios móviles, la necesidad de proporcionar una experiencia de usuario similar a la de un sitio web no es suficiente. Hoy en día, los usuarios de dispositivos móviles cuentan con una capacidad de atención menor y velocidades de Internet variadas. Las empresas pueden hacer frente a cada uno de estos desafíos con un sitio web de carga rápida, liviano y similar a una aplicación con Google AMP.

AMP es un marco de código abierto que simplifica el HTML, agiliza las reglas de CSS, restringe el uso de Javascript (puede usar la biblioteca de componentes de AMP en su lugar) y entrega páginas a través de una caché de AMP de Google (una red de entrega de contenido basada en proxy).

¿Por qué AMP?

Con un impacto en la arquitectura técnica de los activos digitales, la iniciativa de código abierto de Google tiene como objetivo proporcionar páginas web optimizadas para navegadores móviles y otras aplicaciones.

Es rápido, como realmente rápido

Google AMP se carga aproximadamente el doble de rápido que una página móvil comparable normal y la latencia es de hasta una décima parte. Con la intención de proporcionar la experiencia más rápida para los usuarios de dispositivos móviles, los clientes podrán acceder al contenido más rápido y es más probable que permanezcan en la página para realizar una compra o consultar sobre su servicio, porque saben que no tardarán mucho.

Un impulso orgánico

La elegibilidad para el carrusal AMP que se encuentra por encima de los otros resultados de búsqueda en Google SERP, lo que da como resultado un aumento sustancial en el resultado orgánico y el tráfico es un impulso importante para la visibilidad de una organización. Aunque no es responsable de aumentar la autoridad de la página y la autoridad del dominio, Google AMP juega un papel clave en enviar mucho más tráfico a su manera.

ROI

El hecho de que AMP aproveche y no interrumpa la infraestructura web existente de un sitio web, hace que el costo de adoptar AMP sea mucho menor que el de las tecnologías de la competencia. A cambio, Google AMP permite una mejor experiencia de usuario que se traduce en mejores tasas de conversión en dispositivos móviles.

Drupal y AMP

Con una mejor participación del usuario, un mayor tiempo de permanencia y una navegación sencilla entre los beneficios del contenido, las empresas seguramente generarán más tráfico con páginas compatibles con AMP y aumentarán sus ingresos. El módulo AMP es especialmente útil para los especialistas en marketing, ya que es una gran adición para optimizar sus esfuerzos de SEO en Drupal.

AMP produce HTML que hace que la web sea un lugar más rápido. Implementar el módulo AMP en Drupal es realmente sencillo. ¡Simplemente descargue, habilite y configure!
Antes de comenzar con la integración del módulo AMP con Drupal, necesita:
Módulo AMP: el módulo AMP maneja principalmente la conversión de páginas HTML normales de Drupal en páginas compatibles con AMP.

Dos componentes principales del módulo AMP:

Módulo AMP: el módulo AMP maneja principalmente la conversión de páginas HTML normales de Drupal en páginas compatibles con AMP.
Dos componentes principales del módulo AMP:

Tema AMP: estoy seguro de que se ha encontrado con AMP HTML y sus estándares. El que es responsable de que su contenido se vea efectivo y funcione bien en el móvil. El tema Drupal AMP produce el marcado requerido por estos estándares para los sitios web que buscan tener un buen desempeño en el mundo móvil. Además, el tema AMP permite la creación de páginas AMP personalizadas.

Biblioteca PHP AMP: que consta del tema base AMP y el subtema EJEMPLO, la biblioteca PHP AMP de Drupal maneja las correcciones finales. Los usuarios también pueden crear su propio subtema de AMP desde cero o modificar el subtema de ejemplo predeterminado para sus requisitos específicos.

¿Cómo configurar AMP con Drupal?

Antes de integrar AMP con Drupal, debe comprender que AMP no reemplaza todo su sitio web. En cambio, en esencia, el módulo AMP proporciona un modo de visualización para los tipos de contenido, que se muestra cuando el navegador solicita una versión AMP.

Descarga el módulo AMP

Con su local preparado, escriba el siguiente comando de terminal:

drush dl amp, amptheme, composer_manager

Este comando descargará el módulo AMP, el tema AMP y el módulo Composer Manager (supongamos que aún no tiene Composer Manager).

Si ha sido usuario de Drupal 8, probablemente esté familiarizado con Composer y su función como herramienta de empaquetado para PHP que instala dependencias para un proyecto. El redactor se utiliza para instalar una biblioteca PHP que convierte HTML sin formato en HTML AMP. Además, el compositor ayudará a que esa biblioteca funcione con Drupal.

Sin embargo, como el módulo AMP no requiere explícitamente Composer Manager para una dependencia, los flujos de trabajo alternativos pueden hacer uso de los archivos del módulo Composer sin usar Composer Manager.

A continuación, habilite los elementos necesarios para comenzar:

drush en composer_manager, amptheme, ampsubtheme_example

Antes de habilitar el módulo AMP en sí, es necesario habilitar un subtema de AMP. La configuración predeterminada para el módulo AMP establece el tema AMP en 'Subtema de ejemplo'.

¿Cómo habilitar el módulo AMP?

El módulo AMP para Drupal se puede habilitar usando Drush. Una vez que el módulo está habilitado, Composer Manager se encargará de la descarga de las otras bibliotecas AMP y sus dependencias.

drush en amp

Configuración

Una vez que todo está instalado y habilitado, AMP debe configurarse mediante una interfaz web antes de que se puedan mostrar las páginas de Drupal AMP. En primer lugar, debe decidir qué tipos de contenido deben tener una versión AMP. Puede que no lo necesite para todos ellos. Habilite un tipo de contenido en particular haciendo clic en el enlace "Habilitar AMP en la configuración de pantalla personalizada". En la página siguiente, abra el conjunto de campos "Configuración de pantalla personalizada". Marca la casilla AMP y luego haz clic en Guardar.

Configurar un tema AMP

Una vez que el módulo AMP y el tipo de contenido están configurados, es el momento de seleccionar un tema para las páginas AMP y configurarlo. Los módulos de vista y los formateadores de campo del módulo AMP de Drupal se encargan del contenido principal de la página. El tema Drupal AMP, por otro lado, cambia el marcado fuera del área de contenido principal de la página.

Además, los temas AMP de Drupal le permiten crear estilos personalizados para sus páginas AMP. En la página principal de configuración de AMP, asegúrese de que la configuración del tema de AMP esté establecida en el subtema de ejemplo o en el subtema de AMP personalizado que creó.