Vous êtes-vous déjà rendu sur un site Web qui prenait une éternité à charger? Sur la toile, le terme éternité est égal à 2 ou 3 secondes.

Votre réaction à probablement été de quitter la page aussi rapidement que vous y êtes arrivé.

Le pogo-sticking : c’est ce que vous réservent vos internautes si vous n’optimisez pas sa vitesse de chargement au maximum.

Ne paniquez pas ! Nous sommes là pour vous montrer comment il est possible d’améliorer le sort de votre site Internet facilement.

Identifier sur quoi vous devez travailler

Avant de déployer des efforts sur l’optimisation de la vitesse de chargement d’un site, il faut trouver les éléments qui sont la cause de la non-performance.

Pour s’y faire, utilisez l’outil gratuit pour les développeurs, le PageSpeed Insights de Google.

Celui-ci vous indiquera exactement les points à améliorer, que ce soit sur la version mobile ou desktop de votre site.

N’oubliez pas que certains principes permettent d’améliorer l’expérience des utilisateurs d’une façon plus importante que d’autres.

Les facteurs ayant un impact sur la vélocité d’un site

Certains éléments constituent presque toujours un problème en termes de vitesse de chargement s’ils ne sont pas pris en charge.

En premier lieu, il est important d’investir une bonne partie de votre budget sur un site d’hébergement de qualité.

Le rôle premier d’un hébergeur est d’offrir une connexion à haut débit ainsi qu’une sécurité accrue des sites de ses clients.

Votre site d’hébergement peut avoir un impact négatif sur votre référencement s’il faillit à ces deux tâches.

Lorsque vous effectuerez votre choix, il sera bon de regarder toutes les options qui s’offrent à vous. Parmi celles-ci, on retrouve les serveurs dédiés et les serveurs mutualisés.

Les serveurs dédiés sont souvent plus efficaces puisqu’ils ne desservent qu’un seul site Web à la fois.

Dans plusieurs cas, les hébergeurs mutualisés sont moins dispendieux, mais offrent également une puissance moindre.

Un autre point concerne la façon dont vous faites le linkbuilding de votre site, que celui-ci soit interne ou externe.

Effectivement, il est important d’inclure la barre oblique à la fin d’un lien hypertexte. Par exemple, il faudrait utiliser https://www.affluences.ca/blogue/ et non https://www.affluences.ca/blogue .

Cela permet d’éviter une redirection 301 inutile au serveur et de plutôt renvoyer directement à la bonne page du site.

Il existe également d’autres éléments à considérer pour maximiser la vitesse de chargement d’un site qui ont un impact important sur le SEO.

Des plugins d’optimisation de rapidité de chargement

Voici une liste exhaustive de 4 plugins compatibles avec WordPress qui pourront augmenter la vitesse de chargement de votre site.

1- BJ Lazy Load : Filtre la quantité de contenu qui est chargé en même temps sur la page visitée par un utilisateur, selon la vitesse à laquelle il fait défiler la page.

2- EWWW Image Optimizer : Ce plugin permet de compresser une image et de l’optimiser, en plus de sélectionner le format le plus adéquat (JPG, PNG, etc.). En prime, celui-ci est totalement gratuit.

3- WP Fastest Cache : L’un des meilleurs systèmes de cache de WordPress, avec plus de 400 000 installations actives jusqu’à présent. WPFC est simple d’installation et est mis à jour régulièrement.

4- WP Super Minify : Excellente extension pour les sites WordPress employant de nombreux fichiers HTLM, JavaScript ou CSS puisqu’elle les compresse et les combine rapidement, pour une vitesse de chargement améliorée.

Bonus : Si vous désirez compresser des images, mais que vous ne voulez pas avoir à installer un plugin sur votre site Web, nous vous conseillons Compressor.io !

Cet article Accélérer la vitesse de chargement d’un site à l’aide de plugins WordPress est apparu en premier sur Affluences.

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.