Structurer votre communiqué de presse avec des balises HTML

Structurer votre communiqué de presse avec des balises HTML.
Nous allons découvrir ensemble 8 balises HTML que vous devez connaître pour optimiser au mieux votre communiquer de presse , ne vous inquiétez pas c’est très simple.
Nous allons découvrir ces balises :

• H1 Titre
• H2 Sous titre
• H3 Sous sous titre
• H4 Sous sous sous titre
• A Lien
• IMG Image
• B ( et STRONG ) le gras
• EM ( et I ) texte en italique

Structurer votre texte à l’aide des balises HTML de titre

La rédaction d’articles à diffuser sur l’internet est très simple.
Vous pouvez facilement proposer un contenu par l’exportation du contenu au format HTML depuis votre traitement de texte. Il existe pourtant des manipulations très simple qui permettent de réellement mettre en valeur votre contenu.
Avez vous consulté l’article Comment rédiger votre communiqué de presse avant de poursuivre sur ces explications.

HTML : Hypertext

L’HTML vous propose des balises historiques, pour le formatage de votre contenu en sections puis sous section …

• La balise H1 : la balise titre.
  Cette balise est a réservé à la page elle même, nous vous déconseillions de l’utiliser dans votre communiqué de presse.
• La balise H2 : Sous titre.
  La balise H2 devra être votre balise titre car il est très probable que le site hébergeant votre publication possède déjà une balise H1 et la présence de plusieurs balises H1 n’est pas conseillée.
• Les balises H3 et H4 Sous-Sous-titre de troisième et de quatrième niveau ces balises vous permettent de découper plus profondément vos articles

La structure d’un site : théorie .

Une page correctement constituée se repose sur une structure de site hiérarchisé.
Les balise H1,H2,H3 sont la clé de cette structure de page uniformisé.

Voici un exemple basique :
Dans votre communiqué, qui sera hébergé dans une page déjà pre-formaté votre structure devra donc reposé sur une hiérarchisation à base de balise H2 ( nous rappelons que la page hébergeant le communiqué de presse possédé déjà sa balise H1, il n’est pas conseilliez de mettre plusieurs balises H1 ) Les balises H2,H3,H4 sont la clé de cette structure .
Remarque : dans cet exemple le texte est sans sens.
——————début———————————

<h2>Le titre</H2>

<h3>Le sous titre (1)</H3>

<h4>Le sous titre de la section -Le sous titre (1)- </H4>

Nihil morati post haec militares avidi saepe turbarum adorti sunt Montium primum [...]

<h4>Le sous titre de la section -Le sous titre (1)- </H4>

Et licet quocumque oculos flexeris feminas adfatim multas spectare cirratas [...]

<h3>Le sous titre (2)</H3>

<h4>Le sous titre de la section -Le sous titre (2)- </H4>

Quanta autem vis amicitiae sit, ex hoc intellegi maxime potest, quod ex infinita societate [...]

<h4>Le sous titre de la section -Le sous titre (2)- </H4>

Fuerit in consulatu sine provincia, cui fuerit, antequam designatus est, decreta provincia [...]
———————fin——————————

C’est ainsi que vous fournirez un contenu respectant les hiérarchisations et surtout ce texte s’intégrera parfaitement dans la page pre-formaté du site qui vous héberge.

Ajouter Un lien

Connaissez vous cet article sur le lien : Qu’est ce qu’un lien
Ajouter un lien vous parais compliqué et pourtant c’est très simple.
Votre lien est constitué de deux éléments au minimum.

• Le lien , URL , la page que vous désirez proposer à votre visiteur
• L’ancre , le texte sur le quel vous pourrez cliquer

<a href="URL">ANCRE</a> ( vous pouvez copier/coller ce code )
Pour l’URL : http://www.wordpress-seo.com/comment-rediger-des-communiques-de-presse-efficace.php
Et l’ancre Comment rédiger des communiqués de presse efficace
Nous obtiendrons :
<a href="http://www.wordpress-seo.com/comment-rediger-des-communiques-de-presse-efficace.php ">Comment rédiger des communiqués de presse efficace</a>
Ce qui donne tout simplement :
Comment rédiger des communiqués de presse efficace

Ajouter une image.

Ajouter une image est un vrais casse tête et pourtant vous allez y arriver.
Pour afficher une image il vous faut l’URL de cette image et si vous ne pouvez pas contrôler la dimension de votre image source tout se complique.
Insérer une image dont la dimension est bonne.
<img src="http://www.bestdescribe.com/logos/wordpress-seo.gif">
ce qui donnera

Cet exemple affiche l’image qui se trouve à cette URL : http://www.bestdescribe.com/logos/wordpress-seo.gif

Insérer une image dont la dimension est mauvaise.
Si vous ne pouvez changer la dimension de l’image de base pour l’adapter à votre texte, tout se complique.
Avant même d’utiliser votre image vous devez vous assurer que l’image ne sera pas trop grosse pour une simple question de confort de l’internaute qui lira votre article

Un exemple : vous possédez une image qui fait 700 pixels sur 300 pixels ( une grosse bannière ) et vous désirez l’afficher dans un site qui vous laisse 500 pixel de large , une simple règle de trois vous permet de changer le format de votre image 700Px devient 500px et 300px devient 214px

la règle de trois
700 => 500
300 => X ??
X=(300×500)/700=214,28 …
214,28 devient donc 214px

Votre image au format 700×500 conservera son aspect au format 500×214

Remarque:
Il est bon parfois de tricher un peu 215 ou 213 fournirons peu être de meilleurs résultats. Nous sommes souvent déçu par les images compactées avec une valeur qui n’est pas un entier, c’est normal le ratio n’est pas réellement respecté par la perte des valeurs après la virgule.

vous afficherez donc votre image ainsi :
<img src="http://www.bestdescribe.com/logos/wordpress-seo.gif" width="500" height="214"> ( vous pouvez copier/coller ce code )

cet exemple affiche l’image qui se trouve à cette URL : http://www.bestdescribe.com/logos/wordpress-seo.gif au format 500×214 ( dans notre exemple le ratio est conservé, ce n’est pas le cas de cette image qui est agrandie) qui devrais conserver le ratio largeur / hauteur .

Texte en gras et en italique

Texte en gras

si vous avez passé avec succès le redimensionnement de l’image cette nouvelle fonctionnalité devrait vous paraître très simple .
Pour mettre un texte en gras vous pouvez l’entourer de la balise bold ( gras)
<b>Text en gras </b> ou <strong>texte en gras aussi </strong>
Text en gras ou texte en gras aussi
N’oubliez pas de fermer votre balise !!!

Texte en italique

Pour mettre un texte en italique vous pouvez l’entourer de la balise embeded ( italique)
Text en italique ou texte en italique aussi
<em>Text en italique </em> ou <i>texte en italique aussi </i>
N’oubliez pas de fermer votre balise !!!

Si vous avez bien suivit ce tutoriel, vous savez maintenant passer outre les limitations que vous impose votre traitement de texte qui n’est pas un outil de création d’HTML mais plutôt un gadget pour amateur ( dans le cas du HTML) .
L’ajout de structures, d’images et de liens rendent votre publication réellement efficace. Profitez de la force des publications sur internet est maintenant votre prochain objectif.