La bonne utilisation de certaines balises HTML adapt\u00e9es au SEO peuvent en effet vous permettre d\u2019optimiser votre contenu et d\u2019am\u00e9liorer votre positionnement dans les r\u00e9sultats de recherche de Google et autres moteurs de recherche. Quelles sont les balises HTML \u00e0 scruter avec attention et comment proc\u00e9der ? Explications.<\/p>\n\n\n\n
Balises HTML : de quoi parle-ton ?<\/strong><\/h2>\n\n\n\nLes balises (ou tags) HTML ont pour objectif de structurer un texte. Cela permet \u00e0 la fois d\u2019am\u00e9liorer l\u2019exp\u00e9rience de lecture, en apportant de la clart\u00e9 au texte et d\u2019indiquer des informations claires aux moteurs de recherche. Notamment gr\u00e2ce \u00e0 la pr\u00e9sence de mots cl\u00e9s dans les \u00ab sous-titres \u00bb.<\/p>\n\n\n\n
En plus des balises Hn qui se comptent au nombre de 6, il existe d\u2019autres balises HTML comme la balise title, ou la meta description. Nous allons voir dans cet article comment les utiliser de mani\u00e8re optimale.<\/p>\n\n\n\n
La balise title : \u00e9l\u00e9ment phare de votre SEO<\/strong><\/h2>\n\n\n\n![\"balise](\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2019\/09\/balise-title-compressor.jpg\")
<\/figure><\/div>\n\n\n
La balise title ou balise titre en fran\u00e7ais est \u00e9videmment au c\u0153ur de votre contenu. Il s\u2019agit du titre donn\u00e9 \u00e0 votre page web.<\/p>\n\n\n\n
Le contenu de la balise Title est l\u2019\u00e9l\u00e9ment repris par les moteurs de recherche lorsqu\u2019ils affichent les r\u00e9sultats. Elle doit donc r\u00e9pondre \u00e0 certains crit\u00e8res :<\/p>\n\n\n\n
\n- Contenir le mot cl\u00e9 principal<\/li>\n\n\n\n
- Ne pas d\u00e9passer 65 caract\u00e8res (10 \u00e0 12 mots)<\/li>\n\n\n\n
- \u00catre attractive<\/li>\n<\/ul>\n\n\n\n
En effet, Google se base sur le taux de clic pour mesurer l\u2019attractivit\u00e9 de votre page. Plus vous donnez envie, plus vous aurez de clics et meilleurs sera votre ranking dans le SERP.<\/p>\n\n\n\n
Les balises Hn : pour structurer le corps du texte<\/strong><\/h2>\n\n\n\n![\"balise](\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2019\/09\/balise-h2-compressor.jpg\")
<\/figure><\/div>\n\n\n
Il s\u2019agit des balises Hn<\/a> allant de 1 \u00e0 6 : h1, h2, h3, h4, h5 et h6. Dans WordPress par exemple, si vous utilisez le mode visuel pour r\u00e9diger vos pages ou vos articles, il s’agit tout simplement des titres. Le titre 1 correspond \u00e0 la balise h1, le titre 2 \u00e0 la balise h2, etc…<\/p>\n\n\n\nLeur objectif est d\u2019apporter de la clart\u00e9 au texte en le structurant et le hi\u00e9rarchisant. Mais elles permettent \u00e9galement d\u2019apporter de la richesse s\u00e9mantique en variant le champ lexical du mot cl\u00e9. Ce qui est excellent pour le r\u00e9f\u00e9rencement naturel.<\/p>\n\n\n\n
Ces balises, \u00e0 l\u2019inverse de la balise title, sont visibles dans le contenu du texte. Ce sont tout simplement les titres que vous pouvez observer \u00e0 la lecture d\u2019un article. \u00c0 l\u2019inverse, elles n\u2019apparaissent pas dans les r\u00e9sultats des moteurs de recherche. Pour autant, les balises sont analys\u00e9es par les robots charg\u00e9s de l\u2019indexation de vos pages.Cela signifie qu\u2019avec la bonne optimisation, elles peuvent renforcer les informations r\u00e9cup\u00e9r\u00e9es lors d\u2019un crawl et ainsi am\u00e9liorer votre classement dans les r\u00e9sultats de recherche.
Bonnes pratiques :<\/p>\n\n\n\n
\n- Utilisez une seule balise H1 par texte (attention, sur WordPress, il s’agit souvent du nom de la page ou de l’article, pas besoin de la rajouter dans le contenu)<\/li>\n\n\n\n
- Suivez l\u2019ordre hi\u00e9rarchique des balises (H2 pour les parties, H3 pour une sous-partie d\u2019un H2, etc)<\/li>\n\n\n\n
- Optez pour des titres clairs, courts, contenant si possible un mot-cl\u00e9 ou une variante s\u00e9mantique<\/li>\n<\/ul>\n\n\n\n
\nLe contenu reste ma\u00eetre pour bien se positionner sur Google. Pour gagner du temps et vous concentrer sur votre activit\u00e9, Redacteur.com vous propose des packs cl\u00e9 en main pour votre strat\u00e9gie de contenu<\/a>. Audit s\u00e9mantique, sujets des contenus, r\u00e9daction des contenus, des professionnels du web s’occupent de tout pour vous !<\/p>\n<\/blockquote>\n\n\n\n\n\u00c0 lire aussi : Comment faire un commentaire dans un fichier HTML ou CSS ?<\/a><\/p>\n<\/blockquote>\n\n\n\nLa balise meta description <\/strong><\/h2>\n\n\n\n![\"meta](\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2019\/09\/meta-desc-compressor.jpg\")
<\/figure><\/div>\n\n\n
Cette balise HTML a essentiellement pour objectif de faire cliquer les internautes. En effet, le doute demeure sur son impact direct en terme de SEO. Il n\u2019est pas totalement prouv\u00e9 que les robots analysent le contenu de la balise meta description pour l\u2019indexation.<\/p>\n\n\n\n
N\u00e9anmoins, le contenu de cette balise est le r\u00e9sum\u00e9 qui s\u2019affiche dans les r\u00e9sultats de recherche. Long d\u2019une centaine de caract\u00e8res (120 maximum), il permet de faire un rapide pitch du contenu et d\u2019inciter \u00e0 visiter le site. Pour cela, il est recommand\u00e9 d\u2019employer des verbes d\u2019action du type \u00ab\u00a0d\u00e9couvrir\u00a0\u00bb, \u00ab\u00a0t\u00e9l\u00e9charger\u00a0\u00bb, \u00ab\u00a0cr\u00e9er\u00a0\u00bb, etc.).<\/p>\n\n\n\n
La balise Robot : pour garder le contr\u00f4le<\/strong><\/h2>\n\n\n\n![\"balise](\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2019\/09\/no-index-compressor.jpg\")
<\/figure><\/div>\n\n\n
Par d\u00e9faut, les robots qui analysent votre site r\u00e9guli\u00e8rement pour indexer vos pages, prennent en compte tous les contenus de votre site. Pour autant, il se peut que vous souhaitiez exclure certains \u00e9l\u00e9ments. Qu\u2019il s\u2019agisse de contenus plus anciens mais que vous d\u00e9sirez garder sur le site ou d\u2019\u00e9l\u00e9ments disponibles uniquement avec un acc\u00e8s priv\u00e9 etc. C\u2019est ici que la balise robot<\/a> intervient.
La balise robot se g\u00e8re dans le fichier robots.txt qui se trouve \u00e0 la racine de votre site. Vous pourrez soit le modifier en utilisant le plugin Yoast SEO, si vous travaillez sur WordPress ou en l\u2019int\u00e9grant manuellement via votre serveur FTP,<\/a> \u00e0 la racine de votre site.<\/p>\n\n\n\nLes autres balises HTML importantes en SEO<\/h2>\n\n\n\n
De nombreuses autres balises sont importantes dans le SEO. Voyons rapidement \u00e0 quelles balises vous devez faire attention pour optimiser le r\u00e9f\u00e9rencement naturel de votre site internet.<\/p>\n\n\n\n
\n- Les balises strong<\/strong> : elles permettent de mettre en gras du texte. Plus qu’une simple mise en avant visuelle, elles indiquent aux moteurs de recherche que vous donnez de l’importance \u00e0 ces mots-cl\u00e9s ou \u00e0 ce passage de votre contenu<\/li>\n\n\n\n
- Les balises canonical<\/strong> : c’est une balise meta avec l’attribut canonical. Elle permet d’indiquer \u00e0 Google quelle est la page associ\u00e9e \u00e0 r\u00e9f\u00e9rencer. Elle est utile si vous avez deux URLs avec un contenu identique et que vous ne souhaitez en r\u00e9f\u00e9rencer qu’une seule<\/li>\n\n\n\n
- Les balises hreflang<\/strong> : il s’agit aussi d’une balise meta qui permet d’indiquer aux moteurs de recherche quelles sont les \u00e9quivalences de pages dans diff\u00e9rentes langues. Elles sont obligatoires si vous voulez optimiser le SEO d’un site multilingue.<\/li>\n\n\n\n
- Les balises ul, ol et li<\/strong> : ce sont les balises HTML qui permettent de cr\u00e9er des listes. Les listes sont tr\u00e8s pratiques pour \u00e9noncer des \u00e9tapes, \u00e9num\u00e9rer des \u00e9l\u00e9ments. Dans certains contextes, elles peuvent apporter une plus value SEO non n\u00e9gligeable.<\/li>\n\n\n\n
- Les balises table<\/strong> : cr\u00e9er un tableau comparatif est \u00e9galement un \u00e9l\u00e9ment de diff\u00e9rentiation pour ressortir sur la SERP. N’h\u00e9sitez pas \u00e0 int\u00e9grer des tableaux dans vos contenus pour classer, ordonner ou comparer les informations que vous souhaitez partager aupr\u00e8s des internautes.<\/li>\n<\/ul>\n\n\n\n
Pour \u00eatre certain de ne faire aucune erreur fatale pour votre r\u00e9f\u00e9rencement naturel vous pouvez faire appel \u00e0 un expert SEO freelance<\/a> pour vous guider dans la mise en place de vos balises HTML.
Vous voulez revoir la structure HTML de votre site ? Estimez le co\u00fbt de votre int\u00e9gration web avec notre simulateur de prix gratuit<\/a>.<\/p>\n\n\n\n\nApprenez aussi \u00e0 cr\u00e9er des listes en HTML facilement<\/a> gr\u00e2ce \u00e0 notre guide.<\/p>\n<\/blockquote>\n\n\n\n
<\/figure><\/div>\n\n\n
La balise title ou balise titre en fran\u00e7ais est \u00e9videmment au c\u0153ur de votre contenu. Il s\u2019agit du titre donn\u00e9 \u00e0 votre page web.<\/p>\n\n\n\n
Le contenu de la balise Title est l\u2019\u00e9l\u00e9ment repris par les moteurs de recherche lorsqu\u2019ils affichent les r\u00e9sultats. Elle doit donc r\u00e9pondre \u00e0 certains crit\u00e8res :<\/p>\n\n\n\n
- \n
- Contenir le mot cl\u00e9 principal<\/li>\n\n\n\n
- Ne pas d\u00e9passer 65 caract\u00e8res (10 \u00e0 12 mots)<\/li>\n\n\n\n
- \u00catre attractive<\/li>\n<\/ul>\n\n\n\n
En effet, Google se base sur le taux de clic pour mesurer l\u2019attractivit\u00e9 de votre page. Plus vous donnez envie, plus vous aurez de clics et meilleurs sera votre ranking dans le SERP.<\/p>\n\n\n\n
Les balises Hn : pour structurer le corps du texte<\/strong><\/h2>\n\n\n
\n<\/figure><\/div>\n\n\n
Il s\u2019agit des balises Hn<\/a> allant de 1 \u00e0 6 : h1, h2, h3, h4, h5 et h6. Dans WordPress par exemple, si vous utilisez le mode visuel pour r\u00e9diger vos pages ou vos articles, il s’agit tout simplement des titres. Le titre 1 correspond \u00e0 la balise h1, le titre 2 \u00e0 la balise h2, etc…<\/p>\n\n\n\nLeur objectif est d\u2019apporter de la clart\u00e9 au texte en le structurant et le hi\u00e9rarchisant. Mais elles permettent \u00e9galement d\u2019apporter de la richesse s\u00e9mantique en variant le champ lexical du mot cl\u00e9. Ce qui est excellent pour le r\u00e9f\u00e9rencement naturel.<\/p>\n\n\n\n
Ces balises, \u00e0 l\u2019inverse de la balise title, sont visibles dans le contenu du texte. Ce sont tout simplement les titres que vous pouvez observer \u00e0 la lecture d\u2019un article. \u00c0 l\u2019inverse, elles n\u2019apparaissent pas dans les r\u00e9sultats des moteurs de recherche. Pour autant, les balises sont analys\u00e9es par les robots charg\u00e9s de l\u2019indexation de vos pages.Cela signifie qu\u2019avec la bonne optimisation, elles peuvent renforcer les informations r\u00e9cup\u00e9r\u00e9es lors d\u2019un crawl et ainsi am\u00e9liorer votre classement dans les r\u00e9sultats de recherche.
Bonnes pratiques :<\/p>\n\n\n\n- \n
- Utilisez une seule balise H1 par texte (attention, sur WordPress, il s’agit souvent du nom de la page ou de l’article, pas besoin de la rajouter dans le contenu)<\/li>\n\n\n\n
- Suivez l\u2019ordre hi\u00e9rarchique des balises (H2 pour les parties, H3 pour une sous-partie d\u2019un H2, etc)<\/li>\n\n\n\n
- Optez pour des titres clairs, courts, contenant si possible un mot-cl\u00e9 ou une variante s\u00e9mantique<\/li>\n<\/ul>\n\n\n\n
\n
Le contenu reste ma\u00eetre pour bien se positionner sur Google. Pour gagner du temps et vous concentrer sur votre activit\u00e9, Redacteur.com vous propose des packs cl\u00e9 en main pour votre strat\u00e9gie de contenu<\/a>. Audit s\u00e9mantique, sujets des contenus, r\u00e9daction des contenus, des professionnels du web s’occupent de tout pour vous !<\/p>\n<\/blockquote>\n\n\n\n
\n
\u00c0 lire aussi : Comment faire un commentaire dans un fichier HTML ou CSS ?<\/a><\/p>\n<\/blockquote>\n\n\n\n
La balise meta description <\/strong><\/h2>\n\n\n
\n<\/figure><\/div>\n\n\n
Cette balise HTML a essentiellement pour objectif de faire cliquer les internautes. En effet, le doute demeure sur son impact direct en terme de SEO. Il n\u2019est pas totalement prouv\u00e9 que les robots analysent le contenu de la balise meta description pour l\u2019indexation.<\/p>\n\n\n\nN\u00e9anmoins, le contenu de cette balise est le r\u00e9sum\u00e9 qui s\u2019affiche dans les r\u00e9sultats de recherche. Long d\u2019une centaine de caract\u00e8res (120 maximum), il permet de faire un rapide pitch du contenu et d\u2019inciter \u00e0 visiter le site. Pour cela, il est recommand\u00e9 d\u2019employer des verbes d\u2019action du type \u00ab\u00a0d\u00e9couvrir\u00a0\u00bb, \u00ab\u00a0t\u00e9l\u00e9charger\u00a0\u00bb, \u00ab\u00a0cr\u00e9er\u00a0\u00bb, etc.).<\/p>\n\n\n\n
La balise Robot : pour garder le contr\u00f4le<\/strong><\/h2>\n\n\n
\n<\/figure><\/div>\n\n\n
Par d\u00e9faut, les robots qui analysent votre site r\u00e9guli\u00e8rement pour indexer vos pages, prennent en compte tous les contenus de votre site. Pour autant, il se peut que vous souhaitiez exclure certains \u00e9l\u00e9ments. Qu\u2019il s\u2019agisse de contenus plus anciens mais que vous d\u00e9sirez garder sur le site ou d\u2019\u00e9l\u00e9ments disponibles uniquement avec un acc\u00e8s priv\u00e9 etc. C\u2019est ici que la balise robot<\/a> intervient.
La balise robot se g\u00e8re dans le fichier robots.txt qui se trouve \u00e0 la racine de votre site. Vous pourrez soit le modifier en utilisant le plugin Yoast SEO, si vous travaillez sur WordPress ou en l\u2019int\u00e9grant manuellement via votre serveur FTP,<\/a> \u00e0 la racine de votre site.<\/p>\n\n\n\nLes autres balises HTML importantes en SEO<\/h2>\n\n\n\n
De nombreuses autres balises sont importantes dans le SEO. Voyons rapidement \u00e0 quelles balises vous devez faire attention pour optimiser le r\u00e9f\u00e9rencement naturel de votre site internet.<\/p>\n\n\n\n
- \n
- Les balises strong<\/strong> : elles permettent de mettre en gras du texte. Plus qu’une simple mise en avant visuelle, elles indiquent aux moteurs de recherche que vous donnez de l’importance \u00e0 ces mots-cl\u00e9s ou \u00e0 ce passage de votre contenu<\/li>\n\n\n\n
- Les balises canonical<\/strong> : c’est une balise meta avec l’attribut canonical. Elle permet d’indiquer \u00e0 Google quelle est la page associ\u00e9e \u00e0 r\u00e9f\u00e9rencer. Elle est utile si vous avez deux URLs avec un contenu identique et que vous ne souhaitez en r\u00e9f\u00e9rencer qu’une seule<\/li>\n\n\n\n
- Les balises hreflang<\/strong> : il s’agit aussi d’une balise meta qui permet d’indiquer aux moteurs de recherche quelles sont les \u00e9quivalences de pages dans diff\u00e9rentes langues. Elles sont obligatoires si vous voulez optimiser le SEO d’un site multilingue.<\/li>\n\n\n\n
- Les balises ul, ol et li<\/strong> : ce sont les balises HTML qui permettent de cr\u00e9er des listes. Les listes sont tr\u00e8s pratiques pour \u00e9noncer des \u00e9tapes, \u00e9num\u00e9rer des \u00e9l\u00e9ments. Dans certains contextes, elles peuvent apporter une plus value SEO non n\u00e9gligeable.<\/li>\n\n\n\n
- Les balises table<\/strong> : cr\u00e9er un tableau comparatif est \u00e9galement un \u00e9l\u00e9ment de diff\u00e9rentiation pour ressortir sur la SERP. N’h\u00e9sitez pas \u00e0 int\u00e9grer des tableaux dans vos contenus pour classer, ordonner ou comparer les informations que vous souhaitez partager aupr\u00e8s des internautes.<\/li>\n<\/ul>\n\n\n\n
Pour \u00eatre certain de ne faire aucune erreur fatale pour votre r\u00e9f\u00e9rencement naturel vous pouvez faire appel \u00e0 un expert SEO freelance<\/a> pour vous guider dans la mise en place de vos balises HTML.
Vous voulez revoir la structure HTML de votre site ? Estimez le co\u00fbt de votre int\u00e9gration web avec notre simulateur de prix gratuit<\/a>.<\/p>\n\n\n\n\n
Apprenez aussi \u00e0 cr\u00e9er des listes en HTML facilement<\/a> gr\u00e2ce \u00e0 notre guide.<\/p>\n<\/blockquote>\n\n\n\n
- Les balises canonical<\/strong> : c’est une balise meta avec l’attribut canonical. Elle permet d’indiquer \u00e0 Google quelle est la page associ\u00e9e \u00e0 r\u00e9f\u00e9rencer. Elle est utile si vous avez deux URLs avec un contenu identique et que vous ne souhaitez en r\u00e9f\u00e9rencer qu’une seule<\/li>\n\n\n\n
- Les balises strong<\/strong> : elles permettent de mettre en gras du texte. Plus qu’une simple mise en avant visuelle, elles indiquent aux moteurs de recherche que vous donnez de l’importance \u00e0 ces mots-cl\u00e9s ou \u00e0 ce passage de votre contenu<\/li>\n\n\n\n