Pensez à vos balises title et meta description

Pensez à vos balises title et meta description

Le contenu de votre boutique en ligne ne s’affiche pas correctement ? Vous avez noté une baisse de trafic sur votre site ? Vous souhaitez améliorer votre positionnement SEO ? Quelques soient vos raisons ou vos objectifs pensez à optimiser vos balises html, title ainsi que votre meta-description.

Comprendre ce qu’est la balise html

Html, pour Hyper Text Markup Language, est un langage descriptif visant à structurer le contenu d’une page. La balise html, quant à elle, constitue l’élément de base dudit langage. Autrement dit, Il s’agit d’un fichier texte contenant des tags utilisés pour décrire correctement la structure d’un document.

Il existe différents types de balises html pour l’intégration de différents éléments dans le texte d’une page. Certaines balises permettent d’intégrer les titres et sous-titres, d’autres, le corps du texte et des liens URL tandis que d’autres servent à introduire des fichiers médias comme les images et les vidéos.

Vous vous posez peut-être la question suivante : Si ces balises html sont aussi indispensables que ça, comment ça se fait que je n’en ai jamais vu en visitant une page web ?

Les balises ne sont pas visibles, car le navigateur ne les affiche pas. Lorsque vous vous rendez sur un site, votre navigateur analyse les balises html et les interprète automatiquement. À titre d’exemple, au lieu de voir la balise intégrant un tableau <table>, vous verrez directement ledit tableau affiché sur la page.

Qu’elle est la structure d’une balise html ?

Avant d’analyser la structure d’une balise html, notez que cette dernière est dotée d’une syntaxe qui lui est propre et qui vous faudra respecter et suivre à la lettre.

La syntaxe d’une balise se présente comme suit :

  • Un chevron ouvert (<)
  • Le nom complet de la balise
  • Les attributs optionnels : Un espace qui peut être suivi du nom de l’attribut, d’un signe égal (=) ou encore d’une valeur entre doubles quotes (“”)
  • Un chevron fermé (>)

Généralement les balises se présentent par paires. La première est la balise ouvrante tandis que la seconde est la balise fermante. Il est primordial que la balise fermante ait le même nom que la balise ouvrante correspondante. Ceci dit la seconde balise contient obligatoirement une barre oblique entre le chevron initial et le nom de la balise comme cela apparait dans l’exemple suivant : <H1> Titre </H1>.

Connaitre les différentes balises html 

Comme mentionné ultérieurement, il existe différents types de balises permettant la structuration d’un texte et l’insertion de différents éléments dans celui-ci. Voici une liste, non exhaustive, des balises à connaitre absolument.

    1- Les balises de premier niveau :

Cette catégorie contient les balises permettant la réalisation du code minimal nécessaire à la structure d’une page html.

  • <html> Balise de description
  • <head> En-tête de la page
  • <body> Corps de la page

 

    2- Les balises d’En-tête :

L’En-tete d’une page web contient, entre <head> et < /head>, les balises suivantes :

  • <link> Liaison avec une feuille de style
  • <meta> Métadonnées de la page web
  • <title> Titre de la page

 

    3- Les balises de structuration du texte :

Cette catégorie regroupe le plus grand nombre de balises html présentes dans un texte. Voici quelques-unes des balises les plus utilisées.

  • <h1>, <h2>, <h3>, <h4>, <h5> et <h6> Titres de niveau 1, 2, 3, 4, 5 et 6
  • <img /> Image
  • <audio> Son
  • <vidéo> Vidéo
  • <p> Paragraphe
  • <a> Source externe

 

    4- Les balises de liste :

Cette section contient toutes les balises html permettant la création de listes.

  • <ul> Liste à puces non numérotée
  • <ol> Liste numérotée
  • <li> Element de la liste à puces

 

    5- Les balises de formulaire :

Voici les balises à utiliser si vous souhaitez insérer un formulaire dans votre texte.

  • <form> Formulaire
  • <legend> Légende du formulaire
  • <select> Liste déroulante
  • <option> Élément d’une liste déroulante

 

    6- Les balises sectionnantes :

Le squelette de votre site web repose sur ces balises sectionnantes.

  • <header> En-tête
  • <nav> Liens principaux de navigation
  • <footer> Pied de page
  • <section> Section de page

Complétez vos balises html 

En qualité d’e-commerçant ou de gérant d’une boutique en ligne vous devez impérativement soigner la structure de vos pages web, et ce, afin de garantir à vos clients une navigation facile et agréable sur votre site e-commerce.

Comme vous l’aurez sans doute remarqué, ces fameuses balises permettent l’insertion de plusieurs éléments sur votre boutique en ligne telles que les photos, les formulaires, les descriptions et autres. Et vous n’êtes pas sans savoir que ces éléments sont essentiels au bon déroulement de votre affaire. C’est-à-dire, si par inadvertance, une des balises est mal écrite ou ne respecte pas la syntaxe, elle peut être à l’origine de bugs, ou pire encore, votre site sera ignoré par le navigateur et n’apparaîtra pas dans les résultats

 

Qu’en est-il de la méta-description ? 

La méta-description est une des balises, ainsi que la balise Title et Keywords, constituant l’En-tête de votre texte. Elle sert à décrire votre site ainsi qu’à y insérer vos mots-clés. La méta-description est le paragraphe affiché par le navigateur dans les résultats de recherches, c’est pourquoi elle est considérée comme étant La balise qui boostera votre référencement naturel.

 

L’impact du code html sur votre référencement naturel 

Le code html aide les algorithmes des moteurs de recherche à définir et de différencier les données d’un contenu Web. Une fois que les styles de graphisme sont éliminés, il ne reste que le système de balise html pour constituer la toile. Ce langage simple permet aux moteurs de recherche de comprendre ce que signifie chaque balise, tout en permettant aux internautes de trouver ce qu’ils recherchent sur une page. Ainsi les sites et pages web ayant une structure respectueuse de la syntaxe sont mis en avant par les rebots des moteurs de recherches et bénéficient d’un trafic assez important.

Laisser un commentaire

En continuant à utiliser le site, vous acceptez l’utilisation des cookies. Plus d’informations

Les paramètres des cookies sur ce site sont définis sur « accepter les cookies » pour vous offrir la meilleure expérience de navigation possible. Si vous continuez à utiliser ce site sans changer vos paramètres de cookies ou si vous cliquez sur "Accepter" ci-dessous, vous consentez à cela.

Fermer