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 ?

Trier par :   Plus rĂ©cents | Plus anciens | Les plus votĂ©s
Membre
5 décembre 2008 9:09

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 9:24

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 9:33

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 9:57

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 10:48

– 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 11:02

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 11:52

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 12:50

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

Invité
5 décembre 2008 13:35

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)

wpDiscuz
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