Faites fonctionner votre site comme une horloge

I. Répondez à vos problèmes techniques

Les erreurs techniques peuvent avoir une variété d’effets, aucun d’entre eux n’est bon.

• Le contenu (et donc les informations précieuses) ne s’affiche pas correctement;
• Les pages ne font pas leur travail – par exemple, un bouton refusant de travailler;
• Les pages que vous souhaitez convertir ne sont pas reprises dans la recherche.

Le résultat est moins d’activité des utilisateurs sur votre site. Quels que soient vos objectifs sont directement liés à l’activité des utilisateurs, ils échoueront tous également.

La seule façon d’éviter cela est de réaliser des audits techniques en temps opportun. Les exécuter chaque semaine est optimal, même si rien ne vous empêche de le faire plus souvent. Tout ce dont vous avez besoin est le temps de vérifier les rapports et de corriger les erreurs que vous trouvez.

1. Problèmes d’indexation

Y a-t-il un problème avec la façon dont les pages de votre site apparaissent dans la recherche?

L’un des meilleurs outils pour le savoir est Google Search Console. Vous pouvez trouver vos problèmes d’indexation dans le Index> Couverture section.

Cochez dans le Erreur, valide avec avertissement, et Exclu cases à cocher et les Détails La section ci-dessous montrera tous les problèmes liés à la façon dont les pages de votre site sont indexées. Si des pages individuelles suscitent votre intérêt, cliquez sur les entrées dans Détails pour les vérifier.

Résolvez vos problèmes en ajoutant à nouveau les pages à l’index ou en les supprimant, puis appuyez sur Valider le correctif.

Les modifications de votre index peuvent être effectuées dans votre plan de site. Il peut y avoir trois problèmes possibles:

• Vous n’avez pas de plan du site;
• Cela ne fonctionne pas;
• C’est dépassé.

Et tous sont résolus en téléchargeant un plan du site à jour sur votre site:

• Créez votre plan de site (manuellement ou en utilisant un outil tel que XML-Sitemaps);
• Téléchargez-le sur votre site;
• Visiter le Index> Sitemaps dans la Google Search Console, saisissez l’URL de votre plan de site et appuyez sur Soumettre.

Si vous avez des plans de site obsolètes dans le Sitemaps envoyés section, supprimez-les.

2. Robots.txt

Ce fichier peut simplement être absent de votre site. Dans ce cas, il vous suffit de le télécharger et de vous assurer qu’il fonctionne correctement.

Depuis le but de robots.txt est de dire aux moteurs de recherche ce qu’ils peuvent ou ne peuvent pas explorer sur votre site, il est évident à quoi vous pouvez vous attendre si vous abusez de ce fichier. Ouvrez-le et recherchez ces problèmes:

• Les robots des moteurs de recherche ne peuvent pas explorer votre site

Cette erreur est très facile à provoquer. Lorsque tous les robots peuvent explorer votre site, votre fichier robots.txt comporte les lignes suivantes:

User-agent: *

Disallow:

Et s’il y a une barre oblique après Refuser: les robots ne peuvent rien faire du tout:

User-agent: *

Disallow: /

Si des répertoires sont indiqués après Interdire: /, assurez-vous que vous ne voulez vraiment pas qu’ils soient explorés. Sinon, les robots ne pourront pas indexer les parties de votre site que vous souhaitez voir apparaître dans la recherche.

• Les robots explorent des pages et des dossiers qui ne doivent pas être explorés

C’est le contraire du problème décrit ci-dessus. Cela signifie que les répertoires que vous souhaitez bloquer ne sont pas indiqués dans le fichier. Faites une ligne commençant par Interdire: / pour chacun de ces répertoires et retéléchargez le fichier.

Explicite.

Une fois que vous avez tout corrigé, réimportez votre robots.txt.

3. Dupliquer le contenu

Pour trouver des problèmes de contenu dupliqué sur votre site, vous aurez besoin d’outils tels que Screaming Frog ou DeepCrawl.

Voici ce que vous pouvez trouver:

• Titres de page et méta descriptions

Différentes pages avec les mêmes noms et descriptions dérouteront les utilisateurs. Changez tous vos doublons en quelque chose d’unique.

• Contenu copié à partir de vos propres pages ou d’autres sites

Comme ci-dessus, il est préférable de rendre votre contenu unique. Si ce n’est pas une option, ajoutez un rel = « canonique » balise avec l’URL de l’original dans le section de la page.

• Variations des mêmes URL dans l’index

Parfois, Google indexe la même page plusieurs fois. Cela peut arriver quand il y a des paramètres après son URL ou quand il a les deux http et https versions. Débarrassez-vous de toutes les copies indésirables comme ceci:

• Google Search Console> Anciens outils et rapports> Paramètres d’URL: C’est là que vous apprenez à Google à ignorer les paramètres. Par exemple, https://monsite.com?utm_source=google ne sera pas considéré comme différent de https://monsite.com.
• Configurez 301 redirections des URL en double vers les URL canoniques.

4. Problèmes d’affichage du contenu

Il peut également y avoir des problèmes avec le contenu affiché sur votre site, tels que:

• Images cassées;
• Texte d’ancrage cassé;
• Fichiers JavaScript cassés;
• Liens rompus (et redirections);
• Balises H1-H6 cassées ou manquantes.

Ces problèmes peuvent être trouvés par des outils de référencement tels que WebCEO. Créez simplement un projet pour votre site et scannez-le dans l’outil d’audit technique.

Corrigez ces erreurs en éditant le code HTML sur leurs pages respectives.

5. Erreurs de données structurées

L’ajout de données structurées à vos pages peut demander beaucoup de travail. C’est donc très pénible lorsque les erreurs ruinent non seulement vos efforts, mais également l’apparence de votre site dans la recherche.

Testez les pages que vous avez marquées pour détecter d’éventuelles erreurs avec l’outil gratuit de test de résultats enrichis de Google.

6. Erreurs de code HTML, CSS et autres

Souvent, les erreurs dans le code composant vos pages Web sont facilement détectées lorsque votre contenu ne s’affiche pas correctement. Mais ce n’est pas toujours le cas et l’effet peut être invisible.

Exécutez votre site via un outil gratuit comme W3C Validator pour trouver tous vos problèmes (HTML, CSS, JavaScript, etc.) puis corrigez les pages incriminées.

II. Réduisez le temps de chargement de votre page

La vitesse de chargement des pages est l’un des aspects les plus remarquables de l’expérience utilisateur, en plus d’être un facteur de classement Google. À la base, la vitesse de la page signifie la facilité avec laquelle un site Web interagit avec le serveur.

Comment pouvez-vous faciliter les choses?

1. Réduisez le nombre d’actifs sur la page

Moins d’actifs signifie moins de temps pour tous les traiter. Il peut être amusant d’améliorer votre site, mais toute la fanfare supplémentaire pourrait jouer contre vous. Par exemple, essayez d’être pointilleux avec le thème du site que vous installez.

2. Fusionner les actifs si possible

Une sous-étape du point ci-dessus. Si vous avez deux images placées directement l’une après l’autre, assemblez-les en une seule image. De même, plusieurs .css les fichiers peuvent être combinés en un seul fichier.

3. Optimisez vos images

Les images en haute définition et de qualité sont un must sur n’importe quel site. Cependant, ils ne doivent pas prendre plus de place que nécessaire.

Réduisez ces kilo-octets sans sacrifier la qualité:

• Choisissez le format de fichier qui donne la plus petite taille;
• Redimensionnez les images pour les rendre pas plus grandes que nécessaire;
• Compressez-les avec des logiciels ou des services en ligne comme TinyPNG.

4. Optimisez votre code de page

L’optimisation du code est une compétence inestimable, et pas seulement en programmation. Si vous pouvez simplifier le code composant les pages de votre site, faites-le.

5. Placez les scripts JS à la fin de votre code de page

Laissez tout le reste se charger en premier. Un script JS défectueux peut empêcher le chargement d’une page entière.

6. Investissez dans un bon hébergement

Choisissez le meilleur serveur ou CDN que vous pouvez vous permettre.

7. Utilisez un logiciel de compression

Par exemple, de nombreux sites utilisent Gzip pour compresser leurs fichiers et réduire leur taille jusqu’à un tiers.

8. Utilisez le chargement différé

Lorsqu’il est implémenté sur un site, il reporte le chargement des éléments qui ne sont pas dans votre scroll actuel.

9. Avoir moins de redirections

Si vous avez corrigé vos redirections défectueuses, cela vous aidera également.

Il existe de nombreux outils pour mesurer la vitesse de chargement de votre site:

• Outils de navigateur intégrés, tels que le phare de Chrome DevTools. Notez que leurs performances peuvent être affectées par les extensions actives de votre navigateur.
• Google PageSpeed ​​Insights.
• Outils de référencement payants. Ils mesureront votre vitesse de chargement et offrir des conseils pour l’augmenter. Par exemple, voici ce que vous verrez dans l’outil Page Speed ​​de WebCEO:

III. Optimisez votre site pour mobile

N’oublions pas la différence d’expérience utilisateur entre les différentes plateformes. Les PC et les smartphones sont les principaux prétendants au trafic en ligne, le partageant presque également de moitié.

L’optimisation de votre site pour ces deux géants permet de l’utiliser également sur les autres types d’appareils, donc rendre votre site adapté aux mobiles suffit pour tout type d’objectif.

Les principaux points de l’optimisation mobile sont:

• Temps de chargement de la page;
• Conception réactive;
• Images optimisées;
• Pas de popups obstruant le contenu;
• Aucun contenu non pris en charge.

Nous avons déjà décrit comment maximiser la vitesse de chargement de votre site. Si vous avez fait cela, vous avez terminé la plupart de votre référencement technique pour les appareils mobiles.

Il en va de même pour l’optimisation des images – sauf que vous devez également les rendre facilement discernables sur les petits écrans mobiles sans zoomer.

Éviter le contenu non pris en charge peut être délicat, car cela vous oblige à connaître ces types de contenu. Par exemple, Flash est le pire délinquant depuis des années. Heureusement, Adobe prévoit de le retirer enfin. Gardez un œil sur ces nouvelles à l’avenir afin de savoir quand supprimer ou remplacer quelque chose sur votre site.

Quant à la conception réactive, elle réorganise automatiquement les éléments du site pour les adapter à un écran de n’importe quelle taille tout en les gardant faciles à visualiser. Comme ça:

(Source de l’image: Graphiques Gratzer)

Si vous utilisez un framework comme Bootstrap lors de la création de votre site, il sera automatiquement rendu réactif. Ou vous pouvez le faire vous-même.

• Ajoutez ce code dans le section sur votre site:

• Ajouter le largeur maximale propriété à vos images et vidéos dans leur code HTML. Exemple:

style="max-width:100%; height:auto;">

• Définissez les tailles de police de votre site sur vw unités:

style="font-size:12vw">Lorem ipsum dolor sit amet

Après avoir effectué ces ajouts à votre site, testez-le sur des appareils réels ou avec un service tel que Suis-je réactif?

Pour recevoir une analyse détaillée de votre UX mobile avec des suggestions de résolution de problèmes, scannez votre site avec un outil tel que l’optimisation mobile de WebCEO.

Épilogue

Rendre les sites Web conviviaux nécessite une compréhension approfondie des besoins de votre public.

Ensuite, vous rendez votre site fonctionnel et simpliste à la fois – deux traits qui ne sont pas facilement conciliables.

Enfin, vous utilisez les outils nécessaires pour que votre site fonctionne comme une machine bien huilée.

Mais tous ces efforts sont payants lorsque vos utilisateurs deviennent des habitués.

Facilitons votre travail avec les outils pour améliorer votre expérience utilisateur sur deux fronts: technique et SEO. Analysez votre site et voyez ce que vous pouvez faire dès maintenant pour aider vos utilisateurs.