Comme pour la rédaction d’un texte, la réalisation de la partie In Site exige de respecter certaines règles :
- Le balisage H1-H6, balises de titre (Heading en anglais)
- La hiérarchie
- Les images
- Les couleurs du texte
- Les espace entre les ligne
- Le choix de la police
Le balisage H1-H6
Présentes au nombre de 6, les balises de titre sont sont prévues pour hiérarchiser le contenu. Les balises Hn sont en charge d’améliorer l’expérience utilisateur, la compréhension par les moteurs de nos contenus, et plus encore.
La plupart du temps, en code informatique, lorsque l’on écrit du texte dans une page Web, on le fait à l’intérieur de paragraphes.
Le langage Html propose de baliser pour délimiter les paragraphes, leur début et leur fin.
indique ainsi le début de mon texte
signifie la fin du paragraphe
et donc “<>” c’est le texte du paragraphe sur site entre les balises que seul les robots peuvent lire.
Il nous suffit donc de mettre notre paragraphe entre ces deux balises et nous aurons enfin notre première vraie page web avec du texte !
Par ailleurs, la balise H1 spécifie un titre très important et la balise H6 un titre peu important. Les balises sont classées du titre le plus important au moins important.
- H1 : titre principale (un seul par page)
- H2 : titre secondaire
- H3 : sous-titre
- H4 : sous-sous-titre
- les balises H5-H6 sont moins utilisées
sera utilisé pour un paragraphe normal
Plus le texte sera bien hiérarchisé, plus google et les autres moteurs de recherche noteront votre site comme préférentiel (et il en sera de même pour les visiteurs)
La hiérarchie (arborescence)
C’est une étape fondamentale dans la création de votre site.
L’arborescence permet d’avoir une vision globale du site web et des parcours de navigation avant de réaliser les maquettes des pages principales. Réaliser le plan de son site web est souvent un exercice très difficile. Faire un plan, c’est hiérarchiser, faire des choix. C’est un exercice difficile, mais plus qu’important. Sans une navigation bien pensée, un site web, aussi joli soit-il, a peu de chances d’atteindre ses objectifs.
Faire en sorte que votre site anticipe les attentes des visiteurs,soit simple et compréhensible, que l’interface ergonomique, intuitive, facile d’utilisation au possible, en se basant sur les ressentis des visiteurs est appelé UX Design.
Comme, il est impossible de vendre des chaussettes avec des légumes, de la même manière il ne sera pas possible de créer un menu parlant d’un sujet, accolé à un sous-menu qui parle d’un autre. Il est donc nécessaire que le balisage H1-H6 soit cohérent.
- H1 référencement naturel
- H2 comment référencer son site
- H3 Les plus grand défis d’un référenceur
La hiérarchie ou arborescence est le squelette de votre site internet, il faut vraiment prendre le temps pour amener les visiteurs d’en comprendre le contenu et leur donner envie de revenir voir vos contenus, et pour permettre aux moteurs de recherche d’appréhender facilement l’ensemble du contenu de votre site web.
Le pouvoir des images
Le texte et sa présentation est bien sûr primordial mais n’oubliez jamais qu’une image vaut 1000 mots et qu’elle représente le meilleur moyen d’avoir un impact et d’attirer l’attention de vos visiteurs.
Il existe plusieurs façons d’intégrer des images. Les points importants à noter et appliquer dans un 1er temps (nous ne développerons pas plus pour l’instant) sont :
- La taille (il faut arriver à un compromis entre taille/poids et qualité adaptable à tous les écrans)
- La qualité du visuel
- Le nom donné à l’image
- La description (la balise Alt)
La présentation du texte
Il existe une multitude de police d’écriture pour le web.
Tout le travail d’un designer sera de trouver les polices et couleurs les plus adaptées à votre thème, et design.
La mise en forme est également essentielle (gras, italique,…) pour signaler une phrase importante dans votre texte et en particulier pour les mots clés ciblé plus tôt par le référenceur.