Google AMP: l’expérience mobile
amplifiée

Publié le 15 septembre 2019 par Adrien Saint

Avez-vous remarqué ce petit carrousel récemment apparu dans vos résultats de recherches Google? Et avez-vous remarqué la vitesse à laquelle ces pages chargent, ou vous êtes-vous déjà habitués au luxe et au confort de navigation qu’elles offrent? Google AMP est un nouveau format, AMP signifiant mot-à-mot: accelerated mobile pages, qui vise à offrir une navigation fluide aux utilisateurs du moteur de recherche, sur mobile uniquement.

Voici un test de rapidité comparatif pour vous donner une idée:

    -Temps de chargement d’une page AMP: 0,7s

    -Temps de chargement d’une page classique: 0,22s

Le principe est simple, et repose sur un chargement prioritaire des contenus textuels, les autres types de contenus tels les images, animations et publicités n’apparaissent qu’ensuite.

Pour le moment surtout utilisé par les médias d’information, le projet est néanmoins en licence open-source et donc utilisable par tous. Initialement développé par Google eux mêmes, il est certain qu’AMP est un outil à mettre en place immédiatement si vous voulez optimiser votre référencement grâce à du contenu comme un blog.

Afin de le mettre en place, il suffit de commencer par le doctype <!DOCTYPE html>
<html ⚡> ou <html amp>
D’avoir de façon obligatoire les balises <head> et <body> 
D’inclure <meta charset="utf-8">  en premier élément du head et d’insérer dans le head:
<script async src="https://cdn.ampproject.org/v0.js"></script>
<script async src="https://cdn.ampproject.org/v0.js"></script>
<link rel="canonical" href="$SOME_URL">
<meta name="viewport" content="width=device-width,minimum-scale=1"> (-> recommandé)
Le « AMP boilerplate code »
<amp-img src=‘’ alt’’></amp-img> vs <img src=‘’ img=‘’ />

Pour tester son code AMP, rien de plus simple: https://validator.ampproject.org/

Sur les sites web que 14eight crée et gère, nous notons un trafic mobile d’environ 65%, ce qui témoigne de l’importance du mobile dans les expériences web. Avec des pages optimisées AMP, vous offrez une expérience de navigation confortable à vos utilisateurs, et, point non négligeable, vous améliorez votre référencement et augmentez la visibilité de votre site.

SUR LE MÊME
THèME

restez
informés

Abonnez-vous à notre newsletter pour être certain d’avoir un autre regard sur le numérique, vu dans haut, en panoramique !