Nous allons voir aujourd’hui comment ajouter votre texte de vente, entrecoupé de titres et de sous-titres. Nous allons voir ici en même temps le côté technique et son impact au niveau référencement et marketing… Tout le contenu doit être intégré entre les balises <body> et </body> de votre fichier HTML. A vos clavier…

La balise H1 comme titre principale

La balise H1 est très citée lorsque l’on parle de référencement. En général il y en a une par page et elle regroupe les principaux mots clés (en général le titre de ce que vous vendez). La norme XML classique s’appliquera. Ainsi pour ma page de vente, je me contenterai d’ajouter juste sous la balise <body> (donc tout en haut de ma page) mon titre :
<h1>Formation à la programmation Web : Créer votre site Web en HTML / CSS</h1>
Le titre est court, droit au but, les mots clés “programmation Web”, “HTML”, “CSS” “Créer votre site Web” sont présent… Ca me suffit.

La balise p pour ajouter du texte sous forme de paragraphe

La balise p (p comme paragraphe) vous permet d’ajouter votre texte de vente. Vos paragraphes peuvent s’enchainer de la façon suivante :
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vel ligula dolor, sit amet venenatis sem. In nec quam sed nisl imperdiet faucibus. Sed malesuada, diam at pellentesque adipiscing, turpis leo tristique nisl, sed volutpat neque orci id ligula. Nunc nunc eros, dignissim ac tristique vel, sagittis eget ipsum. </p>
<p>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc elit lacus, tempor in dictum vitae, elementum nec tellus. Proin vestibulum elit sit amet lorem facilisis euismod. In pharetra pretium congue. Proin justo sem, bibendum sit amet auctor vel, vestibulum sed odio.</p>

La mise en page par défaut sera : retour à la ligne à la fin de chaque paragraphe, une petite marge en dessous de chaque paragraphe pour l’espacer du suivant.

Mettre en valeur un élement de paragraphe avec la balise strong

La balise strong a également un peu de poids en terme de référencement. Visuellement il mettra en avant un élément de votre paragraphe (généralement en gras mais pas forcément). Il est souvent utilisé pour quelques mots consécutifs et rarement pour mettre un paragraphe entier en gras (même si c’est techniquement possible). Dans notre exemple ci dessous, nous mettrons en gras deux groupes de mots dans notre premier paragraphe.
<p>Lorem ipsum dolor sit amet, <strong>consectetur adipiscing</strong> elit. Aenean vel ligula dolor, sit amet venenatis sem. In nec quam sed nisl imperdiet faucibus. Sed malesuada, diam at pellentesque adipiscing, turpis leo tristique nisl, <strong>sed volutpat neque orci id ligula</strong>. Nunc nunc eros, dignissim ac tristique vel, sagittis eget ipsum. </p>

Segmentez votre paragraphe avec des sous titres (les balises H2, H3)

Nous avons déjà vu la balise H1 qui est le premier niveau de titre. Il est possible de mettre des sous titre pour séparer vos paragraphes et cela à plusieurs niveaux. Les balises HX (X étant le niveau) permettent de bien dissocier chaque sous titre et son importance. Pour la prise en compte pour le référencement, ça sera éxactement la même chose, la balise H1 aura plus de poids que la balise H2 qui aura elle même plus de poids que la balise H3.

Et voila, votre page aura désormais un texte bien structuré, bien mis en avant et surtout dont les éléments importants sont bien pris en compte par les moteurs de recherches. La suite sera surtout de l’esthétisme, moins important pour structurer votre vente mais au combien important pour séduire votre lecteur…

Cet article vous a plu ? N'hésitez pas à le partager avec vos amis...
Categories: Programmation Web

Ne partez pas sans laisser un commentaire


This site uses KeywordLuv. Enter YourName@YourKeywords in the Name field to take advantage.