7 conseils détaillés sur la façon d'améliorer votre site Web en 2018

Ce n'est pas un secret que Google aime les sites techniquement excellents. Si vous voulez que vos sites se classent le mieux possible, rien ne peut remplacer les bases et qui font tout ce que vous pouvez au-delà.

Alors que certains aspects de l'excellence technique ont toujours été important, dans cet article, je veux mettre l'accent sur sept raisons pour lesquelles votre site ne fonctionne pas aussi bien qu'il pourrait l'être en 2018. Si vous pouvez résoudre ces problèmes, votre site sera dans la meilleure position possible pour cette année et le prévisible avenir.

1. Optimisation pour les mobiles

Les visites de sites mobiles représentent actuellement 52% du trafic Web mondial . Dans des pays comme les États-Unis et le Royaume-Uni, ce nombre est plus proche de 60% . Même avant 2018, il était essentiel d'avoir un bon site mobile si vous vouliez que votre entreprise conserve et convertisse autant d'utilisateurs que possible.

Maintenant, l'annonce de l'index mobile de Google ce qui signifie que le mobile La version d'un site sera utilisée pour déterminer le niveau de référence d'un site, plutôt que la version de bureau, rend les sites mobiles essentiels pour la visibilité des moteurs de recherche ainsi que la conversion.

Si vous voulez rendre votre site mobile- amical ou mettre à jour un site mobile existant, il est important de le faire correctement. Il existe trois solutions courantes pour les sites mobiles:

• m.example.com – la solution d'origine; implique de créer un site distinct sur un sous-domaine «m.» et de le rediriger vers des utilisateurs mobiles
• Service dynamique – des conceptions de site distinctes sont créées pour chaque périphérique; le serveur charge le droit à l'utilisateur en fonction du périphérique utilisé
• Réactif – un seul ensemble de code HTML est créé et conservé, mais il est rendu différemment selon la taille de l'écran

Alors que les trois solutions sont viables , Google a explicitement nommé responsive comme méthode préférée.

La conception sensible a de multiples avantages. Du point de vue de Google, c'est préférable parce qu'il n'y a aucune redirection impliquée.

Du point de vue des développeurs et des gestionnaires web, cela signifie que vous n'avez besoin que d'un ensemble HTML, ce qui rend la construction, la maintenance et le suivi du site beaucoup plus facile.

Si vous avez affaire à plusieurs sites à travers m. et le service dynamique, surveiller le parcours client devient beaucoup plus difficile, et nous savons que de nombreux entonnoirs de conversion impliquent des visites de différents appareils.

En 2018 et au-delà, il est difficile de penser aux situations où un design responsive . Bien que Google ne punisse pas activement les sites mobiles non réactifs, s'ils l'ont répertorié comme leur solution mobile préférée, il est raisonnable d'en déduire qu'ils voient certains avantages à le faire.

2. Considérant AMP pour le contenu et les publicités

C'est probablement le plus controversé des sept points que je vais aborder dans ce post. Par le passé, de nombreux spécialistes du marketing numérique ont soulevé des avertissements sur AMP (pages mobiles accélérées), encourageant les webmasters et autres spécialistes du marketing à évaluer la valeur ajoutée que l'AMP peut apporter à leur activité avant de la mettre en œuvre.

Bien que ce soit toujours le cas, AMP est important pour suffisamment d'entreprises qu'il vaut la peine d'inclure dans cet article, et je crois que son importance va augmenter à l'avenir. En particulier, les éditeurs de nouvelles réguliers et les propriétaires de magasins de commerce électronique ambitieux devraient accorder une attention particulière à ce point.

Récapitulatif rapide, AMP est un moyen de diffuser du contenu à la vitesse de l'éclair pour les chercheurs mobiles. Google met en cache une version AMP d'une page (distincte de l'original de la page), qu'elle peut servir aux recherches sans attendre que votre serveur serve une page complète (les serveurs cache de Google sont beaucoup plus rapides que le tiens). Les pages mobiles accélérées sont fréquemment vues dans le carrousel d'actualités de Google et dans le flux d'articles trouvé dans l'application Google, mais elles commencent à se glisser dans le commerce électronique.

AMP nécessitant la création et la gestion de nouvelles versions de votre contenu, déterminez si la mise en œuvre va vraiment profiter à votre site. Si ce n'est pas le cas, la vitesse générale du site pourrait être plus avantageuse, étant donné que le but de l'AMP est d'accélérer la navigation mobile.

Cela dit, la prévalence de l'AMP est en hausse et je pourrais la voir devenir une nouvelle norme Web que tous les sites doivent atteindre, de la même manière que les certificats SSL sont devenus la norme. Il est possible de créer de nouveaux sites avec AMP dès le début, de sorte qu'il pourrait se généraliser au fur et à mesure que les sites évolueront.

Dans cette optique, mon équipe et moi-même étudions les possibilités d'AMP pour les sites e-commerce. ] Annonces Google . Il est actuellement possible – mais pas très répandu – de diffuser du contenu AMP via les annonces textuelles de Google, sur Chrome et sur les appareils Android . Pour ce faire, il suffit d'entrer l'URL AMP de la page de destination comme URL mobile de l'annonce.

En plus des carrousels d'actualités, les pages AMP peuvent également remplacer la version URL standard dans les résultats de recherche mobile. l'icône de l'éclair AMP.

Je ne suis toujours pas sûr de savoir dans quelle mesure cette norme sera pleinement adoptée, mais ce qui est certain en ce moment, c'est la vitesse du site. est essentiel si vous voulez voir de bons résultats dans les deux canaux organiques et payants. Comment un temps de chargement rapide est atteint est moins important que d'être atteint en premier lieu, comme nous le verrons plus loin.

3. Vitesse du site

Alors que la vitesse du contenu AMP est contrôlée par Google, il n'y a aucune raison pour que vous ne puissiez pas créer un site Web très rapide grâce à vos propres actions. L'architecture de votre serveur, la construction de votre site et la mise en cache peuvent toutes être configurées de telle sorte que votre site se charge rapidement sur tous les appareils.

Si votre site est lent, vous perdrez à la fois la visibilité organique et les conversions. La vitesse est un facteur de classement en soi, mais les sites lents auront aussi du mal à retenir les utilisateurs tout au long.

Il existe plusieurs façons d'optimiser la vitesse du site. Nous pouvons examiner quelques-uns d'entre eux en décomposant le processus de chargement de la page en quatre parties générales (simplifiées) basées sur cette décomposition ):

• Request où les données du site sont demandées au serveur
• Réponse lorsque le serveur rassemble les fichiers nécessaires à la création de la page Web
• Build lorsque le navigateur transforme les données du serveur en DOM et HTML CSS (modèle d'objet document)
• ] Rendu lorsque le navigateur ajoute des ressources provenant d'autres sources, telles qu'une feuille de style ou un fichier JavaScript

Il existe des moyens d'optimiser la vitesse de chaque étape. Lorsque toutes les étapes sont optimisées, votre site sera nettement plus rapide qu'il ne pourrait en être autrement.

Demande – en utilisant un CDN et moins de fichiers

CDN se trouvent entre le serveur et le navigateur pour apporter les actifs comme les images, CSS et JavaScript plus proche de l'utilisateur. Dans certains cas, vous pouvez même mettre un site entier sur un CDN. Le réseau de diffusion de contenu favori de mes équipes est Amazon Cloudfront; une telle solution coupe le temps de requête d'un utilisateur à partir d'un emplacement donné.

En outre, je recommande d'effectuer un audit des fichiers demandés pour chaque page de votre site. De nombreux thèmes et scripts essaieront de charger de gros fichiers en arrière-plan de chaque page de votre site, même si ces fichiers ne sont pas nécessaires pour cette page. La suppression de ces requêtes inutiles réduit le temps de chargement

Response – Caching et HTTP / 2

La plupart des sites Web dynamiques et gérés par contenu sont constitués de contenus dans une base de données, de modèles de style et de logiciels. tous ensemble. Pour éviter que le serveur ait besoin de rassembler le contenu d'un site pour chaque utilisateur, nous pouvons le mettre en cache pour stocker une version prête à l'emploi du site.

La mise en cache peut être implémentée dans le CMS d'un site, mais la mise en cache côté serveur peut également être utilisée pour stocker des configurations plus puissantes au niveau du serveur. La mise en cache et les CDN se combinent bien, car vous pouvez mettre en cache des pages entières sur un CDN pour gérer la requête avant qu'elle ne frappe le serveur.

Vous pouvez également utiliser la dernière technologie de serveur, comme HTTP / 2, pour accélérer le processus . HTTP / 2 permet de «streamer» les données, ce qui signifie que le serveur gère plusieurs requêtes en même temps, plutôt que de les traiter l'une après l'autre.

La clé de cette section est d'éviter les bas prix, Hébergement partagé ou «sans fioritures». Ces options peuvent sembler attrayantes, mais le prix plus bas vous coûtera de la vitesse et de la performance, ce qui pourrait vous faire perdre plus d'argent à long terme. Pour plus d'informations, jetez un oeil à ce blog sur la performance .

Construire et rendre – optimiser le chemin critique et charger les fichiers de façon asynchrone

Le processus de construction sera accéléré si vous employez les techniques que j'ai mentionnées dans les deux dernières sections, mais vous pouvez en faire plus pour réduire le temps de rendu de la page sur le navigateur de l'utilisateur.

La clé de cette dernière étape est d'optimiser le chemin de rendu critique. Cela signifie réduire le nombre de ressources qui pourraient bloquer la première partie de la page que l'utilisateur verrait.

Vous pouvez empêcher le blocage du rendu, accélérant ainsi le processus de rendu entier, en chargeant les fichiers de façon asynchrone d'entre eux afin qu'ils chargent en dernier. La plupart des systèmes de gestion de contenu sortent de la boîte avec une certaine optimisation pour le blocage du rendu, mais si vous continuez à voir des performances médiocres dans le navigateur, vous devriez regarder de plus près ce problème.

Si vous cherchez des façons d'accélérer le processus vous-même, il est essentiel de s'assurer que les gros fichiers JavaScript et CSS n'ont pas besoin d'être chargés dans la tête du document. Si possible, tout JavaScript doit être désaffecté au pied de page, CSS ne doit être chargé que si nécessaire et les ressources externes doivent être chargées de manière asynchrone si possible.

L'optimisation de la vitesse du site est une activité très technique. vous voulez que votre site fonctionne bien dans les deux canaux organiques et payants.

4. Comprendre comment Google explore (ou n'analyse pas) JavaScript

Les frameworks JavaScript deviennent un outil populaire dans le développement Web moderne, mais Google a toujours eu du mal à explorer les pages qui sont rendues de cette façon. En 2018, les robots d'exploration de Google sont meilleurs qu'ils ne l'ont jamais été pour l'analyse et le rendu de JavaScript, mais ils ne sont pas encore là.

Les frameworks JavaScript permettent essentiellement de rendre des pages depuis JS plutôt que de charger une grande quantité de HTML à partir d'un serveur. Les sites construits de cette manière requièrent uniquement des requêtes de serveur pour des données spécifiques à un produit ou à une page; tout le reste est construit dynamiquement.

Des dizaines de cadres JavaScript populaires existent maintenant: Vue, React et Angular, pour n'en nommer que quelques-uns. Tout cela rend le contenu d'une manière similaire. Les partisans de cette méthode de développement affirment que cela conduit à une meilleure expérience utilisateur, et ils peuvent avoir raison.

Cependant, Google n'est pas complètement à bord. JS frameworks sont connus pour produire des problèmes pour les spécialistes du marketing de moteur de recherche travaillant à la fois organique et recherche payée. Nous savons que Google rend JavaScript dans ses explorations certaines de l'époque, mais pas toujours . La Search Console nous permet désormais de voir à quoi ressemble une page lorsqu'elle est rendue par Googlebot, mais nous savons que cela ne se produit pas chaque fois que Google explore votre page Web.

Une page sans rendu JavaScript ressemble à une page vide Balises HTML vers Google, ce qui signifie qu'il ne peut pas voir le contenu dont il a besoin pour déterminer le sujet et la qualité de la page, y compris le texte et les images. Cela a longtemps été un problème pour les pages où certains textes, graphiques et liens étaient cachés derrière ou chargés de JavaScript, mais pourrait maintenant être un problème pour des sites entiers s'ils s'appuient sur le rendu JS.

Nous savons que c'est quelque chose Google travaille sur. Dans un an, peut-être qu'ils seront là-bas. Cependant, à l'heure actuelle, les sites à haute performance devraient éviter les frameworks JS pour tous les éléments clés de navigation et de contenu.

Il faudra du temps pour peaufiner les meilleures pratiques en matière de visibilité de la recherche, et il vaudra probablement la peine d'attendre que les robots de Google soient mieux à même de rendre JavaScript avant de s'y engager complètement.

Créer correctement des sites internationaux

Dans le cours normal de notre travail, nous voyons chaque semaine de bons et de mauvais exemples d'internationalisation. Différentes agences et marques ont créé des sites Web pour différents territoires depuis un certain temps, souvent sans aucune considération pour l'optimisation de la recherche.

En 2018, presque toutes les entreprises se connectent et même les plus petites étudient les possibilités d'internationalisation. Le besoin d'avoir la bonne configuration est plus important que jamais – si vous le faites mal, vous perdrez dans un marché mondial de plus en plus concurrentiel. Plus vous pouvez faire pour que votre site traverse de multiples territoires et langues, plus vous y gagnerez.

La mise en œuvre correcte de l'internationalisation est l'endroit où un utilisateur atterrit sur un site dans sa langue ou ciblé sur son pays. Google est de mieux en mieux à même de proposer aux différents utilisateurs le bon contenu pour leur pays, mais les webmasters ont encore beaucoup à faire pour s'assurer que les expériences de leurs utilisateurs soient aussi bonnes que possible.

Google a contribué à le faire Il est aussi simple que possible pour les spécialistes du marketing de recherche d'obtenir une bonne internationalisation en fournissant une méta-étiquette appelée «hreflang». Ceci est une balise qui se trouve dans la tête HTML d'une page. La balise se trouve dans un élément de lien et contient à la fois la langue et la page que l'utilisateur devrait voir s'il parle cette langue.

Plusieurs langues peuvent également être spécifiées dans le même élément. Google a une page de support sur le sujet qui donne des exemples concrets de la façon de l'implémenter. De nombreux systèmes de gestion de contenu prennent désormais en charge hreflang, donc il n'y a vraiment aucune raison de ne pas l'implémenter si vous ciblez des publics internationaux.

Là où il y a plusieurs options de langue pour une page spécifiée dans les tags hreflang, je recommanderais en définissant également une cible par défaut afin qu'il soit clair pour Google que tous les utilisateurs dans des territoires non spécifiés doivent voir cette page.

Cela vous permet de contrôler autant que possible les déplacements des différents utilisateurs sur le site, ce qui réduit le risque que Google utilise un contenu inapproprié. Comme Google s'améliore à cet égard, le risque devrait naturellement diminuer de toute façon.

Mettre le contenu dans des silos

Mettre le contenu dans des silos, ce qui signifie créer une architecture de site dans laquelle les pages d'informations clés sont imbriquées dans les mêmes dossiers que les pages de service ou de catégorie principales. . Maintenant que nous sommes en 2018, la stratégie a mûri, rendant les silos plus conviviaux et plus efficaces que jamais auparavant.

Il y a au moins deux avantages principaux à un silo de contenu bien fait: amélioration des performances organiques pour les mots clés connexes. expérience. Le contenu thématique imbriqué dans un dossier unique aide les autres pages de ce dossier à se classer en améliorant la qualité du contenu associé sur le site et en permettant une structure de liens internes plus claire.

Google cherche toujours à mieux classer les sites ayant un bon niveau d'informations sur leurs sujets ciblés, même si ces informations ne sont pas toutes contenues dans une seule page. En outre, le nombre plus élevé de liens internes par le biais de fil d'Ariane et de liens contextuels facilite la recherche et l'indexation des pages et renforce la relation d'actualité d'un groupe de pages.

L'expérience utilisateur peut également s'améliorer silos. Par exemple, une FAQ pour une catégorie de grande valeur dans le même dossier que les pages de catégorie permet aux utilisateurs de trouver plus d'informations rapidement et facilement, ce qui pourrait être la différence entre rester sur votre site ou regarder ailleurs.

Si tout votre contenu informatif est caché dans une section de blog ou de guides, il peut être très compliqué pour les utilisateurs de le déterrer, surtout si vous n'avez pas de fonction de recherche de site interne efficace.

Les systèmes de gestion vous permettent de configurer des silos immédiatement, mais certains peuvent avoir besoin d'installer des plugins en premier. Lors de la planification de la structure, vous devez vous assurer que les URL restent propres et faciles à naviguer pour les utilisateurs, sans quoi vous risquez d'affaiblir certains des avantages mentionnés ci-dessus.

Si votre CMS ne vous permet pas d'extraire le contenu de la boîte, vous devrez peut-être parler aux développeurs du site de la meilleure façon de l'implémenter.

7. Revoir votre ancien contenu et vos stratégies

Bien qu'il soit important de regarder vers l'avenir, la meilleure façon de préparer l'avenir est parfois d'optimiser ce que vous avez déjà. Il y a plusieurs façons de le faire, mais nous n'avons qu'un espace pour toucher une poignée.

Une méthode consiste à regarder vos classements actuels pour les opportunités de «victoire rapide». Ceux-ci existent où vos pages se classent juste à la première page, ou peut-être juste en dehors des trois premiers résultats. En construisant des liens vers ces pages, en mettant à jour le contenu ou en ajoutant des médias pertinents, vous pourriez les rendre plus performants avec des ressources relativement faibles.

Une autre stratégie clé est de continuer à revoir votre page commerciale et commerciale performante. présentant les informations les plus à jour. Cela peut aider les pages qui reçoivent déjà des niveaux de trafic élevés à convertir davantage de ces visiteurs, ce qui se traduira par plus de revenus provenant de votre site Web.

Ceci est particulièrement important lorsque vous avez employé une stratégie de contenu à feuillage persistant ou pierre angulaire. Si vous voulez que votre contenu de haut niveau reste pertinent, il doit être consulté périodiquement et mis à jour si nécessaire.

Quel que soit le contenu existant sur votre site, il doit être pris en compte dans les plans que vous avez pour votre site. C'est bien de parler de cette année et au-delà, mais vous avez investi du temps et de l'argent dans votre contenu actuel qui ne devrait pas être gaspillé.

Considérez ce que vous avez déjà si vous réfléchissez à la manière d'améliorer la vitesse du site ou aux silos de contenu à créer, ou à l'expérience de votre site sur le mobile. Pour que ces stratégies avant-gardistes soient les plus efficaces possibles, elles devraient fonctionner à côté de et améliorer ce que vous avez déjà.