Liste de contrôle pour le lancement d'une nouvelle page Web

,

12 choses à faire après le lancement d’une nouvelle page sur votre site.

Liste de contrôle de lancement de page

Les nouvelles pages s'accompagnent de nouvelles erreurs. Chaque lancement d'une nouvelle page présente des problèmes imprévus qui peuvent s'avérer coûteux une fois rendus publics.

Ayant déjà lancé des milliers de pages, j'ai compilé une liste d'étapes à suivre après l'ajout d'une page à un site. Cette liste vous fera gagner du temps, de l'argent et des efforts, car elle couvre tous les aspects d'une page, du design au référencement, en passant par l'analyse et les réseaux sociaux.

  • Page de révision des problèmes UX/UI

    • visitez votre site depuis votre tablette, PC et mobile, naviguez sur la page comme un utilisateur normal et voyez s'il y a quelque chose qui ne va pas.
    • Les images, vidéos et fichiers audio sont aux bons endroits, formatés et fonctionnent sur tous les appareils.

  • Vérifiez la page pour les problèmes de réactivité

    • Vous pouvez le faire en visitant le site sur plusieurs appareils.
    • ou vous pouvez utiliser un outil tel que https://responsivedesignchecker.com/ qui vous permettra de tester le style et l'apparence de votre site sur différents appareils et navigateurs.
    • Vérifiez si la page est adaptée aux mobiles – https://search.google.com/test/mobile-friendly cela vous permettra de savoir si la page se charge correctement sur les appareils mobiles et s'il existe des problèmes de conception ou de code que vous devez résoudre.

  • Testez la page sur Google Analytics, assurez-vous que le code de suivi a été ajouté à la page.

    • Vous pouvez soit utiliser la vue source et voir si le code y est ajouté.
    • Vous pouvez également visiter la page et consulter les rapports en temps réel dans Google Analytics pour voir si le trafic arrive.

  • Consultez la page pour les problèmes de performances de chargement – https://developers.google.com/speed/pagespeed/insights/

    • Cela vous permettra de voir si votre page se charge correctement et suffisamment rapidement sur différents appareils, et cela vous fournira différentes recommandations qui aideront à améliorer les performances, certaines des recommandations seront liées à la compression du code ou des images.

  • Vérifiez vos images

    • Vérifiez s’ils se chargent correctement sur tous les appareils.
    • Vérifiez si vous avez ajouté les balises Titre et Alt appropriées.

  • Vérifiez que votre contenu est optimisé pour le référencement

    • Mesurer la densité des mots-clés.
    • Vérifiez la taille du contenu.
    • Vérifiez si le contenu a une grande lisibilité.
    • Vérifiez si vous utilisez les bons mots-clés.
    • Vérifiez si vous utilisez une balise de titre optimisée.
    • Vérifiez si vous utilisez une balise de description optimisée.
    • Faible ratio texte/HTML
    • Assurez-vous que la page a suffisamment de contenu (évitez d'avoir une page avec un contenu mince)

  • Vérifiez qu'il n'y a pas de problèmes techniques de référencement sur la page

    • Assurez-vous que la page est indexable.
    • Vérifiez la balise méta du robot sur la page.
    • Vérifiez si la page est ajoutée au plan du site.
    • Vérifiez si les pages utilisent le balisage de schéma
    • Vérifiez si la page a le bon rel=canonical
    • Assurez-vous que la page est sécurisée – fonctionne sur HTTPS
    • Assurez-vous qu'Open Graph et Twitter Card fonctionnent correctement.
    • Assurez-vous que vous utilisez la déclaration de langue appropriée – le hreflang approprié.
    • Assurez-vous que la page ne contient aucune erreur AMP.

  • Formulaire de test et liens s'il y en a.

  • Tester les liens externes

    • Assurez-vous que les liens externes s'ouvrent dans une nouvelle fenêtre
    • Assurez-vous que les liens externes sont définis sur « Nofollow » si nécessaire.
    • Vérifiez les liens brisés.

  • Tester les liens internes

    • Cliquez sur chaque lien et voyez s'ils mènent à la bonne page à laquelle ils sont censés accéder.
    • Assurez-vous d’utiliser le bon texte d’ancrage.
    • Vérifiez les liens brisés.

  • Assurez-vous que le texte est exact et sans erreur.

    • Vérifiez les fautes d’orthographe et de grammaire.
    • Assurez-vous d’utiliser une seule langue de manière cohérente.

  • Créer une sauvegarde

 

N'oubliez jamais que nous ne pouvons pas tout prévoir et que certains éléments ne figurent pas sur cette liste et que vous pourriez les rencontrer.

Cela dit, il s’agit d’un excellent point de départ pour garantir que votre nouvelle page fonctionnera bien sur différents appareils, canaux et navigateurs, tant pour les utilisateurs que pour les moteurs de recherche.

En savoir plus sur comment le code peut affecter votre référencement.

Découvrez comment le marketing numérique peut développer votre entreprise en 2021.

/par

Meilleures pratiques de code pour le référencement

La plupart des outils utilisés pour auditer un site ne prennent pas en compte tous ses attributs. Cela dit, l'essentiel en SEO est de tout mettre en œuvre et d'exploiter chaque opportunité et information disponible pour garantir la qualité du code de votre site. Un code performant est en effet essentiel à un SEO performant.

Il existe plusieurs façons de déterminer si le code du site entrave le potentiel SEO de votre site.

HTML solide

La première méthode d'investigation du code du site consiste à utiliser le validateur HTML :  https://validator.w3.org/

Cet outil vous permet d'analyser le code de votre site et d'identifier les points à améliorer. Autrement dit, il vérifie la validité du balisage et met en évidence les erreurs dans les flux, les styles CSS, le contenu optimisé pour les appareils mobiles, ainsi que les codes et liens défectueux.

Lorsque vous saisissez l'URL de votre site dans l'outil de validation W3, une liste d'erreurs et d'avertissements s'affiche. Voir l'illustration ci-dessous :

Figure 31.1 – Exemple d'instantané des outils de validation W3 – https://validator.w3.org/

La plupart des informations de cette liste peuvent être transmises au programmeur ou au développeur qui gère le site. Il ou elle doit prendre l'initiative de corriger ces problèmes, car toute modification effectuée sans une bonne connaissance du langage de programmation, du backend, de l'environnement, etc. peut avoir des conséquences négatives sur le référencement, l'expérience utilisateur, etc.

 

Pourquoi est-il important de résoudre ces problèmes ?

Les robots des moteurs de recherche et les navigateurs analysent votre site de la même manière. Ils parcourent le backend de votre code et analysent le code et le texte du site.

Lorsqu'un robot d'un moteur de recherche parcourt votre site, s'il trouve de nombreuses erreurs, il interprétera cela comme le signe d'une page ou d'un site globalement mal structuré et mal entretenu. Il recherche quelque chose d'utile et d'accessible. Or, une page mal structurée et mal entretenue ne correspond pas à ce critère.

De plus, ces erreurs peuvent entraîner d'importants retards de chargement du site ou un affichage incorrect de la page web. Cela peut nuire à l'expérience utilisateur, un facteur crucial pour le classement dans les résultats de recherche (SERP).

 

Ratio code/texte SEO

Un autre facteur important auquel nous devons prêter attention en matière de référencement et de code est le rapport code/texte.

Même si ce n'est plus aussi important qu'il y a quelques années, le rapport code/texte est une bonne pratique à surveiller.

Par le passé, les experts SEO avaient tendance à ajouter beaucoup de code à leur site plutôt que du texte visuel pour tromper les moteurs de recherche. Avec l'amélioration de leur intelligence, ces moteurs ont commencé à analyser ce ratio pour s'assurer que le code affiché aux moteurs de recherche et aux robots se reflète dans le texte visible par les utilisateurs. Cette « astuce d'expert » est rapidement devenue inefficace et la plupart des utilisateurs ont abandonné cette pratique.

Aujourd'hui, lorsqu'un moteur de recherche ou un robot rencontre un mauvais rapport code/texte, cela indique généralement l'une des deux choses suivantes :

  • Celui qui gère le site essaie de se démarquer des autres sur les moteurs de recherche en leur montrant une chose et aux visiteurs autre chose.
  • La page n'est pas bien entretenue et contient beaucoup de code restant ou désordonné qui ne sert à rien.

Aucun de ces éléments ne semble utile ni accessible. Ainsi, même si l'on entend souvent dire que ce ratio n'a pas d'impact direct sur le classement d'un site, il a bel et bien un impact indirect. L'impact indirect le plus courant est le retard de chargement dû à un code brouillon. Retards de chargement = mauvaise expérience utilisateur = moteurs de recherche mécontents.

Ce ratio peut également indiquer que le contenu de la page est faible, ce qui signifie qu'il est insuffisant pour apporter une réelle valeur ajoutée. Selon une étude SEMrush de 2018, les pages les plus consultées sur Google ont 451 pages de contenu de plus que les 20 pages les plus consultées sur les SERP. Un ratio code/texte sain est donc essentiel.  https://www.semrush.com/

 

Comment vérifier le rapport code/texte d'une page Web ?

Pour tester le rapport code/texte, consultez cet outil : https://smallseotools.com/code-to-text-ratio-checker/

Il s'agit d'un excellent outil de Small SEO Tools qui vous permet d'obtenir le pourcentage de code par rapport au texte que vous avez sur une page.

Que signifient ces pourcentages ?

Si le pourcentage est inférieur à 20%, comme dans l'exemple ci-dessus, vous devrez apporter quelques modifications.

Si le pourcentage est supérieur à 20%, vous êtes dans la zone de sécurité. Ceci dit, il est recommandé d'ajouter du texte tout en maintenant une page attrayante, pour augmenter vos chances d'obtenir un bon classement.

Comment pouvons-nous résoudre le problème ?

Que faire si votre ratio est inférieur à 20% ? Que faire ? Il existe deux solutions.

  • Ajoutez du contenu à votre site ou page. Plus vous ajoutez de texte, plus votre ratio est élevé. N'oubliez pas la règle d'or : créez d'abord pour l'utilisateur, et non pour les moteurs de recherche.
  • Nettoyez votre code et supprimez tout ce qui n’est pas utilisé ou qui est inutile.

L'approche de la source de la page d'affichage

Pour moi, c'est un de mes préférés. Rien ne vaut l'observation du code et la compréhension du processus de chargement du site.

Pour voir le code de votre page, il vous suffit de faire un clic droit, puis de cliquer sur « afficher le code source de la page ».

Le code peut paraître complexe au premier abord. Mais si vous savez ce que vous cherchez, tout devrait bien se passer.

Pour ma part, je recherche toujours du JavaScript inutile.

Voici ce qu'il faut faire :

Accédez à Google Speed Text/Google Page Insights

Si vous voyez qu'il y a des notifications concernant JavaScript, c'est généralement l'occasion de nettoyer un peu de code.

Par exemple, si vous allez sur un site et voyez du code JavaScript pour un pixel Facebook, plus pour un pixel LinkedIn, plus pour Google Analytics, puis Crazy Egg, Google Search Console, Bing Ads, Bing Web Master Tools…

Au lieu de laisser tout ce code flotter, je vous recommande de créer un compte GTM et d'y ajouter toutes les balises, tout en installant uniquement la balise GTM sur le site. Ainsi, vous n'aurez du code que pour une seule balise au lieu de plusieurs. Selon le nombre de balises sur un site ou une page, cela peut avoir un impact significatif sur le ratio code/texte.

Pour en savoir plus sur le référencement, consultez La méthode SEO.

/par