AMP pour accélérer le Web mobile
AMP signifie Accelerated Mobile Pages, ou Pages Mobile Accélérées. A l’heure où les appareils mobiles ont pris le dessus sur l’ordinateur fixe, où Google accorde la priorité aux sites optimisés pour la navigation itinérante, la vitesse de chargement sur mobile et tablette est un enjeu crucial. Découvrons ce qu’est le projet AMP.
AMP : qu’est-ce que c’est ?
Le Projet AMP est un projet open-source et dédié à l’accélération du Web mobile.
Il est composé par de nombreux partenaires, comme entre autres Google, LinkedIn, Twitter, WordPress, DailyMotion, Vimeo, … : la liste est disponible sur le site du projet.
Ce projet définit un nouveau standard de codage de page Web : AMP permet de créer des pages Web qui affichent rapidement du contenu statique. Il impose aux sites de fournir le contenu de leurs pages Web dans une version light très rapide à charger. L’intérêt annoncé de AMP est d’offrir à l’internaute un affichage des pages Web quasi instantané, de la même manière que sur Apple News ou encore Facebook Instant.
Selon le Projet AMP, les pages ainsi créées sont dix fois plus légères en moyenne et par conséquent jusqu’à quatre fois plus rapides à télécharger. Le but avoué est donc que l’internaute puisse consulter toujours plus de contenu Web, et de manière toujours plus rapide.
Et augmenter le nombre de pages vues par un internaute, c’est mécaniquement augmenter le nombre de publicités qu’il voit… Ce qui restera toujours le but ultime de notre ami Google 😉
Les techniques AMP
Techniquement, le fonctionnement d’AMP est basé sur trois choses différentes :
- l’AMP HTML est du HTML avec certaines restrictions pour des performances fiables et certaines extensions pour la construction de contenu enrichi au-delà du HTML de base.
- La bibliothèque AMP JS assure le rendu rapide des pages HTML AMP.
- Le cache Google AMP peut être utilisé pour servir les pages HTML AMP mises en cache.
Les résultats de recherche Google indiquent aux utilisateurs que vos pages utilisent AMP HTML en affichant l’icône spécifique (lightning bolt). Ainsi, les internautes sont prévenus que le contenu de votre site sera chargé rapidement sur leur mobile ou sur leur réseau.
Une page AMP possède la même URL que la page en langage HTML classique, accompagnée du suffixe /amp/.
Les optimisations apportées :
- Autorisation des scripts asynchrones uniquement : empêche JavaScript de retarder l’affichage de la page,
- Dimensionnement de manière statique de toutes les ressources (images, publicités, iframes) : déclaration de la taille de la ressource,
- Empêchement du blocage de l’affichage de la page par les mécanismes d’extension (tweets, instagram, mosaïque d’images, …),
- Obligation pour une feuille de style CSS d’être en ligne et de ne pas dépasser 50Ko : pas de requêtes HTTP supplémentaires,
- Hiérarchisation du chargement des ressources, par exemple lecture à l’ouverture de la page uniquement des images visibles au-dessus de la ligne de flottaison,
- Exécution des animations seulement si elles sont accélérées par GPU (processeur graphique),
- Préchargement des polices Web,
- …
Ces techniques seront détaillées plus avant dans un prochain article.
Rich snippet : attirer plus de visiteurs sur vos pages
Un rich snippet peut-il vous faire gagner l’éternelle bataille pour être toujours mieux classé dans les pages de résultats des moteurs de recherche ou SERPs de Google ? Etre mieux classé que vos concurrents est-il suffisant pour augmenter le taux de clic vers votre site web ? Apprenez à quoi ça sert d’enrichir vos extraits.
Qu’est-ce qu’un snippet ?
Le CTR (click to rate) dépend de la façon dont vous vous décrivez dans le peu d’espace que Google vous octroit dans ses SERPs. Ce petit espace est appelé le snippet. C’est un extrait du contenu ou des détails obtenus à partir de votre page internet.
C’est la première chose que voit les internautes sur les SERPs et par conséquent, cet extrait doit contenir la meilleure information détaillée possible dont ils ont potentiellement besoin.
Est-ce que votre snippet vous décrit le mieux possible et pousse les internautes à cliquer sur votre lien ?
Ou les laisse t-il préférer cliquer sur un lien moins bien classé que le votre ? En bref, votre snippet est-il banal, ou est-ce un extrait enrichi (rich snippet) ?
Qu’est-ce qu’un extrait enrichi ou rich snippet ?
Un rich snippet comprend les moindres détails qu’un utilisateur recherche. qui contiennent des informations détaillées qui aide les utilisateurs à prendre les bonnes décisions clic.Il peut inclure :
- une brève description de la page et de son contenu,
- les commentaires et évaluations,
- le prix et la disponibilité des produits,
- des photos, l’auteur, et bien plus encore…
Il donne ainsi à l’utilisateur une vue d’ensemble du contenu de la page. Ces extraits sont tirés de données spécifiquement formatées.
Moteurs de recherche et rich snippet
Les moteurs de recherche ne favorisent aucune page dans les SERPs. Ils ajoutent simplement toutes les informations possibles disponibles. Par conséquent, si vous souhaitez créer un extrait structuré ou un extrait enrichi, vous devez inclure les informations requises sur votre page.
L’effet du rich snippet sur le taux de clic
Avec autant d’annonces payantes , de vidéos et d’images classée dans les SERPs, il est difficile d’attirer les internautes avec le bon vieux texte affiché dans la zone de snippet normale. Que souhaitez-vous que votre futur visiteur comprenne de votre page à partir d’un simple titre, d’une URL et d’une petite description ?
Avec l’intelligence artificielle agissant comme guide suprême, les internautes font totalement confiance aux moteurs de recherche et estiment que la grande majorité des résultats obtenus sont pertinents vis à vis de la requête qu’ils ont saisi. Par conséquent, tous les liens sont pour eux plutôt similaires.
Comment votre page va t-elle se démarquer parmi les autres? Pourquoi un internaute cliquerait-il sur le lien menant à votre page ?
- Est-ce que les autres utilisateurs ont apprécié votre page et ont-ils partagé leurs points de vue ?
- Ont-ils évalué les informations que vous avez partagé ?
- Proposez-vous d’autres options qui pourraient intéresser l’internaute ?
- Affichez-vous le prix et la disponibilité de votre produit ?
Mettre tout ceci en évidence dans le rich snippet, ainsi que d’autres choses encore, peut vous aider à attirer un internaute.
Prenons un exemple concret.
Lorsque je recherche “gâteau au chocolat” sur Google, comme d’habitude, j’obtiens un certain nombre de résultats. Considérons les deux résultats obtenus dans l’image ci-dessus. Sur lequel avez-vous envie de cliquer ?
Sur le premier, qui vous donne simplement une recette, ou sur le second, qu’apparemment de vraies personnes ont réellement essayé de mettre en œuvre, ont émis des critiques et ont également évalué ?
Le second lien vous donne une idée de la valeur de la recette (la note des utilisateurs ainsi que le nombre d’avis), le temps approximatif dont vous pourriez avoir besoin pour la préparer, et même le nombre de calories . Cela donne à ce lien une apparence bien plus prometteuse et pratique, n’est-ce pas ?
Types de rich snippet
Fil d’ariane : il indique la position de la page dans la hiérarchie du site. Les internautes peuvent accéder directement à la page ou naviguer tout le long du chemin, niveau par niveau.
Événements : Ces extraits riches se concentrent sur les événements qui peuvent être organisées dans une localité. Ils affichent des détails tels que la date, le nom de l’événement et le lieu.
Organismes : Ces extraits enrichis peuvent être utilisés pour afficher les coordonnées d’une entreprise ou d’une organisation.
Produits : Vous pouvez utiliser l’extrait enrichi de type produit pour afficher les détails de votre produit, tels que le prix, la disponibilité, les évaluations et notes.
Recettes : Vous pouvez utiliser des extraits enrichis pour des recettes, comprenant des informations telles que la préparation et le temps de cuisson, des valeurs et des commentaires nutritionnels ainsi que des notes.
Commentaires et évaluations : Un élément parmi les plus importants dans un extrait enrichi est la section d’évaluations et notes. Cela donne au public un aperçu de la façon dont le produit, la page ou le contenu est performant. Ainsi, cette statistique les aide à prendre la bonne décision, en cliquant sur le lien préféré par les internautes.
Vidéos : Les vidéos sont généralement affichés dans un extrait enrichi. Il peut contenir une image miniature, la description, la durée, la date de mise en ligne et plus encore.
Conclusion
Les extraits enrichis sont bien d’une grande utilité pour vous aider à promouvoir au mieux votre page web dans le petit espace auquel vous avez droit dans les SERPs de Google.
De plus, les moteurs de recherche vous donnent là une exposition suffisante en incluant tous les détails nécessaires dans l’extrait.
Les internautes préfèrent cliquer sur un lien qui donne une idée précise sur ce qu’ils peuvent attendre de la page en question.
Enfin, les richs snippets peuvent être définis différemment selon le type de contenu.
Donc, utilisez-les pour mettre en valeur vos points forts et les qualités que votre public recherche !
Mots clés : recherche via l’outil de Google Adwords
Comment utiliser l’outil de planification Google Adwords pour trouver des idées pour vos mots clés. Apprenez à dénicher des expressions clefs pour parfaire votre référencement naturel ou SEO. Ainsi, grâce au générateur de mots clés, vous pourrez améliorer votre positionnement sur les moteurs de recherche.
Accéder à Google Adwords
Pour accéder à l’outil de planification des mots clés de Google, il est nécessaire de vous connectez à votre compte AdWords. L’adresse est http://adwords.google.com/KeywordPlanner. Si vous n’avez pas encore ouvert de compte AdWords, il est temps de le faire, c’est gratuit et très utile, comme vous allez le voir (comment ouvrir un compte Google Adwords).
Le but final de cet outil est de générer des campagnes publicitaires, mais pour l’instant, la recherche d’idées est encore gratuite, alors profitons-en.
Rechercher des mots et expressions clés
Une fois connecté, allez dans Outils et sélectionnez dans la première partie le premier choix « Rechercher de nouveaux mots clés à l’aide d’une expression, d’un site web ou d’une catégorie ».
Saisissez ensuite dans le premier champ le mot ou l’expression que vous ciblez et pour lequel vous souhaitez trouver des idées complémentaires.
Vous avez plusieurs options permettant d’affiner le ciblage de la recherche. Nous y reviendrons plus tard.
Voici le résultat fourni par l’outil lorsque vous aurez cliqué sur le bouton « Obtenir des idées ».
Il faut se rendre sur le second onglet « Idées de mots clés ».
Les colonnes qui nous intéressent sont les deux premières, « Mot clé » et « Nombre moyen de recherches mensuelles », mais sachez que vous avez la possibilité de sélectionner certaines idées afin de définir un plan (colonne de droite) de campagne publicitaire.
En cliquant sur le titre de la seconde colonne, vous déclenchez le tri par ordre décroissant.
Vous pouvez télécharger votre recherche pour l’enregistrer sur votre ordinateur ou sur votre compte Google Drive, afin de l’exploiter tranquillement plus tard, et d’y revenir quand bon vous semble.
Analyser les résultats des idées de mots clés
On peut constater ici que l’expression « location maison Bretagne » sur la cible géographique France n’est saisi que 1000 fois par mois, ce qui est peu.
Dans la colonne mot clé apparaissent différentes suggestions plus ou moins en rapport avec votre idée initiale, mais qui peuvent vous mettre sur la voie d’idées originales ou complémentaires. Par exemple, on s’aperçoit que « location vacances » obtient un score de saisie autrement plus important, ce qui peut vous suggérer d’associer votre requête avec le mot vacances (si tant est que vous cherchiez à louer une maison pour les vacances et non pas pour le quotidien).
En poursuivant la liste offerte par Google, on remarque bientôt que l’expression « location vacances bretagne » est saisie beaucoup plus souvent que notre phrase de départ.
Sans le terme maison, « maison bretagne » fait également l’objet de plus de recherche de la part des internautes.
L’expression « tourisme bretagne » et ses 2 900 saisies mensuelles suggère aussi une autre idée de mot clé.
Affiner la recherche pour améliorer le référencement
Pour affiner votre recherche, vous pouvez notamment jouer sur le critère géographique : il est désormais possible de resserrer la localisation jusqu’au niveau de la ville. A l’inverse, il est également possible d’élargir la localisation en ciblant plusieurs régions ou plusieurs pays.
Sur notre exemple précédent, on s’aperçoit, et c’est logique pour une région touristique, que si l’on restreint la recherche à la région Bretagne, le nombre de fois où notre expression de départ est saisie diminue considérablement.
A l’inverse, en ajoutant quelques pays frontaliers francophones, le nombre de recherche augmente de 30%.
L’outil vous donne aussi la possibilité de comparer deux périodes, afin de voir si votre mot clé ou expression est plus ou moins recherché. Sur notre exemple, en comparant d’une année à l’autre, on observe une augmentation des saisies de 30%.
Conclusion
Ainsi, l’outil de planification des mots clés permet d’afficher des statistiques historiques que sont les données sur le volume de recherche de mots clés, et vous fournit par-là de nouvelles idées de mots ou expressions clés pour étoffer votre liste existante, notamment des mots clés plus spécifiques ne générant pas forcément un volume de recherche élevé, donc des mots clés « spécialisés », mais susceptibles d’améliorer vos chances de bien vous référencer, d’être mieux positionné et donc d’attirer davantage de visiteurs.
