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? Alors, ne pensez même pas à bloguer sans comprendre les 7 balises HTML suivantes, que tout écrivain en ligne devrait connaître.

Dans de nombreux cas, vous devrez peut-être modifier le formatage d'une entrée de blog ou d'un article en ligne. Si vous êtes un auteur indépendant, avoir la capacité de publier un article bien formaté en utilisant uniquement un éditeur de texte et du code HTML est une excellente compétence à posséder..

Pour être commercialisable et flexible en ligne, il vous suffit de savoir comment formater un article HTML complet ou comment peaufiner les choses quand même un outil d'édition basé sur le Web ne fonctionne pas correctement. Ce qui suit sont 7 balises HTML critiques que vous devriez toujours garder dans votre poche, ainsi que quand et pourquoi vous devriez les utiliser.

HTML n'est pas juste pour les geeks

Il existe de nombreuses balises HTML de base, mais cet article n'est pas destiné à être une autre introduction terne au HTML pour les écrivains pauvres qui n'ont absolument aucun intérêt à apprendre à coder des pages Web. Non, nous parlons ici de formatage sur le Web. Pour qu'un article ait vraiment une belle apparence, il y a quelques règles générales à suivre et quelques conseils précieux et durement appris que je souhaiterais vraiment connaître lorsque j'ai commencé à écrire pour des clients sur le Web..

Je ne dis pas cela à 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 rien sans vraiment me mettre à suer. Malgré tout, il me restait encore beaucoup à apprendre sur l’utilisation du HTML pour le formatage des articles. Aujourd'hui, j'aimerais transmettre certaines des leçons que j'ai apprises au cours de la dernière décennie à de nouveaux écrivains et blogueurs en ligne. Voici les sept conseils de formatage pour lesquels nous allons examiner les balises: formatage de devis, placement d’images, formatage de liste, structuration des en-têtes, mise en évidence des phrases, placement d’annonces non intrusives et sources de crédit..

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 l'astuce séculaire sur le référencement qui consiste à faire passer les en-têtes de grand en petit tout au long de l'article reste vraie, les éditeurs se demandent constamment s'il est préférable d'utiliser la même taille d'en-tête, si des éléments tels que le texte en gras constituent un sous-en-tête valide, et toutes sortes d'autres détails difficiles. Oublie tout ça.

Tout ce que vous devez retenir, c’est que les études démontrent clairement que la structure visuelle des lecteurs sur le Web présente une structure claire en forme de F dont vous devez tirer parti lorsque vous écrivez..

Dans une étude de suivi du regard menée par le groupe Nielsen Norman, les chercheurs ont constaté que, sur Internet, les lecteurs lisaient tout d'abord horizontalement en haut de la page à quelques reprises, puis balayaient le côté gauche de la page. Cette étude révèle que les lecteurs utiliseront les en-têtes comme un outil pour identifier le contenu qui leur tient à cœur. Par conséquent, si vous souhaitez fournir ce que vos lecteurs souhaitent, il importe peu que vous commandiez des en-têtes de grande à petite taille. mots informatifs qui dit réellement aux lecteurs de quoi traite la section et les place uniformément dans l’article pour bien l’organiser.

Vous pouvez penser que vous êtes spirituel et créatif avec ces titres, mais si vous ne décrivez pas la section, vous ne faites vraiment pas de faveurs à quiconque..

Pour citer ou ne pas citer

Sans conteste, la plus grande étiquette inventée est, à mon avis, la

étiquette. La raison pour laquelle je l’aime, c’est en raison du style attrayant qu’il offre aux propriétaires de blogs. Quel que soit le thème WordPress ou Blogger que vous utilisez, les chances sont bonnes de traiter le

tag différemment. Chaque concepteur de thème a son 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 casser le contenu de votre article de manière à faire plaisir aux yeux et à amener les gens à lire la citation..

Si vous écrivez pour un client, demandez-lui s'il est correct d'utiliser le tag et, s'il le permet, utilisez-le absolument.

Un conseil pour utiliser

dans vos articles: n'en faites pas trop. Une ou deux courtes citations dans un article d'environ 800 à 1000 mots suffisent amplement. Cela vous donne non seulement la possibilité de rompre avec les paragraphes, mais vous permet également de citer des citations d'experts externes, ce qui renforce encore la crédibilité de votre article. Tu ne peux pas perdre.

Comment utiliser les images

Les cartes thermiques de Nielsen, un lecteur en ligne, ont révélé une autre chose: les gens s'attardent généralement aux images lorsqu'ils lisent un article en ligne. De plus, les yeux sont attirés par l'image suivante. Cela vous donne un moyen psychologique très puissant de faire en sorte que les gens continuent à lire dans votre article. De plus, un peu comme un

, les images brisent le contenu et donnent une pause au lecteur.

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

Vous remarquerez que les images sont suffisamment éloignées les unes des autres pour que, lorsque vous avez défilé un peu, l'œil se rende compte qu'une autre image apparaîtra plus bas. Ce n'est pas quelque chose qui est fait uniquement pour l'impact psychologique d'attirer l'attention sur l'article - cela en fait une lecture beaucoup plus agréable et un meilleur article.

Cela dit, si le blog ou le site Web pour lequel vous écrivez n'a pas les propriétés sur la page pour les grandes images de cette taille, alors utilisez au moins des images plus petites et alignées. à gauche ou à droite tout au long de l'article. Lorsque je fais cela sur mon propre blog, j'aime alterner de gauche à droite pour changer les choses au fur et à mesure que l'article défile au bas de la page..

Aligner les images sur le texte est généralement une simple question de réglage de la classe align sur “droite” ou “la gauche” dans le balise, mais vérifiez toujours auprès du propriétaire du blog ou du site Web que vous écrivez pour savoir s'il existe un style CSS utilisant quelque chose comme ce que l'on appelle le “flotte” propriété de faire des alignements. Il se peut que vous deviez utiliser une syntaxe spécifique pour aligner des images de ce type en fonction du style CSS. Prenez donc le temps de demander au concepteur. Cela en vaut la peine, et cela rendra un article beaucoup plus attrayant.

Faites une liste et vérifiez-la deux fois

Comme Tina l'a détaillé dans son article sur les balises HTML Top 11 des balises HTML que chaque propriétaire de site Web et blogueur doit connaître Top 11 des balises HTML que chaque propriétaire de site Web doit connaître Le monde entier connaît de nombreuses langues et est codé dans plusieurs différentes. La seule langue que l’on puisse trouver partout et qui existe depuis l’invention des pages Web est le… Lire la suite, il existe deux types de listes que vous formatez en HTML, la balise de liste ordonnée

et l'étiquette de liste non ordonnée
. Le premier met des chiffres devant les éléments de la liste, le second des points. Vous pouvez voir la syntaxe dans l'article de Tina, mais à quel moment convient-il d'utiliser l'un ou l'autre - ou même d'utiliser une liste du tout??

Tout d’abord, les listes sont un autre excellent moyen de briser la monotonie des paragraphes simples, de garder le lecteur intéressé et de attirer de nouveau l’œil sur une liste rapide d’articles pouvant être numérisés assez facilement. La règle de base que j'utilise est de savoir si les éléments doivent être comptés de quelque manière que ce soit. Si c'est le cas, utilisez une liste numérotée. Sinon, utilisez non numéroté.



Cela semble simple, mais il y a parfois une ligne grise. Par exemple, énumérer les raisons pour lesquelles l'utilisation d'un réseau sans fil peut être non sécurisé nécessiterait une liste sans chiffres, car le nombre de ces listes importe peu - ce ne sont que des raisons. D'autre part, lorsque vous donnez des étapes dans un processus ou une procédure dans lesquels l'ordre de la liste est important, les chiffres ont du sens. N'utilisez pas de chiffres si vous n'en avez pas besoin, car ils risquent de rendre votre liste inconfortable. Les listes à puces peuvent vraiment contribuer à améliorer la mise en page de votre article - en avoir au moins un, si cela convient au sujet, est une très bonne idée..

Les caractères gras et les italiques ont évolué

Auparavant, le texte en caractères gras était la voie à suivre lorsque vous vouliez souligner une phrase ou un point dans une phrase. Cela a proliféré avec les conceptions horribles de sites Web des années 90, où des sites essayant de vendre des choses audacieuses et changeant la taille de la police de divers mots pour vous amener de manière inconsciente à vous concentrer sur ces mots d'argent ou quelque chose… Je ne sais pas. Mais je sais qu’une fois que le blogging est devenu si populaire et que les en-têtes ont commencé à former la structure de ce contenu, les caractères gras n’ont plus aucun sens. Au mieux, il est préférable de transformer le texte en en-tête de la plus petite taille possible, ce que beaucoup de blogs font.

Auparavant, l'étiquette audacieuse était , et beaucoup de gens continuent à l'utiliser sans se rendre compte 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 ce qui est en italique, alors qu'aujourd'hui la méthode pour mettre du 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. Cela fonctionne bien, et a l'air propre et professionnel lorsqu'il est fait avec modération.

Annonces non-intrusives

Comment placer 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, beaucoup de lecteurs sont habitués à l'idée des publicités et à la nécessité de payer pour le contenu, mais ce qui les ennuie et les chasse (ou les oblige à utiliser ces horribles bloqueurs de publicités), ce sont les publicités qui apparaissent, bloquent le texte. , ou sont camouflés pour ressembler à un article. Ne fais pas ça.

Utilisez plutôt des annonces avec des bordures claires et utilisez le code CSS. “flotte” méthode pour faire envelopper le texte (sauf si vous le placez dans la barre latérale). Voici à quoi ça ressemble:









Le flotteur: à droite; Comment utiliser un modèle de contenu Wordpress pour écrire plus rapidement Comment utiliser un modèle de contenu Wordpress pour écrire plus rapidement Wordpress est une invention brillante et l'a fait possible pour de plus en plus de gens d'avoir des sites étonnants, avec de beaux thèmes. Cependant, il y a toujours la question du contenu, qui a encore besoin de… Lire Plus comme je l'ai décrit dans des articles précédents. Cela évite de placer l’annonce dans chaque article. Comme vous pouvez le constater, l’annonce est suffisamment grande pour attirer l’attention, mais elle n’est pas camouflée ni ne bloque le texte. Si les lecteurs le souhaitent, ils peuvent simplement l’ignorer et continuer à la lire. aucun problème.



La pire chose que vous puissiez faire avec vos articles est de trop en faire avec des annonces et de dissuader des lecteurs (et dans de nombreux cas, vous n'aurez même pas à vous soucier des annonces, comme si vous écriviez pour un client). Toutefois, en tant que propriétaire de votre blog, vous devez prendre en compte ces éléments lorsque vous écrivez des articles sur votre site. Ces conseils de mise en forme de base peuvent faire toute la différence pour la perception de votre annonce..

Sources de crédit

Le pire aspect d'Internet à l'heure actuelle est vraiment le vol de contenu qui se produit - et je ne parle pas seulement des lowlife qui recherchent du contenu sur Internet et le copient sur leurs propres sites de spam de qualité médiocre, configurés uniquement pour Google. trafic. Non, même les sites Web les plus importants et les plus populaires - les principaux blogs et les principaux médias - ont la très mauvaise habitude de voler des informations et “cuillerées” de petits blogueurs et de sites Web, en ajoutant quelques citations supplémentaires et en revendiquant l’idée comme telle. C'est horrible et assez contraire à l'éthique, mais cela arrive. Cela ne signifie pas que vous devriez faire de même. En fait, il est logique de citer des sources de haute qualité. RefDot: cite facilement des sources du Web RefDot: cite des sources du Web, lire plus afin de sauvegarder les revendications d’article ferait en sorte que votre site Web soit considéré comme une source fiable de haute qualité. information. C'est de l'or SEO là.



Cependant, vous ne souhaitez pas non plus que ce texte apparaisse comme un contenu important au bas de votre article. Une approche courante pour citer des sources d’histoire RefDot: permet de citer facilement des sources sur le Web RefDot: rend facile de citer des sources du Web, lisez plus ou les sources d’image situées au pied d’un article sont les suivantes: balise, qui force la police à une taille. C'est un excellent moyen de formater les informations de copyright, les commentaires juridiques et les crédits. Il fournit les informations nécessaires, mais ne détourne pas de la conclusion de l'article lui-même.

Bien entendu, les conseils ci-dessus sont les bases de base que tout écrivain en ligne devrait apprendre, mais si vous souhaitez approfondir, il existe de nombreuses ressources. Consultez mon article en énumérant quelques sites Web de qualité où vous pouvez apprendre le code HTML. 8 Meilleurs sites Web pour des exemples de codage HTML de qualité 8 Meilleurs sites Web pour des exemples de codage HTML de qualité Certains sites Web impressionnants offrent des exemples et des tutoriels de codage HTML bien conçus et utiles. Voici huit de nos favoris. Lire la suite . Tina a également détaillé quelques effets HTML utiles supplémentaires. 7 effets HTML cool que chacun peut ajouter à son site Web 7 effets HTML cool que tout le monde peut ajouter à son site Web Ne désespérez pas! Vous n'avez pas besoin de connaître CSS ou PHP pour créer un site de fantaisie. Un bon vieux code HTML et savoir copier-coller suffiront. Lisez plus que vous pourriez ajouter à votre site. Si vous voulez vraiment devenir fou, il existe également des ressources pour apprendre le CSS Top 5 des sites pour apprendre le CSS en ligne Top 5 des sites pour apprendre le CSS en ligne Lisez-en plus.

En réalité, écrire en ligne nécessite plus que la créativité nécessaire pour écrire quelque chose dans une publication imprimée. La publication sur Internet signifie que vous devez comprendre non seulement les codes de base des sites Web, mais aussi quand et pourquoi les utiliser..

En savoir plus sur: Blogging, HTML.