Accueil > Technicité > Optimiser son contenu pour le référencement

Optimiser son contenu pour le référencement

Ecrire pour le Web 2/2

mercredi 18 juin 2008, par Anne-Renée Castex, Lucien impression

Mots-clefs :: HTML :: Techniques :: Tutoriels ::

Ecrire pour le Web n’est pas la simple transposition des techniques de l’écrit traditionnel dans le numérique.

Après avoir vu dans notre premier article comment organiser son contenu pour l’internaute, voici comment penser son contenu interactif et optimiser son référencement naturel.


Penser son contenu interactif

La première règle est de ne pas se limiter à la rédaction de contenu mais à penser son article et son contenu de façon interactive. Le rédacteur doit construire sa page en ayant en tête son lecteur, l’ergonomie externe (de son site) et interne (de l’article). L’hypertextualité autorisée par les liens, par les mots-clefs permet à votre lecteur de naviguer sur votre site en suivant son parcours propre.

Ainsi chaque lecteur pourra au hasard d’un clic sur l’un des liens internes à votre article être redirigé vers un autre article, découvrir un site partenaire, etc.
De même, une approche thématique a des avantages : vous pouvez ainsi attribuer des mots-clefs à votre contenu (article, brèves, commentaires, photo, etc) et proposer une navigation parallèle proposant d’autres contenus ayant les mêmes clefs dans un espace dédié.

En somme rédiger sur le Web c’est aussi être référenceur et éditeur.

Mise en forme

La mise en forme pour le Web : le HTML

Le HTML est un langage permettant de mettre en forme du contenu. Si vous voulez rédiger pour le web, il est essentiel de connaître un certain nombre de balises.

Le langage HTML permet d’une part une meilleure hiérarchisation de l’information et un meilleur référencement grâce :

  • aux balises de titre :
    • de premier niveau avec <h1>pour un titre de premier niveau</h1>
    • ou encore de deuxième niveau avec <h2>pour un titre de deuxième niveau</h2>
    • de troisième niveau, de la même façon avec la balise <h3>
  • aux balises de mise en forme
    • Gras <strong>texte en gras</strong>, pour un texte en gras
    • Italique <i>texte en italique</i>, pour un texte en italique
    • Souligné avec la balise <u> (à utiliser avec modération)
  • ou encore via les liens HTML : <a href="www.eclairement.com">Le site Eclairement</a>

D’autre part il agrémente votre contenu et le rend plus agréable à lire, par exemple en soulignant les points importants, en découpant un texte long en paragraphe et parties avec titre et intertitre, etc.
Des couleurs peuvent également être employées, avec modération toutefois : <font color="red">Texte en rouge</font> pour un texte en rouge

Du vert, Jaune, violet, orange, etc sont également possibles.
Vous pouvez remplacer « red » ou une autre couleur par une couleur hexadécimale.

Pour en savoir plus voir le tableau des couleurs HTML recommandées

Le souligné est d’un usage plus discutable (héritage des machines à écrire où gras et italique étaient impossibles) ; il n’est guère plus utilisé que pour les écrits à caractère scientifique et universitaire.

++++Les liens

L’emploi des liens hypertextes

Les liens ne doivent pas parasiter le contenu en proposant en corps de texte des liens s’éloignant de votre contenu. Ils peuvent avantageusement se placer en fin de texte, ou dans des encarts.

Un lien doit être explicite, identifiable et de préférence non apparent tel quel :

  • non apparent, c’est-à-dire masqué par son descriptif ( Le site Eclairement avec le code : <a href="www.eclairement.com">Le site Eclairement</a>)
  • Aisément identifiable dans votre texte : une couleur spécifique, une icône indiquant la présence d’un lien, etc
  • Explicite car ce « descriptif » doit évoquer le plus clairement possible le contenu lié. Un lien droit être d’une longueur adaptée au clic et non redondant :
  • Un lien trop court est difficilement cliquable, un lien trop long parasite la lecture. Il est fortement déconseillé de rendre un paragraphe ou une partie entière d’un texte cliquable.
  • Non redondant : Il est inutile de répéter en bas de page un contenu lié en corps de texte. De même, poser un lien vers le même contenu plusieurs fois dans le texte est à déconseiller.

Quelques conseils sur la pose de liens :

  • Indiquez clairement à votre lecteur si un lien conduit à un contenu autre qu’une page Web ou nécessite une technologie particulière (Document texte, tableur, PDF, images, etc)
  • Vérifiez la validité de vos liens dans le temps.
  • N’employez pas les couleurs utilisées par défaut pour les liens hypertextes (non visités, et visités) pour souligner un contenu non interactif.

++++Illustrer votre contenu

Égayer votre contenu avec des illustrations, des exemples imagés ou encore des vidéos est une bonne chose.
Une telle illustration doit apporter un plus à votre contenu et être travaillée pour le Web.

  • Adapter pour le Web c’est prendre en considération le poids de vos illustrations.
    • Une illustration trop lourde prendra longtemps à s’afficher et consommera votre bande passante.
    • Une image trop grosse gênera votre contenu.
      => Des outils gratuits très performants comme The Gimp ou Paint.net permettent de retoucher vos images, d’en modifier la taille, le poids, etc
    • Prévoyez un texte descriptif alternatif.

Articles relatifs :

- HTML, la mise en forme du texte

- HMTL, les balises de hiérarchisation

- La structure générale d’une page (X)HTML

- HTML, organiser le contenu de votre page


© Tous les textes et documents disponibles sur ce site, sont, sauf mention contraire, protégés par une licence Creative Common (diffusion et reproduction libres avec l'obligation de citer l'auteur original et l'interdiction de toute modification et de toute utilisation commerciale sans autorisation préalable).

+ Répondre à cet article (4 commentaires)
  • Optimiser son contenu pour le référencement

    22 juin 2008 11:00, par Vinc

    Très intéressant et bon complément au I :)

    à quand un tuto sur les programmes de surveillance des visiteurs ? (et sur les proxy aussi :-p)

    repondre message

    • Optimiser son contenu pour le référencement 22 juin 2008 11:27, par Daedalis

      Bonjour et merci pour votre commentaire,

      Sur les proxy tout d’abord, nous avons quelque chose en privé sur le forum. Il serait tout à fait possible de le passer en public.

      Regardant l’analyse des visiteurs, si vous pensez à Google ou a Woopra, quelque chose est en préparation en complément de notre série "écrire pour le web".

      N’hésitez pas à utiliser la boite à idées sur le forum pour proposer des idées de tutoriels, aucun inscription n’est nécessaire.

      repondre message

  • Optimiser son contenu pour le référencement

    26 juin 2008 13:13, par Elnefer

    votre couple d’articles ecrire pour le web m’a été très utile, c’est loin d’être évident ! merci

    Les proxy ! je suis pour :)

    repondre message

    • Optimiser son contenu pour le référencement 26 juin 2008 13:40, par Daedalis

      Bonsoir,

      merci pour votre commentaire :)

      Pour les proxy, nous avons également reçu plusieurs demandes en MP, je vois que ce sujet intéresse beaucoup.

      Je vais relire et corriger l’article actuel et le passer en public comme premier tuto de juillet.

      D.

      repondre message

carre_trans Avec les mêmes mots-clefs
puce Recherche avancée sur Google
puce Sécurisez vos échanges : chatter protégé
puce Gérer ses adresses e-mail d’envoi sous Gmail.com
puce 5 applications pour améliorer l’ergonomie de votre mobile Android.
puce Retro Gaming : Emuler une super nintendo sous Android
puce Comment installer Windows 8 depuis une clef USB manuellement ?
puce L’application Ma Ville Avant disponible sur Android
puce Impossible de trouver Java : comment changer les variables d’environnement sous Windows
puce Vie privée : sécurisez votre navigation internet
puce Sécurisez vos échanges sous Android : chatter protégé
puce Vie privée : sécurisez vos recherches internet
puce Recherche avancée ou de l’usage des booléens
puce Utiliser Python 101 : prise en main
puce Utiliser un logiciel de gestion bibliographique
puce Faire défiler un texte en HTML
puce Test du lecteur multimedia
puce HTML, la mise en forme du texte
puce HTML, organiser le contenu de votre page : les balises de hiérarchisation
puce HTML, organiser le contenu de votre page : notions de base
puce La structure générale d’une page (X)HTML
puce HTML 5 un premier brouillon publié.
puce Android et vie privée : Applications, permissions et localisation
puce Du vélo sous la pluie ou de l’art d’affronter les éléments
puce Microsoft étudiant : état des lieux des offres éducation 2013
puce Android : 5 applications pour améliorer votre productivité mobile.
puce Android : supprimer les sons de l’appareil photo du Galaxy Note 2.
puce Retro Gaming : émuler un Amiga sous Android.
puce Installer Windows 7 depuis une clef USB
carre_trans
Equipe Eclairement L'association
La lettre S'abonner
Facebook Twitter
Tutoriels   Poésie   Société   Cinéma   Techniques   sport   Tutoriels pour débutant   Pages Ouvertes   Windows Mobile   Photographie   Littérature   Linux   arts visuels   Roman   Histoire   BD   Droit   Windows 7   Urbanisme   Fable   Métier   Théâtre   Education   Spectacle   Installation   Peinture   HTML   Europe   Edito   Culture générale   Musique   Séries TV   Manga   Bases de données   Cours   Firefox   Recherche d’information bibliographique   Anime   Microsoft Office   Vie privée   Windows Vista   Android   Windows  
Eclairement © 1998 - 2012
Mentions légales - Contact - Partenaires