Comment créer un site Web ou un blog en 2020 - Guide gratuit et facile pour créer un site Web

Un guide des balises HTML et méta en 2018

Nous avons déjà couvert les balises méta HTML et les balises méta en profondeur, mais comme la plupart des choses dans le référencement, c’est un paysage en constante évolution et l’utilisation acceptée et les définitions de balises changent souvent.

Il convient de mentionner que si vous êtes dans ce domaine de l’optimisation du référencement, vous devez également obtenir des informations détaillées et mettre en œuvre des données structurées pour garantir que les robots d’exploration bénéficient de la meilleure expérience possible.

Balises méta HTML vs balises méta : quel est le problème ?

Tout d’abord, il est temps de dissiper une partie de la confusion autour des balises méta HTML et des balises méta. La différence entre les deux types de balises est en grande partie arbitraire, et la syntaxe d’une balise méta HTML signifie qu’elle contiendra le mot méta, alors qu’une balise définie comme une balise méta ne doit pas nécessairement le faire.

La décision de faire ou non est définie par le W3C et est susceptible de changer au fil du temps, cependant, ce qu’il est important de retenir, c’est qu’ils ont tous deux le même objectif, c’est-à-dire qu’ils sont utilisés pour fournir des moteurs de recherche. avec des informations sur une page Web

Note marginale : Certaines personnes incluent des balises de titre en tant que balises méta, mais comme elles décrivent un élément d’une page, et non le contenu d’une page dans son ensemble, nous avons décidé de les mettre de côté. Cependant, il va sans dire que vous assurer d’optimiser vos balises d’en-tête aidera les moteurs de recherche et, plus important encore, les utilisateurs à comprendre de quoi parle votre contenu.

Une fois cela clarifié, nous pouvons nous mettre au travail et jeter un œil à une sélection de balises HTML et méta qui, selon nous, sont utiles pour le référencement.

Hreflang

Donc pour repartir du pied gauche, le tag Hreflang n’est techniquement pas un tag. C’est un attribut, mais c’est un attribut important qui peut aider à dire à Google quelle langue votre contenu utilise sur une page Web.

Si vous avez un site qui utilise plusieurs traductions ou qui dessert différents territoires, vous devez absolument utiliser Hreflang pour vous assurer que la bonne version linguistique s’affiche dans les bonnes versions de Google. Cela peut aider les moteurs de recherche à mieux classer votre contenu et, plus important encore, garantir que les utilisateurs de différents territoires bénéficient de la bonne expérience.

Exemple d’extrait de code pour cibler une page Web sur les utilisateurs anglophones au Royaume-Uni :

Étiquette canonique

Un autre élément très important est la balise canonique. Configurez-le de manière incorrecte et vous risquez de perdre de la visibilité dans les SERP et de causer de réels problèmes à votre site. Cependant, s’il est utilisé correctement, c’est un excellent moyen d’indiquer aux moteurs de recherche que l’URL d’une page Web est la version par défaut. C’est le meilleur moyen d’éviter les problèmes de contenu en double sur votre site, causés par les moteurs de recherche explorant plusieurs URL contenant le même contenu ou presque.

En général, si un moteur de recherche trouve plusieurs URL avec un contenu identique, il aura plus de mal à déterminer laquelle est l’originale et laquelle est le doublon. Cela peut entraîner des classements inférieurs pour les deux, ou pire, une page importante ne sera pas classée.

Exemple d’extrait de code pour l’utilisation de balises canoniques :

Balise de type de contenu

La balise de type de contenu est utilisée pour définir le type de contenu d’une page et le jeu de caractères qu’elle utilise. L’utiliser aide votre navigateur à comprendre et à décoder une page et est donc important.

Exemple d’extrait de code pour l’utilisation de balises de type de contenu :

Balise de titre

Probablement l’une des balises les plus reconnues et utilisées par tous ceux qui font du référencement. La balise de titre est utilisée pour spécifier le sujet de la page Web. Ils sont affichés dans l’onglet de votre navigateur pour donner un repère aux utilisateurs et, plus important encore, ils sont utilisés par les moteurs de recherche pour générer les résultats que nous voyons sur les SERP.

Du point de vue du référencement, l’optimisation de votre balise de titre pour qu’elle contienne des informations sur les sujets / mots-clés sur le contenu de la page peut aider à améliorer votre classement pour ces sujets / mots-clés. Actuellement, vous pouvez vous attendre à ce que Google affiche 50 à 60 caractères de votre titre avant qu’il ne soit tronqué, alors gardez un œil sur la longueur lorsque vous les saisissez.

Un exemple d’extrait de code pour la balise de titre, trouvé dans la balise principale en haut de votre page Web :

Exemple.com | Les meilleurs exemples du web

Balise de méta description

Semblable à la balise title, la balise meta description est bien connue et vous donne la possibilité de dire aux moteurs de recherche et aux utilisateurs sur les SERP de quoi parle le contenu de votre page Web. Bien qu’il ne s’agisse pas d’un facteur de classement direct, vous devez optimiser votre méta-description pour fournir une description succincte et convaincante du contenu de vos pages Web.

Si Google pense que vous n’avez pas fait du bon travail, il peut choisir de remplacer votre balise meta description par sa propre interprétation, en utilisant souvent le contenu des premiers paragraphes de votre site.

Exemple d’extrait de code pour la balise meta description :

Etiquette de la fenêtre

La balise viewport est une balise utile pour aider les navigateurs à comprendre et à contrôler les dimensions de votre page Web.

Dans le passé, cette balise n’était pas nécessaire car tout le monde affichait des pages Web sur des ordinateurs de bureau sur des écrans de taille similaire, mais avec l’augmentation et l’augmentation de l’utilisation des appareils mobiles et des tablettes, dont beaucoup ont des dimensions différentes, maintenant il est plus important de s’assurer que vous communiquez ces informations au navigateur.

Une mise en œuvre correcte de la balise viewport garantira que les utilisateurs découvrent votre site de la bonne manière, et s’il y a

Exemple d’extrait de code pour la balise meta viewport :

Balises méta de robot

Il existe une multitude de balises méta de robots que vous pouvez utiliser, qui aideront toutes les robots des moteurs de recherche à faire leur travail d’exploration et d’indexation des pages Web sur Internet. Tous les moteurs de recherche ne suivront pas toutes les commandes, mais voici quelques exemples de balises méta de robots et ce qu’ils demandent aux robots d’exploration de faire :

Ne pas suivre Il indique aux robots d’exploration de ne suivre aucun des liens répertoriés sur cette page et de ne transférer aucune valeur à la page liée non plus.
Pas d’index Dites aux robots de ne pas indexer cette page.
Noimageindex Dites aux robots d’indexation de ne pas indexer les images sur cette page.
Pas de fichier Indique aux robots d’exploration de ne pas inclure de version en cache

Un exemple d’extrait de code pour la balise meta robot :

Open Chart (OG) Meta Tags pour les médias sociaux

Enfin, nous avons les balises méta OG pour les médias sociaux. Bien qu’il s’agisse d’une approche moins simple du référencement, s’assurer que vous avez correctement implémenté les balises méta OG pour les médias sociaux peut aider à garantir que votre contenu a l’air bien lorsqu’il est partagé, peut aider à améliorer l’engagement des publications et, finalement, à augmenter le trafic.

Il va sans dire qu’il existe une variété d’autres balises que vous pouvez utiliser sur votre site Web, et cette liste n’est pas exhaustive, mais j’espère qu’elle vous guidera vers certaines des balises les plus importantes et les plus utiles que vous pouvez utiliser sur votre site Web pour fais-le. l’expérience est meilleure pour les moteurs de recherche et les robots d’exploration.

Joshua est un spécialiste du référencement et stratège à atome42