Il y a moins de 6 mois, Google testait le nouveau format de pages AMP et ajoutait la section Top Stories à ses résultats. Bientôt, elles se retrouveront partout dans les résultats.

Bref aperçu des AMP

Les pages AMP sont une initiative de Google qui souhaite fournir une meilleure expérience utilisateur aux mobinautes.

Pour y parvenir, les développeurs doivent créer une version plus légère des pages web. Ils assurent ainsi un chargement plus rapide du contenu statique. En gros, les pages chargent en moins d’une seconde !

Les pages AMP utilise le AMP HTML, le AMP JS et le Google AMP Cache. La méthode pour créer des pages AMP se retrouve sur ampproject.org.

Cette nouveauté a d’abord touché les sites de nouvelles. Ils ont ainsi pu publier du contenu pouvant être chargé beaucoup plus rapidement pour la lecture.

On a rapidement vu apparaître le carrousel des Top Stories dans le haut des résultats de Google sur mobile. Ce carrousel présente des nouvelles disponibles en format AMP. Elles ont aussi pris d’assaut les résultats de Google News.

Les AMP, la nouvelle norme pour les résultats de recherche mobiles ?

Il y a un mois, eBay adaptait ses pages au format AMP. Ce fut un changement majeur dans l’adoption de ce nouveau format qui laissait déjà présager plus du côté de Google.

Le 2 août 2016, Google a annoncé que les pages AMP ne seront plus réservées aux nouvelles. Elles seront disponibles dans les résultats de recherche sur mobile.

Elles seront reconnaissables grâce au subtil logo.

Il est possible d’avoir un aperçu des résultats sur le site démo pour mobile http://g.co/ampdemo.

Les publicités seront aussi chargées au format AMP

Une difficulté rencontrée par les sites de presse utilisant les nouvelles pages AMP était la lenteur de chargement des annonces d’où proviennent leurs revenus.

En effet, la page AMP chargeant plus vite que les annonces, les internautes passaient sans les visualiser, surtout celles se trouvant dans le haut des pages.

Paul Muret, VP des produits Display, vidéos et Analytics, a annoncé que le format AMP serait disponible pour les annonces. Le format d’annonces a4a permet d’améliorer grandement leur vitesse de chargement.

AMP et SEO

Google a bien spécifié que l’utilisation de pages AMP ne permet pas d’avoir une meilleure position dans les résultats. Le site démo proposé par Google permet de comparer les résultats sur ordinateur et mobile. Le classement ne semble pas être affecté par ce changement.

Toutefois, rappelez-vous que la vitesse de chargement est un critère SEO. Revoyez comment améliorer la vitesse de chargement de votre site.

De plus, le logo sera peut-être un nouveau gage de qualité pour les lecteurs sur mobile qui engendrera plus de clics.

En effet, les pages AMP répondent à trois principes importants en SEO que Google met régulièrement de l’avant, soit une bonne vitesse de chargement, une bonne expérience utilisateur et un site mobile. Ainsi, il est vrai qu’un site ayant déjà optimisé ces trois éléments ne verra pas de changement à son classement. Il pourrait toutefois être une bonne alternative pour les sites qui doivent retravailler ces éléments.

Quel est votre opinion sur l’impact des pages AMP sur le SEO ?

Cet article Les pages AMP à venir dans les résultats ! est apparu en premier sur Affluences.

La vitesse de chargement d’une page figure parmi les éléments importants à considérer pour améliorer le SEO d’un site web.

Heureusement, Google fournit des directives claires sur les points considérés pour évaluer la vitesse de chargement d’une page web.

L’outil de départ est évidemment le PageSpeed Insights. Entrez votre URL et Google calculera la vitesse de chargement pour mobile et pour ordinateur.

Voici donc brièvement les éléments à considérer pour s’assurer d’une bonne vitesse de chargement.

Optimiser le poids des images

Une image peut être très lourde et augmentez le temps de chargement d’une page. Pour améliorer cet élément, deux choses peuvent être effectuées :

• Diminuer le format de l’image au minimum nécessaire. Sur un site web, il est rarement nécessaire que l’image dépasse 1680 pixels de large. Réduisez donc le format immédiatement au lieu de le modifier à l’aide du code HTML ou CSS de votre page.
• Compresser l’image pour diminuer le poids sans altérer la qualité de l’image un peu comme vous utilisez des fichiers zippés pour les envois plus légers. Pour y arriver, utilisez des outils comme Compressor.io et TinyPNG.

Réduire la taille des fichiers HTML, CSS et JavaScript

Tout comme pour les images, les fichiers de code peuvent être alourdis d’information non pertinente, correspondant principalement à des espaces et des caractères inutiles. Il faut donc les retirer pour diminuer le poids de la page.

Google propose de télécharger les fichiers déjà optimisés. Sinon, plusieurs solutions existent. Pour WordPress par exemple, il existe l’extension Autoptimize.

Exploiter la mise en cache des ressources dans le navigateur

La mise en cache, c’est un peu comme une sauvegarde temporaire que le navigateur effectue de votre site web pour éviter de devoir le charger entièrement à chaque fois que l’utilisateur le visite.

Pour les ressources statiques, la durée devrait être d’une semaine minimum; pour les annonces et widgets, un jour. Voici de l’aide pour en savoir plus sur la mise en cache.

Autoriser la compression

Encore une fois, on peut réduire la taille des ressources. Il faut en fait permettre la compression GZIP pour le serveur. Lorsqu’un utilisateur visite votre page, il chargera une version compressée de la page provenant de votre serveur, ce qui sera plus rapide.

Réduire le temps de réponse du serveur

Évidemment, le serveur doit répondre rapidement pour envoyer les ressources nécessaires. Si cet élément cause problème, voici quelques conseils de Google.

Afficher en priorité le contenu visible

Il faut éliminer les codes qui empêchent l’affichage rapide du contenu au-dessus de la ligne de flottaison.

Cet aspect plus technique nécessite évidemment des connaissances plus poussées. Néanmoins, le principe est simple. La ligne de flottaison est la limite de ce qui s’affichera à l’écran lors du chargement de la page. Ainsi, c’est ce que l’utilisateur pourra consulter sans utiliser la barre de défilement. Cette partie visible au dessus de la ligne de flottaison doit se charger en priorité.

L’utilisation de certains scripts et CSS peuvent retarder l’affichage du contenu. Il faut limiter leur utilisation pour le contenu figurant dans la partie du haut de la page.

Même si Google n’obtient pas la note de 100% sur son propre test, sachez qu’il est possible de le réaliser. Un article de Moz explique comment il a été possible d’atteindre le score parfait !

Ainsi, sans viser la perfection, veillez à ce que votre score reste acceptable pour Google afin que celui-ci ne pénalise pas vos efforts de référencement.

Cet article Comment améliorer la vitesse de chargement de votre site pour Google est apparu en premier sur Affluences.