Les toutes dernières nouveautés de Google AMP

La technologie AMP initiée par Google, et qui permet d’accélérer l’affichage des pages sur mobile, refait à nouveau parler d’elle avec le lancement de nombreuses fonctionnalités AMP.

Les toutes dernières nouveautés de Google AMP

L’équipe en charge d’AMP, avec ces lancements, respectent scrupuleusement la feuille de route qu’elle s’est elle-même fixée.

Les éditeurs de contenu ayant implémenté AMP disposeront donc davantage de fonctionnalités à même de leur permettre de rendre leurs pages AMP plus performantes sur mobile.

Le problème, c’est qu’à force d’ajouter de nouvelles fonctionnalités, est-ce qu’on ne va pas finir par “tuer” la rapidité d’affichage sur mobile ?

En attendant d’avoir une réponse définitive à la question ci-dessus posée, voici ce que Google AMP vous propose désormais.


AMP supporte la monétisation des Google AMP Stories


Les AMP Stories prennent désormais en charge les publicités placées par les éditeurs.

En d’autres termes, AMP offre la possibilité aux éditeurs de servir des publicités pour lesquelles ils peuvent contrôler les ventes et la diffusion.

La prise en charge d'Ad Server dans DoubleClick for Publishers (DFP) est prévue pour la fin du mois de Juin 2018.

L’équipe en charge d’AMP exhorte d'autres réseaux publicitaires qui sont intéressés à ajouter le support de la monétisation aux AMP Stories de la contacter.

L’équipe en charge d’AMP exhorte d'autres réseaux publicitaires qui sont intéressés à ajouter le support de la monétisation aux AMP Stories de la contacter.
Images via AMP Project

Lisez les détails relatifs à la monétisation liée aux AMP Stories ici.


Nouveaux outils de contrôle des utilisateurs sur AMP


Google AMP a lancé le nouveau composant <amp-consent> pour aider les éditeurs à implémenter des contrôles utilisateurs pour des flux de notification, de choix et de consentement personnalisables.

Google AMP a lancé le nouveau composant <amp-consent> pour aider les éditeurs à implémenter des contrôles utilisateurs pour des flux de notification, de choix et de consentement personnalisables.


De façon similaire, un nouveau composant <amp-geo> rend facile de varier les petites sections de contenu Web pour les utilisateurs basés sur une approximation de la géolocalisation des utilisateurs au niveau du pays.

Ce composant est identique au niveau d'un code pays ISO.

Cela peut être utilisé avec pour modifier le comportement en fonction de l'emplacement approximatif des utilisateurs.

Sélecteur de date AMP (expérimental)


Le composant <amp-date-picker> est un sélecteur de date interactif de type calendrier pour la saisie de formulaire, et il est officiellement disponible pour être utilisé sur les sites comme une expérimentation au niveau du document.

Cela signifie que les développeurs peuvent utiliser le composant aussi longtemps qu'ils incluent également cette balise temporaire :

<meta name="amp-experiments-opt-in" content="amp-date-picker">

Le composant <amp-date-picker> est un sélecteur de date interactif de type calendrier pour la saisie de formulaire, et il est officiellement disponible pour être utilisé sur les sites comme une expérimentation au niveau du document.


Note: la raison de cette étape intermédiaire avant lancement est de recueillir les commentaires des développeurs et des utilisateurs et d'identifier tous les problèmes avant que l’équipe AMP considère le composant assez stable pour une version complète de production.


Présentation de la Lightbox pour les images


Depuis le déploiement de l’AMP, les développeurs ont demandé un moyen facile de lier le composant <amp-carousel> avec le composant <amp-image-lightbox> afin que les utilisateurs puissent expérimenter une vue immersive du contenu dans les carrousels.

Bien qu'il ait été possible de combiner de nombreux composants (comme <amp-bind>) pour faire quelque chose comme ce travail, cela n'a pas été facile, dit l’équipe en charge du projet AMP.

Le composant fournit une expérience média immersive qui peut se tenir sur lui-même ou peut être intégré avec l'amp-carrousel.

Le composant <amp-lightbox-gallery> peut être appliqué à une image autonome ou à un groupe d'images de sorte que lorsqu'un utilisateur tape sur ces images, ils entrent dans une vue immersive où il peut passer de manière transparente d’une image à l'autre.

Le composant <amp-lightbox-gallery> peut être appliqué à une image autonome ou à un groupe d'images de sorte que lorsqu'un utilisateur tape sur ces images, ils entrent dans une vue immersive où il peut passer de manière transparente d’une image à l'autre.


Quand <amp-lightbox-gallery> est appliqué à <amp-carousel>, toutes les images dans le carrousel héritent du comportement de la Lightbox de la galerie, de sorte que les balayages entre les articles dans la vue immersive sont synchronisés avec ceux dans la visionneuse, pour créer une expérience de galerie lisse et intuitive.


Nouveaux effets pour amp-fx-collection


Google AMP dit commencer à peine à développer <amp-fx-collection>, une suite d'effets visuels faciles à utiliser que les développeurs peuvent utiliser pour rendre leurs sites plus attrayants. Actuellement, seuls 2 effets sont disponibles :

  1. Parallaxe : qui vous permet de configurer facilement des éléments de la page pour se déplacer à des vitesses différentes par rapport à la vitesse de défilement du document;

    Parallaxe : qui vous permet de configurer facilement des éléments de la page pour se déplacer à des vitesses différentes par rapport à la vitesse de défilement du document;


  2. Fade-in : qui applique un effet de fondu simple et configurable lorsque l'utilisateur fait défiler le contenu en vue.

    Fade-in : qui applique un effet de fondu simple et configurable lorsque l'utilisateur fait défiler le contenu en vue.


Au cours des prochaines semaines, Google AMP prévoit de lancer Fly-in qui est actuellement disponible en tant que test.

Découvrez amp-fix-collection ici.


Possibilité de télécharger des fichiers


Le téléchargement de fichiers est une capacité importante pour de nombreux sites.

Par exemple, certains sites e-commerce incorporent des conceptions personnalisées des téléchargements dans leurs flux d'achat (joindre une copie d'un document, par exemple)

Pour prendre en charge cette fonctionnalité, Google AMP a activé le support du téléchargement de fichiers dans les formulaires via <input type="file"> (essentiellement de la même manière que les développeurs le feraient dans une page non-AMP, avec l'exigence supplémentaire que le formulaire utilise un Envoi sécurisé).

Et maintenant que AMP offre ce support de base, l’équipe travaille sur une API plus avancée qui permettra aux développeurs de mieux communiquer aux utilisateurs sur l'avancée des téléchargements des fichiers (octets téléchargés,% barres de progression, etc.).