AMP It Up ! Le pourquoi et le comment de Drupal AMP (et ce qu'il peut faire pour votre site Web)

Lorsque le projet open source Accelerated Mobile Pages (AMP) a été lancé en octobre 2015, Google AMP a souvent été comparé aux Instant Articles de Facebook. Néanmoins, les deux géants de la technologie partagent un objectif commun : accélérer le chargement des pages Web. Alors que l'AMP peut être atteint avec une URL Web, les articles instantanés de Facebook ne visent qu'à soulager la douleur des utilisateurs de leurs applications. En s'associant à de puissants partenaires de lancement dans les secteurs de l'édition et de la technologie, Google AMP visait à avoir un impact sur l'avenir de la distribution de contenu sur les appareils mobiles.

Avance rapide jusqu'à aujourd'hui, et Google AMP est la chose la plus populaire sur Internet. Avec plus de 25 millions de domaines de sites Web qui ont publié plus de 4 milliards de pages AMP, il n'a pas fallu longtemps pour que le projet soit un énorme succès. Composé de deux caractéristiques principales ; Vitesse et prise en charge de la monétisation des objets, les implications des AMP sont considérables pour les entreprises, les spécialistes du marketing, le commerce électronique et toutes les autres grandes et petites organisations. Avec d'excellentes fonctionnalités et le fait qu'il s'agisse d'une initiative de Google, il n'est pas surprenant que les pages AMP soient mises en évidence dans Google SERP.

Qu'est-ce que l'AMP ?

Avec l'augmentation rapide du nombre d'utilisateurs mobiles, la nécessité de fournir une expérience utilisateur semblable à celle d'un site Web ne suffit pas. Aujourd'hui, les utilisateurs mobiles ont une durée d'attention réduite et des vitesses Internet variées. Les entreprises peuvent relever chacun de ces défis avec un site Web à chargement rapide, léger et semblable à une application avec Google AMP.

AMP est un framework open source qui simplifie le HTML, rationalise les règles CSS, restreint l'utilisation de Javascript (peut utiliser la bibliothèque de composants d'AMP à la place) et fournit des pages via un cache Google AMP (un réseau de diffusion de contenu basé sur un proxy).

Pourquoi AMP ??

Impactant l'architecture technique des actifs numériques, l'initiative open source de Google vise à fournir des pages Web rationalisées aux navigateurs mobiles et autres applications.

C'est rapide, comme vraiment rapide

Google AMP se charge environ deux fois plus vite qu'une page mobile comparable normale et la latence est inférieure à un dixième. Conçus pour offrir l'expérience la plus rapide aux utilisateurs mobiles, les clients pourront accéder au contenu plus rapidement et ils sont plus susceptibles de rester sur la page pour effectuer un achat ou se renseigner sur votre service, car ils savent que cela ne prendra pas longtemps.

Un coup de pouce organique

L'éligibilité au carrousel AMP qui se situe au-dessus des autres résultats de recherche sur Google SERP, entraînant une augmentation substantielle des résultats organiques et du trafic, est un atout majeur pour la visibilité d'une organisation. Bien qu'il ne soit pas responsable de l'augmentation de l'autorité de la page et de l'autorité du domaine, Google AMP joue un rôle clé dans l'envoi de beaucoup plus de trafic.

retour sur investissement

Le fait qu'AMP exploite et ne perturbe pas l'infrastructure Web existante d'un site Web, rend le coût d'adoption d'AMP bien inférieur à celui des technologies concurrentes. En retour, Google AMP permet une meilleure expérience utilisateur qui se traduit par de meilleurs taux de conversion sur les appareils mobiles.

Drupal et AMP

Avec un meilleur engagement des utilisateurs, un temps d'arrêt plus long et une navigation facile entre les avantages du contenu, les entreprises sont appelées à générer plus de trafic avec des pages compatibles AMP et à augmenter leurs revenus. Le module AMP est particulièrement utile pour les spécialistes du marketing car c'est un excellent ajout pour optimiser leurs efforts de référencement Drupal.

AMP produit du HTML qui rend le Web plus rapide. L'implémentation du module AMP dans Drupal est très simple. Il suffit de télécharger, d'activer et de configurer !
Avant de commencer l'intégration du module AMP avec Drupal, vous avez besoin -
Module AMP : Le module AMP gère principalement la conversion de pages HTML Drupal régulières en pages de réclamation AMP.

Deux composants principaux du module AMP :

Module AMP : Le module AMP gère principalement la conversion de pages HTML Drupal régulières en pages de réclamation AMP.
Deux composants principaux du module AMP :

Thème AMP : je suis sûr que vous avez rencontré AMP HTML et ses normes. Celui qui est responsable de l'efficacité et de la performance de votre contenu sur mobile. Le thème Drupal AMP produit le balisage requis par ces normes pour les sites Web cherchant à bien fonctionner dans le monde mobile. De plus, le thème AMP permet la création de pages AMP personnalisées.

Bibliothèque PHP AMP : Constituée du thème de base AMP et du sous-thème ExAMPle, la bibliothèque PHP Drupal AMP gère les dernières corrections. Les utilisateurs peuvent également créer leur propre sous-thème AMP à partir de zéro, ou modifier le sous-thème par défaut ExAMPle pour leurs besoins spécifiques.

Comment configurer AMP avec Drupal ?

Avant d'intégrer AMP à Drupal, vous devez comprendre qu'AMP ne remplace pas l'intégralité de votre site Web. Au lieu de cela, dans son essence, le module AMP fournit un mode d'affichage pour les types de contenu, qui s'affiche lorsque le navigateur demande une version AMP.

Télécharger le module AMP

Avec votre local préparé, tapez la commande de terminal suivante :

drush dl amp, amptheme, composer_manager

Cette commande téléchargera le module AMP, le thème AMP et le module Composer Manager (supposons si vous n'avez pas déjà Composer Manager).

Si vous avez déjà utilisé Drupal 8, vous connaissez probablement Composer et sa fonction d'outil de packaging pour PHP qui installe des dépendances pour un projet. Le composeur est utilisé pour installer une bibliothèque PHP qui convertit le HTML brut en HTML AMP. De plus, le compositeur aidera à faire fonctionner cette bibliothèque avec Drupal.

Cependant, comme le module AMP n'exige pas explicitement Composer Manager pour une dépendance, d'autres workflows peuvent utiliser les fichiers du module Composer sans utiliser Composer Manager.

Ensuite, activez les éléments requis pour commencer :

drush en composer_manager, amptheme, ampsubtheme_example

Avant d'activer le module AMP lui-même, un sous-thème AMP doit être activé. La configuration par défaut du module AMP définit le thème AMP sur « ExAMPle subtheme ».

Comment activer le module AMP ?

Le module AMP pour Drupal peut être activé à l'aide de Drush. Une fois le module activé, le Composer Manager se chargera du téléchargement des autres librairies AMP et de ses dépendances.

drush en amp

Configuration

Une fois que tout est installé et activé, AMP doit être configuré à l'aide d'une interface Web avant que les pages Drupal AMP puissent être affichées. Tout d'abord, vous devez décider quels types de contenu doivent avoir une version AMP. Vous n'en aurez peut-être pas besoin pour tous. Activez un type de contenu particulier en cliquant sur le lien « Activer AMP dans les paramètres d'affichage personnalisés ». Sur la page suivante, ouvrez l'ensemble de champs « Paramètres d'affichage personnalisés ». Cochez la case AMP, puis cliquez sur Enregistrer.

Définir un thème AMP

Une fois le module AMP et le type de contenu configurés, il est temps de sélectionner un thème pour les pages AMP et de le configurer. Les modules d'affichage et les formateurs de champs du module Drupal AMP prennent en charge le contenu principal de la page. Le thème Drupal AMP, en revanche, modifie le balisage en dehors de la zone de contenu principale de la page.

De plus, les thèmes Drupal AMP vous permettent de créer des styles personnalisés pour vos pages AMP. Sur la page de configuration AMP principale, assurez-vous que le paramètre du thème AMP est défini sur le sous-thème ExAMPle ou le sous-thème AMP personnalisé que vous avez créé.