7 conventions de mise en page et de présentation sur Presse-citron

Quand on édite un blog depuis quelques années, il n’est pas interdit de se contraindre à appliquer quelques règles de présentation, de mise en page et de hiérarchisation de l’information afin d’offrir des repères au lecteur. Ces conventions ont en outre l’avantage d’inciter le rédacteur à être plus clair et plus concis. Ainsi sur Presse-citron

Quand on édite un blog depuis quelques années, il n’est pas interdit de se contraindre à appliquer quelques règles de présentation, de mise en page et de hiérarchisation de l’information afin d’offrir des repères au lecteur. Ces conventions ont en outre l’avantage d’inciter le rédacteur à être plus clair et plus concis.

Ainsi sur Presse-citron sont arrivées au fil du temps des règles infographiques que j’essaie de respecter dans la mesure du possible, selon la nature et la densité des billets, dont voici un récapitulatif, au cas où cette notion vous inspirerait :

  • les billets longs (plus de 5 paragraphes de 10 lignes) sont coupés avec un « Lire la suite »
  • les images montrant des captures d’écrans de sites web ont, sauf rare exception, toujours la même dimension et la même présentation : 510×220 pixels, image inclinée sur la gauche, encadrée d’un liseré gris de 4 pixels
  • les autres images (produit, capture de site mobile…) ont un format plus disparate mais j’essaie dans la mesure du possible de les tailler à 510 pixels de large (dimension maxi)
  • L’image illustrant un article est toujours placée entre le premier et le deuxième paragraphe, sauf dans deux cas : si le premier paragraphe est trop court où ne cite pas encore le service, ou s’il s’agit d’un billet d’humeur (perso) illustré par une image conceptuelle, comme ici ou ici, où elle est placée en tête de l’article
  • les noms des sites web chroniqués sont toujours en gras dans la première citation, et liés au site en question
  • les interviews (notamment les Métiers du web) font apparaître une photo de la personne en incrustation à gauche dans le texte , une capture d’écran de son site et une citation en exergue, comme ici
  • les citations sont toujours en italique et entre guillemets, mais cela pourrait changer au profit de la fonction citation de l’éditeur WordPress, que je n’ai encore jamais utilisée

Je ne souhaitais pas conclure ce billet par un appel à commentaires, mais je crois que vais y sacrifier quand même car les réponses peuvent être d’utilité publique : et vous, est-ce vous appliquez des règles immuables pour la rédaction et la présentation de vos billets ?

Invité
5 décembre 2008

Sur mon blog j’essaye de commencer par une image 600px de large auquel j’ajoute une marge de 5 px blanche puis un effet ombré.

Pas de coupure « lire la suite »

Citation « à la wordpress ».

En gras ce que je veux mettre en avant.

Rien ne vient de moi j’ai pompé les idées à gauche et à droite ;)

Invité
5 décembre 2008

Pour ma part, j’essaie surtout d’être cohérent avec mes articles précédents, histoire que l’ensemble soit homogène.

Invité
5 décembre 2008

De mon coté, chaque article est plus ou moins structuré de la même façon depuis quelques temps : Un chapeau, une image de 450px, des paragraphes précédés d’intertitres. Les liens en gras et la source en bas d’article…

Invité
5 décembre 2008

Moi je n’applique pas vraiment de règles immuable, s ce n’est les citations guillemets italique. Les images & les videos sont soit a droites soit a gauche en fonction de ce que je veux mettre en avant. Et ce n’est pas si mal, si ?

Invité
5 décembre 2008

- Le format des photos est standard avec un cadre et un mention de ©.
- J’essaie d’aérer mes paragraphes et photo en insérant des retour de ligne.
- Coupure de ligne si il y a plus de deux photos ou le texte dépasse 20 ligne pour ne pas chargé la page principal et inciter à ouvrir l’article.
- Dans mes textes, utilisation d’un maximum de référence lien avec d’autres articles de mon blog pour inciter le lecteur à rester sur le blog

Invité
5 décembre 2008

mes images et vidéo sont de 530 pixel de large dont 5 pixel ombré pour les images
mes images si elle egaie l article je les place en haut si c est une image precise je la place la ou la precision d article commence si mon article est court je cherche une image longitudinale pour la mettre a droite ou a gauche tout au long de l article
j ai horreur des articles ou faut cliquer sur suite bien que je le reconnais graphiquement cela permet d harmoniser plus facilement

Invité
5 décembre 2008

Eric ? Je veux bien savoir comment tu fais pour mettre la citation en exergue sur la droite comme une image ? C’est directement dans le TinyMCE de WordPress ou un plugin en plus ? :)

Invité
5 décembre 2008

Il faut que le tout reste hamonieux, mais je me donne plus de libertés.

Invité
5 décembre 2008

toujours mettre en gras les mots qui doivent ressortir sur Google :-)

j’ai arrêté les découpages « lire la suite » car ça faisait chuter les visites (bizarrement)

 
Lire les articles précédents :
Twitter expliqué au Monde

Si vous peinez un peu à expliquer ce qu'est exactement Twitter à une personne qui n'est pas très au fait...

Fermer