De nombreux propriétaires d’entreprises en ligne et spécialistes du marketing en ligne connaissent l’importance du référencement dans la conduite du trafic vers votre site. Ce que beaucoup ignorent cependant, c’est le lien entre le référencement et le code source de votre site Web.
Peu importe le nombre d’outils et de plugins de référencement dont vous disposez, vous devrez à un moment donné examiner le code source de votre site Web, soit pour effectuer un audit SEO complet, soit pour vérifier les éléments individuels qui ont un impact sur le référencement de votre site Web.
Vous vous demandez ce qu’est exactement le code source d’un site et ce qu’il fait ?
Normalement, lorsque vous ouvrez une page Web, vous voyez la typographie parfaite, de belles images, divers éléments qui ajoutent à la fonctionnalité, des appels à l’action parfaitement placés, etc.
Sous ces éléments visibles se trouve le code source de votre site Web, qui détermine comment tout apparaît sur votre site Web.
Fondamentalement, le code source alimente l’ensemble de votre site et est responsable de l’apparence, de la convivialité, des fonctionnalités et de l’expérience utilisateur du site.
En plus d’alimenter votre site, le code source est ce que les moteurs de recherche tels que Google lisent pour déterminer si et comment vos pages Web doivent être indexées et comment elles doivent apparaître dans les résultats de recherche.
Cela signifie que votre code source joue un rôle très crucial dans le référencement de votre site.
Si vous avez des erreurs dans votre code source, cela pourrait entraîner des données de référencement inexactes, conduisant à de mauvais classements de recherche.
Par conséquent, il est important de revoir périodiquement le code source de votre site Web et de vous assurer que tout va bien.
La question est de savoir comment visualisez-vous votre code source et à quoi devriez-vous être à l’affût lors de la révision de votre code source ?
COMMENT LIRE LE CODE SOURCE DE VOTRE SITE WEB
Bien que l’affichage du code source de votre site Web soit assez facile, différents navigateurs ont différentes commandes pour afficher le code source.
De plus, les commandes sont différentes pour PC et Mac.
Vous trouverez ci-dessous les commandes permettant d’afficher le code source de votre site Web en fonction de votre système d’exploitation et de votre navigateur.
PC
Firefox: Pour afficher le code source de Firefox sur un PC, maintenez la touche CTRL enfoncée, puis appuyez sur la touche ”U » tout en maintenant CTRL enfoncée. Vous pouvez également afficher le code source de la page en cliquant sur le menu Firefox, en sélectionnant l’option ”Développeur Web » et en cliquant sur « Source de la page. »Alternativement, vous pouvez cliquer avec le bouton droit sur la page Web et cliquer sur « Voir la source de la page. »
Microsoft Edge: Pour afficher le code source de la page sur Microsoft edge, maintenez la touche CTRL enfoncée et appuyez sur « U », ou faites un clic droit sur la page Web et cliquez sur « Afficher la source. »La même chose fonctionne pour Internet Explorer.
Google Chrome: Maintenez la touche CTRL enfoncée et appuyez sur « U ». Sinon, cliquez sur les trois lignes horizontales dans le coin supérieur droit pour faire apparaître le menu Chrome, sélectionnez « Outils” puis cliquez sur « Afficher la source. »
Opéra: Maintenez la touche CTRL enfoncée et appuyez sur « U », ou faites un clic droit sur la page Web et cliquez sur « Voir la source de la page. »
Mac
Safari: Pour afficher le code source de la page sur Safari, maintenez les touches « Option” et « Commande” enfoncées et appuyez sur la touche « U”. Sinon, faites un clic droit sur la page Web et cliquez sur « Afficher la source de la page. »
Firefox: Vous pouvez afficher le code source de la page en maintenant la touche « Commande” enfoncée et en appuyant sur U. Sinon, allez dans le menu Firefox, sélectionnez « Développeur » puis cliquez sur ”Voir la source de la page » ou faites un clic droit sur la page Web et cliquez sur « Source de la page. »
Chrome : Maintenez enfoncées les touches « Option” et « Commande”, puis appuyez sur « U”. Vous pouvez également accéder au menu Chrome, cliquer sur « Plus d’outils” et sélectionner « Outils de développement ».”Vous pouvez également afficher le code source en cliquant avec le bouton droit de la souris sur la page et en sélectionnant « Afficher la source. »
POURQUOI IL EST IMPORTANT DE LIRE LE CODE SOURCE DE VOTRE SITE WEB
Comme je l’ai mentionné précédemment, le code source de votre site Web a un impact énorme sur le RÉFÉRENCEMENT de votre site Web.
L’affichage de votre code source est un moyen facile de vérifier si divers aspects du référencement de votre site sont correctement configurés.
De plus, la vérification du code source de votre concurrent vous permet de voir ce qu’il fait sur ses sites Web.
Vous pouvez désosser ce qui se trouve sur leur code source pour obtenir des résultats similaires sur votre site Web.
Voici quelques raisons pour lesquelles vous devriez lire votre code source.
Il est utile pour Vérifier les balises de titre
La balise de titre est l’un des éléments les plus importants pour votre référencement sur la page, et est donc la chose la plus importante à vérifier lors de la révision de votre code source.
Chaque fois que vous recherchez quelque chose sur Google, tous les résultats que vous obtenez proviennent des balises de titre des différentes pages Web vers lesquelles les résultats pointent.
Cela signifie que, sans balises de titre sur votre site Web, votre site Web ne peut être trouvé sur aucun moteur de recherche.
Pour comprendre l’importance de la balise de titre, j’utiliserai une illustration. Lorsque vous recherchez le nom « Cleverism », c’est ce qui apparaît.
La partie surlignée en rouge est directement dérivée de notre balise de titre. Lorsque vous allez de l’avant et ouvrez notre site Web et affichez le code source, c’est ce que vous verrez.
La partie en surbrillance, qui apparaît entre la balise d’ouverture <title > et la balise de fermeture </title la balise > est ce qu’on appelle la balise title.
Comme vous pouvez le voir, il est exactement similaire à ce qui apparaît sur les résultats de recherche lorsque vous recherchez le terme « Cleverism.”
Lors de la lecture du code source de votre site Web, la première chose que vous devez vous assurer est que chacune de vos pages Web a une balise de titre. Il n’est pas surprenant de trouver des pages Web qui n’ont pas de balises de titre.
N’oubliez pas que si votre site Web n’a pas de balises de titre, il n’apparaîtra jamais sur les résultats de recherche. Vous devez également vous assurer que votre balise de titre se trouve dans la section <head> de votre page Web.
En plus d’être nécessaire pour que votre site Web apparaisse dans les pages de résultats des moteurs de recherche, votre balise de titre influence également votre apparence dans les résultats de recherche. Google et d’autres moteurs de recherche examinent les mots-clés de votre balise de titre pour déterminer de quoi parle votre site Web ou votre page Web.
Par exemple, dans notre exemple ci-dessus, si quelqu’un recherche l’expression « obtenez l’emploi de vos rêves”, il peut tomber sur notre site Web, car nous avons la même phrase dans notre balise de titre.
Par conséquent, si vous souhaitez que votre page se classe pour un sujet particulier, vous devez vous assurer que la balise de titre de cette page inclut des mots liés à ce sujet. Vous pouvez consulter cet article pour en savoir plus sur l’optimisation des balises de titre.
Une autre chose importante à garder à l’esprit en ce qui concerne les balises de titre est que vous ne devez avoir qu’une seule balise de titre pour chaque page Web et que chaque balise de titre sur votre site doit être unique.
De plus, vous devez vous assurer qu’il existe une balise de titre pour chaque page de votre site Web.
Aide à Contre-vérifier Vos Méta-descriptions
Une autre chose que vous devriez vérifier lors de l’examen du code source de votre site Web est vos méta-descriptions.
Tout comme les balises de titre, les méta-descriptions se trouvent également dans la section <head> du code HTML de votre site Web. La description en métal est essentiellement une description courte (160 caractères) de ce qu’est une page Web.
Lorsque votre page Web apparaît dans les pages de résultats des moteurs de recherche, la méta-description apparaît juste en dessous de la balise de titre.
Une fois de plus, effectuons une recherche du terme « intelligibilité” pour comprendre quel rôle joue la méta description.
Lorsque vous recherchez le nom « Cleverism », c’est ce qui apparaît.
La partie surlignée en rouge est ce qui est contenu dans la méta description. Lorsque vous revenez au code source de notre site Web, voici ce que vous verrez.
La partie en surbrillance est ce que l’on appelle la méta description.
Comme vous pouvez le voir, il est exactement similaire à ce qui apparaît sur les résultats de recherche sous la balise de titre lorsque vous recherchez le terme « Cleverism.
Comme les gens peuvent lire votre méta description sans avoir à ouvrir votre site Web, la méta description agit comme une copie publicitaire gratuite qui aide les visiteurs potentiels à déterminer s’ils trouveront ce qu’ils recherchent sur votre site Web.
Un nombre étonnamment élevé de propriétaires et de développeurs de sites Web oublient la méta description, mais vous ne devez pas l’ignorer.
Vérifiez et assurez-vous que chaque page de votre site Web a sa méta-description, et en même temps assurez-vous que vous n’avez pas plusieurs méta-descriptions.
Parfois, vous pouvez avoir deux plugins différents qui pourraient entraîner la duplication de votre méta-description.
Vous devez également vous assurer que la méta description est unique pour chaque page. Résistez à la tentation de dupliquer la même méta-description sur chaque page.
De plus, assurez-vous que les méta-descriptions se trouvent dans la section <head> de votre code HTML.
Enfin, puisque la méta description est essentiellement une publicité gratuite qui détermine si les gens cliquent sur votre site Web, prenez un moment pour créer une excellente copie qui vous aidera à augmenter vos clics et à attirer plus de visiteurs sur votre site.
C’est utile pour contre-vérifier Vos balises d’en-tête
La prochaine chose que vous devez vérifier lors de la révision de votre code source est de savoir si vous utilisez correctement les balises d’en-tête, car elles ont également un impact sur votre référencement sur la page.
Il existe différents niveaux de balises de titre, les plus courantes étant les balises H1, H2 et H3.
La première chose à faire lors de la vérification de vos balises d’en-tête est de s’assurer que vous n’avez pas plus d’une balise H1 sur une seule page.
Parfois, selon votre CMS, votre thème WordPress ou vos plugins installés, vous pouvez trouver plusieurs balises H1 sur une seule page Web.
Le problème avec cela est que la plupart des moteurs de recherche l’interprètent comme une sur-optimisation, ce qui n’est pas une bonne idée pour votre référencement.
Par conséquent, assurez-vous qu’il n’y a qu’une seule balise H1 par page Web, et cela devrait être utilisé pour donner aux visiteurs une idée claire de ce à quoi s’attendre sur la page.
Vous devez également vérifier si vous avez des balises H2 et H3 sur vos pages Web.
Ils sont utilisés pour séparer le contenu afin d’améliorer la lisibilité.
Vous pouvez également inclure des mots-clés secondaires dans les balises H2 et H3 pour compléter vos mots-clés principaux.
Contrecheck Your Scripts
Les scripts sont parfaits pour votre site Web. Ils sont utiles pour ajouter des fonctionnalités à votre site. Les scripts les plus couramment utilisés sont JavaScript.
Malgré leur utilité, les scripts peuvent nuire au référencement et à l’expérience utilisateur de votre site. Tout d’abord, avoir trop de scripts ralentit votre temps de chargement.
De plus, de nombreux développeurs chargent les scripts près de la tête du contenu.
L’idée derrière cela est qu’il permet aux scripts de se charger tôt lorsqu’un visiteur ouvre la page.
Le problème avec cela, cependant, est que le chargement précoce de vos scripts signifie que le chargement de votre site prend beaucoup plus de temps.
Alors, pourquoi est-ce un problème? Les internautes ont très peu de patience.
Pour chaque seconde pendant laquelle vos visiteurs attendent le chargement de votre page, vous pourriez subir une baisse de conversion pouvant atteindre 7% lorsque les visiteurs abandonnent votre site.
Cela peut avoir un impact significatif sur les revenus de votre site.
C’est pourquoi il est très important de contre-vérifier vos scripts.
La première chose à faire ici est de vérifier le nombre de scripts sur votre site.
Combien sont-ils ? Avez-vous réellement besoin de tous ces scripts?
Parfois, vous découvrirez peut-être que certains scripts sont toujours actifs sur votre site Web même s’ils ne sont plus nécessaires.
Non seulement de tels scripts ralentissent votre temps de chargement, mais ils peuvent également entraîner des erreurs supplémentaires.
L’autre chose à faire est de déplacer les scripts au bas de la page. Placez-les juste avant la balise de fermeture <body> dans le code HTML de votre site.
Vous pouvez également créer un fichier JavaScript contenant tous vos scripts, puis créer un lien vers ce fichier au bas de votre code HTML.
L’une ou l’autre de ces deux approches signifie que les scripts n’ont pas à se charger avant le reste du site, ce qui entraîne une augmentation significative de la vitesse de chargement de votre site.
Lors de la contre-vérification de vos scripts, vous devez également vérifier si les codes de suivi installés, tels que le code de suivi Facebook ou Google Analytics, sont correctement installés.
Si ces codes de suivi ne sont pas correctement installés, il est possible que vous ne collectiez aucune donnée pertinente.
Enfin, la contre-vérification de vos scripts vous permet de découvrir si votre site a été piraté. Au fur et à mesure que vous parcourez les scripts installés, confirmez que tous les scripts actifs ont été autorisés par vous.
Si vous trouvez un script que vous ne reconnaissez pas ou que vous n’avez pas autorisé, il y a une chance qu’il ait pu y être injecté par un pirate informatique.
L’affichage de votre code source est le seul moyen d’obtenir une visibilité complète de tous les scripts installés sur votre site.
Vérifiez les liens NoFollow
En tant que propriétaire de site Web ou spécialiste du marketing Internet, vous savez probablement à quel point la création de liens est importante pour vos efforts de référencement.
Cependant, tous vos backlinks peuvent ne servir à rien s’ils ne sont pas suivis.
Pour comprendre ce que sont exactement les nofollows et pourquoi il est important de les vérifier, je dois parler de quelque chose appelé « jus de lien.”
Lors de l’indexation des sites Web, les moteurs de recherche interprètent les liens vers votre site comme des mentions provenant d’autres sites Web. Si quelqu’un a choisi de créer un lien vers votre contenu, cela signifie que le contenu de votre site est pertinent et précieux.
Plus vous avez de sites externes liés à votre site, plus votre site est perçu comme faisant autorité par les moteurs de recherche, ce qui augmente la probabilité que votre site soit classé plus haut par les moteurs de recherche.
L’influence de ces liens sur vos classements de recherche est ce que l’on appelle en termes non scientifiques le jus de lien.
Parfois, vous pouvez coder un attribut dans des liens pour empêcher le jus de lien de passer au site lié. Ces attributs sont connus sous le nom de nofollows.
Fondamentalement, l’attribut nofollow indique aux robots des moteurs de recherche qui parcourent un site d’ignorer ce lien.
Si un site Web lié à votre site n’a pas suivi le lien, le lien ne transmet aucun jus de lien et ne contribue pas à votre classement de recherche.
C’est pourquoi il est important de parcourir votre code source et de vérifier les liens externes qui ont l’attribut nofollow même s’ils ne le devraient pas.
Vérifiez l’optimisation de l’image
Saviez-vous que les images de votre site contribuent également au référencement de votre site?
La clé pour utiliser des images à des fins de référencement est de s’assurer que vos images ont des balises title et alt.
Les robots des moteurs de recherche qui parcourent les sites Web n’ont pas la possibilité de visualiser ce qui est contenu dans les images.
Avec les balises alt title et image, vous fournissez à ces robots un moyen de comprendre en quoi consiste votre image.
La balise titre de l’image donne un titre à l’image, tandis que la balise image alt contient une brève description de l’image.
L’utilisation des balises title et alt pour vos images est particulièrement importante si vous utilisez les images pour vendre des produits sur un site de commerce électronique.
Lorsque vous utilisez des images pour le commerce électronique, vous devez inclure le nom de marque du produit et une brève description dans votre balise image alt.
Les autres images qui doivent avoir des balises alt incluent des logos, des infographies, des diagrammes explicatifs, des photos d’équipe, etc.
Cependant, il n’est pas nécessaire d’inclure des balises alt pour les images décoratives, telles que celles qui apparaissent dans le carrousel d’images en haut de votre page.
Lors de la rédaction de la description de vos balises alt d’image, évitez de bourrer trop de mots-clés, car cela pourrait entraîner une sanction de votre site.
Lors de l’examen de la source de votre page, vous pouvez afficher les images soit en recherchant la balise <img >, soit en accédant au panneau « éléments” après avoir ouvert le code source.
Dans le panneau éléments, vous pouvez vérifier la taille des images pour voir si elles augmentent votre temps de chargement.
Vous pouvez également vérifier leur réactivité pour voir si elles sont optimisées pour la visualisation sur différents écrans.
Countercheck Meta Robots Tags
C’est une autre chose courante que beaucoup de spécialistes du marketing et de propriétaires de sites Web oublient ou choisissent d’ignorer.
Les balises meta robots donnent des instructions aux robots des moteurs de recherche pour savoir si des pages spécifiques doivent être indexées ou non, si les liens dans le contenu doivent être suivis ou non, etc.
Voici pourquoi il est très important de contre-vérifier vos balises meta robot.
Si le contenu de vos balises meta robot est incorrect, cela donnera les mauvaises instructions aux robots des moteurs de recherche, ce qui signifie que vous saboterez vos propres efforts de référencement en empêchant ces robots d’indexer votre contenu.
Si vous lisez la source de la page de cet article sur notre site Web, vous remarquerez qu’il a une balise meta robot, qui est mise en évidence dans l’image ci-dessous.
Cette balise meta permet aux robots d’exploration de savoir que cette page doit être indexée et que les liens sur la page doivent être suivis.
Confirmez que Google Analytics est correctement installé
En tant que webmaster ou marketeur en ligne, vous utilisez probablement déjà Google Analytics pour surveiller et suivre diverses statistiques sur votre site Web.
Cependant, il est possible que Analytics ne soit pas installé sur chaque page, auquel cas vous ne surveillez peut-être pas certaines statistiques importantes.
Heureusement, vous pouvez vérifier si Analytics est correctement installé via le code source de votre site Web.
Pour vérifier l’installation de Google Analytics, ouvrez simplement le code source de votre site Web et recherchez « UA.”Par exemple, si nous ouvrons le code source de l’article que nous avons utilisé dans l’exemple ci-dessus, vous remarquerez que Google Analytics est installé sur la page.
Si vous rencontrez les lettres UA suivies d’un code à 7 ou 8 chiffres, cela indique que Google Analytics est installé sur cette page (et non sur l’ensemble du site Web).
Vous devez également vérifier que le code de suivi n’apparaît pas plus d’une fois sur une seule page.
Répétez cette procédure sur chaque page pour vous assurer que Analytics est installé sur le reste des pages.
Si vous tombez sur une page qui n’a pas de code de suivi, cela signifie que vous n’obtenez aucune analyse de cette page.
Si vous avez un site énorme tel que vous ne pouvez pas vérifier manuellement le code de suivi des analyses sur chaque page, vous pouvez utiliser un outil comme xml-sitemaps.com pour vous faciliter le travail.
CONCLURE
Vous ne l’avez peut-être pas envisagé, mais consulter le code source de votre site Web peut être un excellent moyen d’effectuer un audit SEO sur votre site et de confirmer que tout sur votre site est correct.
La meilleure partie à ce sujet est que vous n’avez pas besoin d’être un développeur Web ou d’avoir beaucoup d’expertise technique pour sélectionner le code source de votre site Web.