Éléments et meilleures pratiques dans les métadonnées HTML

Les balises META sont de brefs extraits d'un code qui informent les moteurs de recherche d'informations cruciales sur votre page Web. Ils contrôlent également la façon dont les navigateurs Web s'affichent pour les visiteurs. Les balises META sont présentes sur chaque page Web et vous ne pouvez les voir que dans le code HTML. Voici une liste d'exemples de balises méta pour le référencement.

• Meta Description
• Méta-robots
• Méta titre
• Jeu de caractères méta
• Redirection de méta-actualisation
• Méta fenêtre d'affichage

Méta-titre

Le titre de la page affiché par Google et les autres moteurs de recherche dans les résultats de recherche est le méta-titre. Un titre HTML fournit aux utilisateurs un aperçu rapide du contenu d'un résultat et de sa pertinence par rapport à la requête. C'est généralement la forme d'information de base qui détermine sur quel résultat cliquer. L'utilisation de titres de haute qualité sur vos pages Web est très importante pour le référencement. Voici un exemple de méta titre :

Les meilleures pratiques

• Utilisez une balise de titre spéciale pour vos pages
• Les titres doivent être brefs et descriptifs
• Évitez d'utiliser des titres génériques et vagues
• Utilisez la casse du titre ou de la phrase
• N'utilisez pas de click-bait mais plutôt quelque chose qui mérite d'être cliqué
• Faire correspondre l'intention de recherche
• Utilisez 60 caractères ou moins
• Inclure des mots-clés cibles si nécessaire

Trouver et corriger les erreurs de balise de titre

Assurez-vous que votre balise de titre n'est ni trop longue ni trop courte. Évitez les titres inutilement longs ou verbeux tout en les gardant concis et descriptifs. Assurez-vous que chaque page a une balise de titre. Évitez plusieurs balises de titre HTML sur la page, car les moteurs de recherche peuvent afficher une balise de titre non pertinente s'il existe plusieurs pages Web. Titres en double sur plusieurs pages. Il est très important que chacune des pages de votre site ait un titre unique et descriptif.

Testez le référencement et les performances de votre site en 60 secondes !

Une bonne conception de site Web est essentielle à l'engagement et aux conversions des visiteurs, mais un site Web lent ou des erreurs de performances peuvent rendre même le site Web le mieux conçu sous-performant. Diib est l'un des meilleurs outils de surveillance des performances et du référencement des sites Web au monde. Diib utilise la puissance du Big Data pour vous aider à augmenter rapidement et facilement votre trafic et vos classements. Comme on le voit dans Entrepreneur !

• Outil de référencement automatisé facile à utiliser
• Surveillance des mots-clés et des backlinks + idées
• Assure la vitesse, la sécurité, + le suivi Core Vitals

• Suggère intelligemment des idées pour améliorer le référencement
• Plus de 250 000 000 membres dans le monde
• Analyse comparative et analyse des concurrents intégrée

Par exemple « www.diib.com »

Inscription gratuite

Utilisé par plus de 250 000 entreprises et organisations :

• 
• 
• 
• 

Se synchronise avec

Meta Description

Une méta description donne une brève description d'une page Web. Les moteurs de recherche l'utilisent pour afficher une page Web dans les résultats de recherche. Il informe et suscite l'intérêt des utilisateurs à l'aide d'un résumé bref et précis du contenu d'une page particulière. Une méta description rassure l'utilisateur qu'il est sur la bonne page et exactement ce qu'il recherche. Cependant, ils ne sont pas utilisés par Google comme facteur de classement direct. L'image ci-dessous montre une méta description :

Les meilleures pratiques

• Rédigez une description unique et compréhensible pour chaque page
• Fournir un résumé précis
• N'utilisez pas de descriptions génériques
• Utilisez les principaux mots-clés de manière appropriée dans une phrase significative
• Utiliser la casse de la phrase
• N'utilisez pas de click-bait mais écrivez quelque chose qui mérite d'être cliqué
• Faire correspondre le but de la recherche
• Utilisez 160 caractères ou moins

Erreurs courantes de méta-description

Les erreurs les plus courantes lors de la rédaction d'une méta description sont presque similaires à celles des balises de titre. Une méta description trop longue ou trop courte. Il n'y a généralement pas de limite à la longueur d'une méta description. Afin de s'adapter à la largeur de l'appareil, les résultats de recherche extraits sont généralement raccourcis. Une autre erreur est lorsqu'une page Web manque complètement de méta description.

Assurez-vous de l'écrire sur votre site. Vous pouvez également avoir une page avec plus d'une méta description, mais cela peut perturber les moteurs de recherche. Avoir des méta descriptions similaires sur plusieurs pages est également une erreur courante. Assurez-vous que chaque page a sa propre description unique.

Méta Robots

Les méta-robots permettent au moteur de recherche d'explorer les pages Web et offrent également des instructions sur la façon de le faire. La présence de votre site dans les résultats de recherche peut avoir un impact négatif si vous n'utilisez pas les bons attributs dans la balise meta robots. Comprendre cette balise et l'utiliser efficacement aura un impact considérable sur votre référencement.

Les valeurs d'index indiquent aux robots de faire l'indexation de la page, tandis que la valeur noindex indique aux robots de ne pas faire l'indexation de la page. Les bots sont chargés par la valeur suivante d'explorer les liens sur la page pour se porter garant pour eux, tandis que la valeur nofollow leur indique de ne pas explorer les liens sur la page pour éviter toute approbation.

Les meilleures pratiques

N'utilisez les balises méta robot que lorsque vous limitez les explorations Google sur une page et évitez de bloquer les pages avec des balises méta robot dans les robots.

Erreurs courantes des méta-robots

Certaines des erreurs typiques des méta-robots incluent les robots qui ne bloquent aucune page d'index. Cela rend difficile pour Google de voir la balise robots noindex et peut continuer à indexer l'URL. Un meta noindex escroc réduit le trafic organique de la page en empêchant Google de l'indexer. Rogue meta nofollow empêchera Google d'explorer les liens de la page et réduira les chances de découvrir et d'indexer du contenu crucial. Cela peut également empêcher le flux de PageRank vers des pages importantes.

Meta Viewport

Une fenêtre méta définit la zone visible de la page Web et donne des instructions sur la façon dont la page sera affichée par le navigateur sur différentes tailles d'écran. Ceci est important car les pages Web adaptées aux mobiles sont mieux classées dans les résultats de recherche mobile de Google.

Les meilleures pratiques

Il est crucial que vous utilisiez la fenêtre de visualisation méta sur toutes les pages Web et avec la balise standard.

Méta jeu de caractères

Cette balise détermine l'encodage des caractères pour votre page ou indique simplement au navigateur comment afficher les caractères et le texte sur la page. Il existe deux jeux de caractères communs, notamment UTF-8 utilisé pour encoder Unicode et ISO-8859-1 utilisé pour encoder l'alphabet latin. Encoder avec le mauvais caractère entraînera un affichage incorrect du navigateur.

(Crédit d'image : Apprendre les didacticiels Web)

Les problèmes de formatage des caractères entraînent une expérience utilisateur négative et vos pages peuvent sembler brisées. D'autres problèmes que cela peut causer incluent moins de personnes qui se connectent à votre page, un faible temps d'attente, un faible temps sur la page, un taux de rebond élevé et le moteur de recherche peut ne pas comprendre votre contenu.

Les meilleures pratiques

• Utilisez toujours la balise meta charset sur toutes vos pages Web
• Utilisez Unicode/UTF-8 si possible

Il est important de vérifier toutes vos pages Web pour vous assurer qu'elles utilisent l'encodage UTF-8.

Redirection de méta-actualisation

Cette balise redirige l'utilisateur vers une autre URL après un certain temps. Google comprend et respecte les balises de redirection meta refresh, mais il est préférable de ne pas les utiliser dans le référencement. En effet, la plupart des navigateurs ne les prennent pas en charge et peuvent semer la confusion chez l'utilisateur tout en soulevant des problèmes de sécurité. Cela prend également du temps car les pages doivent être analysées avant que l'URL de destination ne soit visible. Voici à quoi ressemblera cette balise :

(Crédit image : HostPapa)

Les meilleures pratiques

• N'utilisez les balises de redirection meta refresh que lorsque cela est nécessaire

Il est préférable d'éviter d'utiliser des redirections de méta-actualisation dans la mesure du possible, car il s'agit d'une mauvaise pratique. Si vous en avez sur vos pages Web, vous pouvez utiliser des redirections 301 ou 302 à la place, si possible.

Méta-mots clés

Les mots-clés méta sont un bon exemple de balise méta qui est souvent utilisé de nos jours. Il n'est pas conseillé d'ajouter la balise meta keywords avec une liste de mots clés cibles puisque Google a cessé d'utiliser des mots clés pour les classements. En effet, de nombreuses personnes ont inséré des mots clés non pertinents sans que les utilisateurs ne voient jamais ces mots clés. Google n'a pas tenu compte de la balise meta des mots-clés car elle était souvent utilisée de manière abusive.

Bing utilise désormais la balise META des mots-clés pour signaler le spam, cela pourrait donc jouer contre vous. Il est préférable de supprimer la balise de votre site.

Les métadonnées sont des données qui fournissent des informations sur d'autres données. Les métadonnées HTML résument les informations de base sur les données, ce qui facilite la recherche et l'utilisation de ces données particulières. Il peut être créé manuellement pour plus de précision ou automatiquement pour offrir des informations plus basiques. Les données Mata sont utilisées pour les fichiers de documents, les images, les vidéos, les feuilles de calcul et les pages Web.

Qu'est-ce qu'un générateur de balises Meta ?

Un générateur de balises méta vous permet de développer les balises méta HTML requises et les plus utiles pour le référencement.

Meilleures pratiques lors de l'utilisation de métadonnées HTML

Toujours déclarer un Doctype

Une déclaration doctype devrait être la première chose dans vos balises méta HTML pour le référencement. Il informe le navigateur de l'utilisation des normes XHTML. Il est conseillé d'utiliser le doctype strict XHTML 1.0, bien qu'il soit considéré comme un choix difficile par certains développeurs. Il s'assure que votre code est strictement conforme aux dernières normes.

Utilisez des balises de titre significatives

Les balises de titre permettent à la page Web d'être plus significative et plus conviviale pour la recherche.

Utiliser la liste descriptive des balises Meta

Une liste de balises méta ajoute plus de sens à votre page Web pour les agents utilisateurs tels que les moteurs de recherche. Il est important que la description ne comporte pas de mots et de phrases répétés car les moteurs de recherche le détecteront. Utilisez des descriptions simples et directes lorsque vous expliquez l'objectif de votre page Web.

Divisez votre mise en page en sections principales à l'aide de divs

Lors de la conception d'un site Web, pensez à diviser la page Web en sections dans un premier temps. Cela favorisera un code propre et bien intentionné tout en vous aidant à éviter toute confusion et à utiliser des divs de manière excessive lors de l'écriture d'un balisage complexe et long.

Évitez de mélanger le contenu de la présentation

Ne mélangez pas votre contenu HTML avec la présentation visuelle du contenu fournie par CSS. Créer un fichier CSS séparé pour vos styles plutôt que d'utiliser des styles en ligne dans votre HTML est très essentiel. Cela vous permettra, ainsi qu'aux autres développeurs travaillant sur le code, d'apporter des modifications rapides et de vous assurer que votre contenu est plus compréhensible pour les agents utilisateurs.

Minifier et unifier le CSS

Les sites Web typiques ont un fichier CSS majeur et probablement d'autres choses comme des correctifs spécifiques au navigateur et la réinitialisation CSS. Lorsque chaque fichier C effectue une requête HTTP, cela ralentit les temps de chargement du site Web. Supprimez les caractères inutiles comme les retours à la ligne, les espaces et les tabulations de tout votre code et unifiez les fichiers qui peuvent être intégrés ensemble. Cela peut aider à résoudre ce problème et à améliorer les temps de chargement de votre site Web.

Minifier, unifier et déplacer vers le bas JavaScript

Évitez d'utiliser du JavaScript en ligne, mais essayez plutôt de réduire et d'unifier vos bibliothèques JavaScript pour réduire le nombre de requêtes HTTP nécessaires pour générer l'une de vos pages. Cependant, vous ne pouvez pas avoir de téléchargements parallèles dans la plupart des navigateurs, ce qui signifie que le navigateur ne téléchargera rien d'autre lors du téléchargement de JavaScript, ce qui fera apparaître la page comme si elle se chargeait lentement.

Pour éviter cela, vous pouvez charger votre JavaScript après avoir chargé votre CSS en plaçant le JavaScript à la fin de votre document HTML le cas échéant, de préférence avant de fermer la balise body.

Utilisez judicieusement les éléments de titre

L'utilisation des éléments h1 à h6 pour indiquer l'ordre du contenu de votre code HTML rend votre contenu plus convivial pour l'agent utilisateur, les moteurs de recherche et les logiciels de lecture d'écran. Lorsque vous utilisez des blogs, il est préférable d'utiliser l'élément h1 pour le titre de l'article de blog par opposition au nom du site, car il est idéal pour les moteurs de recherche.

Utilisez les bonnes balises HTML au bon endroit

Il est important que vous connaissiez les balises HTML disponibles et comment les utiliser avec précision pour éviter toute confusion et créer une structure de contenu pertinente.

Nous espérons que vous avez trouvé cet article utile.

Si vous souhaitez en savoir plus sur la santé de votre site, obtenir des recommandations et des alertes personnalisées, analysez votre site Web par Diib. Cela ne prend que 60 secondes.

Entrez votre site Web

Par exemple « www.diib.com »

Inscription gratuite

Je ne peux pas obtenir assez de DIIB !! Le meilleur outil et je suis tellement reconnaissant de l'avoir trouvé. Je l'aime absolument !! Les doigts croisés, vous n'augmentez pas vos prix car c'est tellement parfait.

Katarina Gagé
Directeur des opérations sur ahoymatey.com.au

Évitez d'utiliser excessivement les divs

Certains développeurs enveloppent des balises div sur d'autres balises div qui ont plus de balises div créant de nombreuses divs. Le div est considéré comme un élément sans signification qui ne doit être utilisé que lorsqu'il n'y a pas d'autres éléments appropriés disponibles selon les spécifications HTML du W3C. Évitez d'avoir de nombreuses divs en les utilisant de manière responsable et uniquement lorsque c'est nécessaire.

Utiliser une liste non ordonnée pour la navigation

L'élément de navigation est un facteur très essentiel dans la conception de sites Web lorsqu'il est combiné avec CSS. Cela aide vos menus de navigation à être sémantiques et beaux. Voici deux façons de procéder :

(Crédit image : Studytonight)

Fermez vos balises

Les spécifications du W3C exigent que vous fermiez toutes vos balises. D'autres navigateurs peuvent afficher correctement vos pages même si le fait de ne pas fermer vos balises n'est pas valide selon les normes normales.

Utiliser le balisage en minuscules

Garder votre balisage en minuscules est une pratique courante dans l'industrie. La capitalisation de votre balisage affecte la lisibilité de votre code mais ne modifie pas l'affichage de vos pages Web.

Utiliser les correctifs IE modulaires

Si vous rencontrez des problèmes avec vos pages, vous pouvez utiliser des commentaires conditionnels pour vous concentrer sur Internet Explorer. Assurez-vous de rendre les correctifs modulaires pour vous assurer que votre travail est évolutif afin que l'ancienne version d'IE ne nécessite aucune prise en charge.

Validez votre code

Vous ne devez pas considérer la validation comme l'évaluation ultime du bon travail par rapport au mauvais travail. Un travail qui valide n'est pas nécessairement du bon code et alternativement, un travail qui ne valide pas complètement n'est pas nécessairement du mauvais code.

Vous pouvez utiliser les services de validation automatique comme débogueurs utiles pour identifier les erreurs de rendu. Validez fréquemment votre travail lorsque vous écrivez du HTML pour éviter les problèmes qui peuvent être difficiles à identifier une fois que vous avez terminé votre travail.

Écrire du code formaté de manière cohérente

L'écriture d'une base de code propre et bien intentionnée fait ressortir votre professionnalisme et facilite la tâche des développeurs susceptibles de travailler sur votre code. Vous augmenterez également la lisibilité de votre travail lorsque vous écrivez un balisage correctement indenté dès le début. Par example:

(Crédit image : html.com)

Évitez les commentaires excessifs

Le but de documenter votre code est de le rendre compréhensible et commenter votre code est raisonnable et logique pour les langages de programmation comme Java, PHP et C#. Cependant, le balisage est très explicite et vous n'avez pas besoin de commenter chaque ligne en XHTML/HTML. Examiner votre travail pour la sémantique vous aidera si vous commentez beaucoup dans votre code HTML pour expliquer le processus.

Diib : Obtenez vos statistiques de métadonnées HTML ici !

L'utilisation de ces éléments et le respect des directives vous aideront dans vos efforts de référencement.

Des éléments comme une bonne méta description augmenteront vos taux de clics à partir des recherches, même si cela n'améliore pas votre classement. Les balises META sont maintenant utilisées sur les plateformes de médias sociaux comme Twitter et Facebook. Vous pouvez utiliser des balises pour vérifier comment vos données sont partagées sur Facebook. Un partenariat avec Diib Digital vous donnera les mesures essentielles concernant vos métadonnées afin que vous puissiez prendre des décisions efficaces concernant la santé de votre site Web.

Voici quelques-unes des fonctionnalités de notre tableau de bord utilisateur que vous allez adorer :

• Objectifs personnalisés conçus pour améliorer les performances du site Web
• Alertes qui vous informent sur votre autorité de domaine d'autres problèmes techniques de référencement
• Pages cassées où vous avez des backlinks (vérificateur 404)
• Outils de surveillance et de suivi des mots clés, des backlinks et de l'indexation
• Expérience utilisateur et optimisation de la vitesse mobile
• Optimisation du titre de l'image

Cliquez ici pour votre analyse gratuite ou appelez simplement le 800-303-3510 pour parler à l'un de nos experts en croissance.