visiograf.org, optimiser son site

 

Stucturation et balisage texte html, mise en page logique

Abonnez-vous gratuitement : News rss


Mise en page HTML logique

La structuration d'un document ou d'une page HTML se compose d'un titre principal, c'est l'évidence et pourtant bons nombres de sites l'oublient. Le langage HTML note le titre principal de la page entre les balises <h1></h1>, il y en a au moins 1 ! Dans ce titre se trouvera au minimum 1 mot clé, vient ensuite un sous-titre <h2></h2>, c'est parfait, avec un mot clé différent de celui du titre. Le paragraphe qui en d'écoule sera noté entre les balises <p></p>. Malgré les possibilités que donne les CSS (feuille de style), taille de police, couleur, graisse... il faut quand même utiliser le balisage texte HTML, ne commencez jamais un texte avec la balise <span>, mais toujours avec des balises qui permettent aux robots indexeurs d'identifier une structure cohérente. 

exemple de page HTML :
<h1>Votre titre principal (il peut y en avoir plusieurs)</h1>
<h2> le sous-titre (vous avez jusqu' à <h5>)</h2>
<p>le paragraphe</p>

Contenu intrinsèque d'une page HTML

abréviation  <abbr></abbr>, acronyme <acronym></acronym>, citation <cite></cite> sont des balises à utiliser à chaque fois que l'occasion se justifie dans vos textes, ne laissez jamais (si possible) une abréviation, un acronyme ou une citation sans son balisage, les balises abréviation et acronyme disposent d'un attribut title qu'il faut "alimenter" d'une restitution de sa signification. Exemple pour l'abréviation HTML :
<abbr title="Hypertext Markup Language">HTML</abbr>. Ces fonctions permettent aux internautes d'en connaître leurs significations en faisant passer  la souris sur le mot ou l'ensemble de mots ainsi balisés, les systèmes vocaux sont en mesure de restituer aux personnes handicapées un contenu utile qui leur serait invisible sans ce type d'attributs. Le balisage texte HTML participe à la qualité d'un site, qualité perceptible par les robots indexeurs   

Balisage texte HTML affiné.

Bien qu'il soit possible de mettre en forme un texte depuis la feuille de style (CSS), il est primordial de faire ressortir par le balisage texte HTML les mots importants (mots clés) de votre page web. Cette mise en exergue (faire ressortir) ce fait avec les balises <big></big>, <strong></strong>. Faire ressortir les mots importants  avec les balises big et strong est une obligation pour rendre vos textes pertinent, ces deux balises permettent la mise en relation entre le titre, les mots clés et le contenu de votre page, ce biais d'accentuation ne doit pas être négligé

Remarque : il ne faut jamais enfermer un texte dans un tableau ! La balise <table> est à proscrire pour les éléments textes, ne figure dans un tableau que les données tabulaires, éventuellement des éléments graphiques...

Google


 
 
Liens internes et exemple balisage page HTML
  1. <h1>Le titre de votre page</h1>
  2. <h2>Le sous-titre de votre page</h2>
  3. <p>Le ou les paragraphes correspondants au sous-titre avec le balisage adéquat : big et strong<p>
  4. <h2>Nouveau sous-titre</h2>
  5. <p>Nouveau paragraphe et ainsi de suite</p>
  6. <h1>possibilité de créer plusieurs titres majeurs</h1>
  7. <h2>Encore un sous-titre</h2>
  8. <p>Encore un paragraphe</p>
  9. Autant de fois que vous le souhaitez...
  10. Attention au poids de la page
  11. ...

 

Avertissement : les données que vous trouverez sur ce site ne sauraient mettre ma responsabilité en cause pour les éventuelles omissions, erreurs et lacunes qui auraient pu s'y glisser. Contact ICI.


 
Liens externes :


Vitrines miniatures                  Forum                   Lithothérapie               Recettes de cuisine

 
Quelques Publicités pour faire vivre le site, merci :o))
Kit Graphique, téléchargement Antivirus pour PC Messenger en ligne
Portail Hericom, radio gratuite Le Bodypainting EC BARRE - Barre de surf, instant gagnant

 

Titre de la page : Stucturation et balisage texte html, mise en page logique
Le site visiograf.org a été réalisé avec le souci de correspondre aux normes du W3C, pour  vérifier la validation HTML 4.01 Transitional copiez l'adresse de la présente page : http://www.visiograf.org/balisage_texte_html.html cliquez ici et collez cette adresse dans le champ Address:, de la rubrique Validate by URL puis cliquez sur Check pour vérifier la validation CSS 2.1 cliquez ici, et collez de nouveau l'adresse dans le champs Adresse: puis cliquez sur Vérifier

Valid HTML 4.01 Transitional




Creative Commons License      Contact     Haut de page      copyright, site déposé

Plugboard installation plugboard/photos
Plugboard 88X31
Plugboard 468X60
Annuaire plugboard
Adresses plug
CHMOD FileZilla
Uploader avec FileZilla
hebergement pro