Create a Joomla website with Joomla Templates. These Joomla Themes are reviewed and tested for optimal performance. High Quality, Premium Joomla Templates for Your Site

Boris Foucaud

AMP : Accelerated Mobile Pages Project (projet de pages accélérées pour mobiles). C’est un nouveau format de sites web en open source, mais dont Google va fortement tenir compte dans son référencement. Et vous, disposez-vous d’un site au format AMP ?…

AMP : pour amplifier votre SEO

Certes, ce projet est loin d’être encore entré dans les mœurs. Certes encore, on se méfie des révolutions Google qui imposent aux développeurs ou aux webmasters des normes, des pratiques qui sont ensuite abandonnées malgré les efforts occasionnés. Le flop Google+ en est une qui a fait long feu.

Pour autant, le projet AMP semble abouti. Il s’agit de rendre les sites web les plus rapides possible à charger en bas débit, notamment sur les smartphones. Pour cela, cette nouvelle norme permet d’augmenter drastiquement les performances de chargement. Elle est née le 24 février 2017 et vient donc pratiquement de souffler sa première bougie mensuelle. Dès lors, on ne compte pas plus de 30 000 sites dans le monde qui sont passés à cette technologie (comme celui que vous êtes en train de parcourir 🙂 ). Mais cette tendance va s’accélérer de manière exponentielle.

AMP et responsive : deux notions distinctes

L’AMP n’a rien à voir avec le fait que votre site soit responsive. À savoir que votre template s’adapte à la taille de l’écran. Certes, ceci entre en compte dans la manière dont Google favorise votre site au détriment des sites non responsives. Cependant, cela est conçu pour augmenter la lisibilité des contenus. Non pour alléger le poids des pages.

AMP et mise en cache du site : encore deux notions distinctes

On le sait, un site qui se charge vite est favorisé par Google. Pour permettre cela, il existe de nombreuses méthodes : la mise en cache du site côté serveur, côté client par le navigateur. La compression des pages, y compris des CSS et des scripts JS, voire des bases de données. La compression des images. La centralisation des scripts et le moins de hits possible par page, avec une intégration spécifique du code.

Rappelons tout de même que sur les sites de e-commerce, 40 % des utilisateurs quittent une page dont le temps de chargement excède 3 secondes. Si c’est votre cas et que votre serveur est en France, imaginez les dix secondes qu’il faudra aux USA…

Pour pallier ce problème, AMP permet un chargement encore plus rapide qu’une page usuellement optimisée, adaptée à l’utilisation nomade du web. Ceci demande pourtant un savoir-faire spécifique.

AMP et Google : il va falloir s’adapter

Il s’agit d’une compatibilité absolue pour tous les navigateurs mobiles : iOS, Android. Mieux, cette compatibilité s’assortit d’une mise en page automatisée et très claire pour le meilleur confort de lecture sur petit écran. Et la page est ultralégère. Le navigateur affiche un petit éclair bleu pour montrer que le format est utilisé.

Google a donc décidé de favoriser les sites au format AMP en les mettant très en avant sur leur moteur de recherche en utilisation mobile.

AMP, ça fonctionne comment ?

Un site normal, en HTML, est sous un format standard qui est automatiquement distribué à toutes les plateformes.

AMP fonctionne différemment. Quand un contenu est consulté par l’intermédiaire de Google ou d’un de ses partenaires (dont LinkedIn, Twitter, Pinterest…), la version AMP est automatiquement appelée à la place de la page HTML.

Une page AMP est une page HTML dépouillée de tout ce qui la ralentit : scripts JS, code nettoyé… et mise en cache CDN. Sont chargés en premier le texte et l’image de header. Résultat : une page chargée de 15 à 85 % plus vite. Nous avons fait l’essai : c’est bluffant.

Autre particularité : les contenus AMP ne redirigent pas vers le site d’origine. Elles sont mises en cache CDN et la lecture s’effectue donc sur le domaine Google. Ceci ne change rien aux éventuelles recettes publicitaires de l’éditeur, puisque ce service reste gratuit et l’éditeur propriétaire de ses pages. Ainsi, pour résumer, AMP est avant tout un nouveau canal de diffusion ultrarapide.

Mais pour que Google prenne votre site en considération, il doit déjà être indexé et connaître un certain seuil de requêtes de recherche. Le processus d’indexation est donc encore relativement lent.

AMP : quelques pratiques pour bien y passer

Tout est expliqué ⇒ ici. Techniquement, il s’agit de doubler le site internet actuel par une page allégée comportant différents tags HTML spécifiques. Leur URL peut être sous la forme www.amp.monsite ou www.monsite/amp. Pour que Google ne considère pas ces pages comme des doublons (le duplicate content étant très pénalisant), la page HTML originale doit posséder un en-tête indiquant son statut de page principale, et la page AMP un header spécifique.

AMP logo

Il existe aussi différentes balises que la page AMP doit respecter pour être prise en compte, notamment un lien vers le CDN du projet.

La page doit absolument être contrôlée pour savoir si elle respecte bien les normes, sur un ⇒ validateur. Il suffit d’y copier-coller le code source de la page et de voir les erreurs éventuelles qui sont détectées.

Il faut simplement n’être pas surpris de l’apparence prise par la page : dépouillée. Quelques moyens de personnaliser la page existent mais, légèreté des contenus oblige, ils sont limités. Entre autres à une seule feuille de style CSS « bridée » par rapport au CSS HTML. AMP se débrouille tout seul pour disposer les éléments de la page. Ceci peut faciliter la vie. Ou non…

Nous ne manquerons pas d’observer si AMP va, ou non, faire évaluer les pratiques de la communication digitale. Nous vous en ferons part régulièrement 🙂

16 juillet 2019
AMP

AMP : le nouveau format de sites web

AMP : Accelerated Mobile Pages Project (projet de pages accélérées pour mobiles). C’est un nouveau format de sites web en open source, mais dont Google va fortement tenir compte dans son référencement. Et vous, disposez-vous d’un site au format AMP ?…
15 juillet 2019
entonnoir de conversion

Entonnoir de conversion et organismes publics

L’entonnoir de conversion (ou funnel, encore appelé customer journey), est la manière dont un consommateur va, dans son processus de décision, passer à l’acte d’achat. Bien évidemment, un consommateur peut succomber au désir d’un achat impulsif. Certains secteurs génèrent particulièrement cette impulsion : le livre, la cosmétique… Mais en règle générale, l’analyse de l’entonnoir de conversion est nécessaire pour mettre en place une stratégie de vente optimale.
14 juillet 2019
charte éditoriale

Charte éditoriale : en avez-vous une ?

La charte éditoriale est un outil anti-désorganisation. Tout organisme souhaite communiquer de la manière la plus visible possible. La difficulté, en 2017, provient notamment de la grande diversité de supports. Print, web institutionnel, web interactif, réseaux sociaux, presse, affichage, placement de produits… Plus, en interne, nombreux peuvent être les contributeurs. Comment coordonner tout cela pour que l’entreprise ne parle que d’une seule voix en utilisant au mieux chaque support ?
13 juillet 2019
smart city

Smart city : la ville de demain

Smart city ou ville intelligente : cela désigne une ville dont les technologies de l’information et de la communication améliorent la qualité de vie des habitants tout en réduisant les coûts des services. Les secteurs d’activité concernés sont l’économie, la mobilité, l’environnement et le social. Pour autant, en France, le concept reste encore très large. Où en est-on ?
12 juillet 2019
communication publique

Communication publique et collectivités

En 2017, les administrés considèrent les informations de leurs collectivités territoriales comme faisant partie intégrante de leur quotidien. Tous les médias ne connaissent pourtant pas le même succès. Ceux ayant la plus grande part de voix globale sont les magazines municipaux et le site internet institutionnel. Cependant, la communication publique change de cap à l’ère de l’omnicanal.
11 juillet 2019
signature sonore

Signature sonore : un énorme emblème de marque

Dans les gares, dans les aéroports, fermons les yeux… Chaque annonce d’arrivée ou de départ est précédée d’une petite musique. Celle-ci est totalement entrée dans les mœurs, on ne l’entend plus. Pourtant, chaque pays possède sa propre signature sonore. Ces cas sont évidents. Mais qu’en est-il de la signature sonore des autres secteurs ?  Signature sonore : un élément fort de l’emblème d’une marque L’emblème d’une marque découle de son positionnement. Si sa politique est achevée, le positionnement doit pouvoir être résumé en une phrase le différenciant de toutes les autres marques. Mais le positionnement n’est pas destiné au public : c’est un […]
11 juillet 2019
émotions

Émotions : leviers de manipulation en marketing éditorial ?

La rédaction professionnelle est l’alliée d’une stratégie marketing réussie. D’autant qu’on s’oriente de plus en plus vers les leviers sémantiques pour proposer au client non plus un produit. Mais une expérience. Et donc des émotions. En revanche, le prospect est-il si manipulable que de simples mots peuvent induire des comportements ?…
10 juillet 2019
emailing

Emailing : qu’est-ce qu’un bon mail ?

Emailing : les campagnes sont légion. À tel point que chacun d’entre nous se sent assailli, toute la journée, par de multiples mails commerciaux que l’on n’ouvre même plus. Le spam est encombrant. Jusqu’à ce que, paradoxalement, on se mette soi-même à faire une campagne emailing pour voir les choses sous un autre angle…
9 juillet 2019
infopreneur

Infopreneur : mythes et réalité

Être infopreneur, c’est vendre en ligne des produits d’information. Coaching, développement personnel, marketing, sport… Tout ce qui se situe en haut de la pyramide de Maslow représente un marché séduisant. Séduisant, mais rentable ?…
8 juillet 2019
écriture journalistique

Journalistique, votre contenu ?…

L’écriture journalistique possède différents codes dont le but est de communiquer de l’information au lecteur avec efficacité. En voici une approche rapide décrite dans un ton… journalistique !