Publicité

Souhaitez-vous esquisser un dessin sans avoir une gomme à portée de main? Souhaitez-vous peindre une pièce, sans d'abord coller les bords des murs? Eh bien, ne pensez même pas aux blogs sans comprendre les 7 balises HTML suivantes, que tout écrivain en ligne devrait vraiment connaître.

Dans de nombreuses situations, vous devrez peut-être modifier la mise en forme d'une entrée de blog ou d'un article en ligne. Si vous êtes un auteur indépendant, avoir la possibilité de livrer un article bien formaté en utilisant rien d'autre qu'un éditeur de texte et du code HTML est une excellente compétence.

Pour être commercialisable et flexible en ligne, il vous suffit de savoir comment formater un article HTML complet, ou comment modifier les choses même si un outil d'édition basé sur le Web ne fait pas les choses correctement. Voici 7 balises HTML critiques que vous devez toujours garder dans votre poche arrière, ainsi que quand et pourquoi vous devez les utiliser.

HTML n'est pas seulement pour les geeks

Il existe de nombreuses balises HTML de base, mais cet article n'est pas censé être un autre terne introduction au HTML pour vous pauvres écrivains qui n'ont absolument aucun intérêt à apprendre à coder le web pages. Non, nous parlons ici de formatage sur le Web. Pour qu'un article soit vraiment beau, il y a quelques règles générales à suivre et quelques précieuses, des conseils durs que j'aurais vraiment aimé connaître lorsque j'ai commencé à écrire pour des clients sur la toile.

Je ne dis pas ça à la légère. Je suis un programmeur dans l'âme et lorsque j'ai commencé à écrire sur le Web, j'aurais pu coder une page Web à partir de zéro sans vraiment transpirer. Pourtant, j'avais beaucoup à apprendre sur l'utilisation du HTML pour la mise en forme des articles. Aujourd'hui, je voudrais transmettre certaines des leçons que j'ai apprises au cours de la dernière décennie aux aspirants nouveaux écrivains et blogueurs en ligne. Voici les sept conseils de mise en forme pour lesquels nous allons examiner les balises: mise en forme des devis, placement des images, liste mise en forme, structuration des en-têtes, mise en évidence dans les phrases, placement d'annonces non intrusives et attribution de crédits sources.

En-têtes - Qui en a besoin?

Au fil des ans, l'étiquette de choses comme les balises d'en-tête (

,

, etc…) a changé. Bien que la vieille astuce SEO pour faire passer les en-têtes du grand au petit tout au long de l'article soit vraie, il y a un débat constant parmi les éditeurs pour savoir si il est préférable d'utiliser simplement la même taille d'en-tête, que des éléments comme le texte en gras constituent un sous-en-tête valide et toutes sortes d'autres pointilleux détails. Oubliez tout ça.

Tout ce que vous devez vous rappeler, c'est que les études montrent clairement que le schéma des yeux des lecteurs sur le Web présente un schéma clair en forme de F dont vous devez tirer parti lorsque vous écrivez.

Dans une étude de suivi oculaire menée par le Nielsen Norman Group, les chercheurs ont découvert que sur Internet, les lecteurs lisaient d'abord horizontalement le haut de la page plusieurs fois, puis ils balayaient le côté gauche de la page. Ce que révèle cette étude, c'est que les lecteurs utiliseront les en-têtes comme outil pour identifier le contenu qui est important pour eux. Donc, si vous vous souciez de fournir ce que veulent vos lecteurs, que vous commandiez des en-têtes de grande à petite taille n'a pas autant d'importance que de remplir des en-têtes avec mots informatifs qui indiquent en fait aux lecteurs de quoi traite la section et les répartissent uniformément dans l'article pour bien l'organiser.

Vous pensez peut-être que vous êtes plein d'esprit et créatif avec ces titres, mais si vous ne décrivez pas la section, vous ne rendez vraiment service à personne.

Pour citer ou ne pas citer

De loin, la plus grande étiquette inventée, à mon avis, est la

étiquette. La raison pour laquelle je l'aime est à cause du style cool qu'il offre aux propriétaires de blogs. Quel que soit le thème WordPress ou Blogger que vous utilisez, les chances sont plutôt bonnes qu'il traite

balisez différemment. Chaque concepteur de thème a sa propre idée de ce qui devrait entrer dans le style CSS des citations dans les articles. Le fait est que cela vous offre la possibilité de décomposer le contenu de votre article d'une manière qui plaît à l'œil et incite les gens à lire la citation.

Si vous écrivez pour un client, demandez-lui si vous pouvez utiliser la balise et s’il l’autorise, utilisez-la par tous les moyens.

Un conseil d'utilisation

dans vos articles: n'en faites pas trop. Une ou deux courtes citations dans un article d'environ 800 à 1 000 mots suffisent amplement. Il donne non seulement la possibilité de faire une pause dans les paragraphes, mais il vous permet d'apporter des citations d'experts externes, ce qui renforce encore la crédibilité de votre article. Vous ne pouvez pas perdre.

Comment utiliser les images

Une autre chose que les cartes thermiques du lecteur en ligne Nielsen ont révélé: les gens ont tendance à s'attarder sur les images lorsqu'ils lisent un article en ligne. De plus, les yeux sont attirés sur l'image suivante. Cela vous donne un moyen psychologique très puissant pour inciter les gens à lire votre article. De plus, un peu comme un

, les images décomposent le contenu et laissent l'œil du lecteur.

De toute évidence, MakeUseOf utilise de belles et grandes images - idéales pour le type d'articles d'assistance technique que l'on trouve sur un site comme celui-ci.

Vous remarquerez que les images sont espacées juste assez loin pour que, au moment où vous faites défiler un peu, l'œil soit conscient qu'une autre image apparaisse en dessous. Ce n'est pas quelque chose qui est fait uniquement pour l'impact psychologique de tirer l'œil vers le bas de l'article - cela rend juste une lecture beaucoup plus agréable et un article plus beau.

Cela dit, si le blog ou le site Web pour lequel vous écrivez n'a pas le bien immobilier sur la page pour les grandes images pleine largeur comme ça, alors au moins vous devriez utiliser des images plus petites qui sont alignées à gauche ou à droite tout au long de la article. Quand je fais cela sur mon propre blog, j'aime alterner de gauche à droite juste pour changer les choses au fur et à mesure que l'article descend la page.

L'alignement des images avec le texte qui entoure comme ceci est généralement une simple question de définir la classe d'alignement sur "droite" ou "gauche" dans le , mais vérifiez toujours auprès du propriétaire du blog ou du site Web pour lequel vous écrivez pour savoir s'il existe un style CSS qui utilise quelque chose comme ce que l'on appelle la propriété "float" pour effectuer des alignements. Il peut y avoir une syntaxe spécifique que vous devez utiliser pour aligner des images comme celle-ci en fonction du style CSS, alors prenez le temps de demander au concepteur. Cela vaut bien l'effort et fera un article beaucoup plus attrayant.

Faites une liste et vérifiez-la deux fois

Comme Tina l'a détaillé dans son article sur Balises HTML Top 11 des balises HTML que chaque blogueur et propriétaire de site Web doit connaîtreLe World Wide Web connaît de nombreuses langues et est codé en plusieurs langues différentes. Cependant, la seule langue que l'on retrouve partout et qui existe depuis l'invention des pages Web est la ... Lire la suite , il existe deux types de listes que vous formatez en HTML, la balise de liste ordonnée

et la balise de liste non ordonnée

. Le premier met des nombres devant les éléments de la liste, le second met des points. Vous pouvez voir la syntaxe dans l'article de Tina, mais quand exactement est-il approprié d'utiliser l'un ou l'autre - ou même d'utiliser une liste?

D'abord et avant tout, les listes sont un autre excellent moyen de briser la monotonie des paragraphes le lecteur est intéressé, et attire à nouveau l'attention sur une liste rapide d'éléments qui peuvent être scannés assez facilement. La règle de base que j'utilise est de savoir si les articles doivent être comptés ou non. Si tel est le cas, utilisez une liste numérotée. Sinon, utilisez non numéroté.

Cela semble simple, mais parfois il y a une ligne grise. Par exemple, répertorier les raisons pour lesquelles l'utilisation d'un réseau sans fil peut ne pas être sûr nécessiterait une liste sans chiffres, car en réalité, peu importe le nombre, ce ne sont que des raisons. D'un autre côté, lorsque vous donnez des étapes dans un processus ou une procédure où l'ordre de la liste est important, les chiffres ont du sens. N'utilisez pas de chiffres si vous n'y êtes pas obligé, car ils peuvent rendre votre liste délicate. Les listes à puces peuvent grandement contribuer à améliorer la mise en page de votre article. Par conséquent, en avoir au moins une, si elle convient au sujet, est une très bonne idée.

Le gras et l'italique ont évolué

Auparavant, le texte en gras était la voie à suivre lorsque vous vouliez souligner une phrase ou un point d'une phrase. Cela a proliféré avec les conceptions horribles de sites Web des années 90, où les sites essayant de vendre des choses seraient audacieux et changer la taille de la police de divers mots pour que vous vous concentriez inconsciemment sur ces mots d'argent ou quelque chose comme ça t sais. Mais je sais qu'une fois que les blogs sont devenus si populaires et que les en-têtes ont commencé à former la structure de ce contenu, les polices en gras n'avaient plus de sens pour mettre l'accent sur quoi que ce soit. Au mieux, il est préférable de l'utiliser pour transformer le texte en en-tête le plus petit possible, ce que font de nombreux blogs.

Autrefois, la balise en gras était , et de nombreuses personnes continuent de l'utiliser sans savoir que le Web est passé à la balise plus moderne de ou la syntaxe CSS de texte.

De même, tout le monde utilisait pour tout l'italique, alors qu'aujourd'hui la méthode pour souligner le texte en italique est d'utiliser le étiquette. C'est vraiment le moyen idéal pour mettre l'accent sur un mot ou une phrase. Il fonctionne bien et semble propre et professionnel lorsqu'il est fait avec modération.

Annonces non intrusives

La façon dont vous placez une annonce dans votre article peut vraiment faire la différence quand il s'agit de ne pas perdre vos lecteurs à cause de cela. Vraiment, de nombreux lecteurs sont habitués à l'idée des publicités et pourquoi elles sont nécessaires pour payer le contenu, mais ce qui agace les lecteurs et les lecteurs les éloigner (ou les obliger à utiliser ces horribles bloqueurs de publicités) sont des publicités qui s'affichent, bloquent le texte ou sont camouflées pour ressembler à une partie d'un article. Ne fais pas ça.

Au lieu de cela, utilisez des publicités avec des bordures claires et utilisez la méthode CSS "float" pour envelopper le texte (sauf si vous le placez dans la barre latérale). Voilà à quoi ça ressemble:

src = " http://pagead2.googlesyndication.com/pagead/show_ads.js”>