Würden Sie eine Zeichnung skizzieren, ohne einen Radiergummi zur Hand zu haben? Würden Sie einen Raum streichen, ohne zuerst die Wände der Wände zu verkleben? Denken Sie also nicht einmal an Blogging, ohne die folgenden 7 HTML-Tags zu verstehen, die jeder Online-Autor wirklich wissen sollte.

Es gibt viele Situationen, in denen Sie möglicherweise die Formatierung eines Blogeintrags oder Online-Artikels anpassen müssen. Wenn Sie ein freiberuflicher Autor sind, ist es eine ausgezeichnete Fähigkeit, einen gut formatierten Artikel mit nur Texteditor und HTML-Code zu liefern.

Um online vermarktbar und flexibel zu sein, müssen Sie nur wissen, wie Sie einen vollständigen HTML-Artikel formatieren, oder wie Sie Dinge optimieren, wenn selbst ein webbasiertes Bearbeitungstool die Dinge nicht richtig macht. Im Folgenden sind 7 wichtige HTML-Tags aufgeführt, die Sie immer in der Hosentasche aufbewahren sollten, sowie wann und warum Sie sie verwenden sollten.

HTML ist nicht nur für Geeks

Es gibt viele grundlegende HTML-Tags, aber dieser Artikel ist nicht dazu gedacht, eine weitere schäbige Einführung in HTML für arme Autoren zu sein, die absolut kein Interesse am Erlernen des Codierens von Webseiten haben. Nein, worüber wir hier sprechen, ist das Formatieren im Web. Damit ein Artikel wirklich gut aussehen kann, gibt es einige allgemeine Regeln und einige wertvolle, hart erlernte Tipps, von denen ich wirklich gerne wüsste, dass ich davon gehört hatte, als ich zum ersten Mal für Kunden im Web schrieb.

Ich sage das nicht leicht. Ich bin ein Programmierer im Herzen, und als ich anfing, im Web zu schreiben, hätte ich eine Webseite von Grund auf neu programmieren können, ohne wirklich ins Schwitzen zu geraten. Trotzdem hatte ich viel zu lernen, wenn es darum ging, HTML zur Artikelformatierung zu verwenden. Heute möchte ich einige der Lektionen, die ich im letzten Jahrzehnt gelernt habe, an aufstrebende neue Online-Autoren und Blogger weitergeben. Hier sind die sieben Formatierungs-Tipps, für die wir uns Tags anschauen: Zitatformatierung, Platzieren von Bildern, Listenformatierung, Strukturieren von Kopfzeilen, Hervorheben von Sätzen, Platzieren von nicht auffälligen Anzeigen und Quellen für die Gutschrift.

Header - wer braucht sie??

Im Laufe der Jahre wurde die Etikette für Dinge wie Header-Tags (

,

, etc…) hat sich geändert. Während der jahrhundertealte SEO-Tipp gilt, Kopfzeilen im gesamten Artikel von groß nach klein zu fließen, wird unter den Verlegern ständig diskutiert, ob es besser ist, durchgehend dieselbe Kopfgröße zu verwenden, und ob fettgedruckter Text ein gültiger Subheader ist. und alle möglichen anderen pikanten Details. Vergiss das alles.

Alles, was Sie beachten müssen, ist, dass Studien deutlich zeigen, dass das Augenmuster der Leser im Web ein klares F-förmiges Muster aufweist, das Sie beim Schreiben nutzen müssen.

In einer von der Nielsen Norman Group durchgeführten Eye-Tracking-Studie fanden Forscher heraus, dass Leser im Internet zunächst ein paar Mal horizontal oben auf der Seite lesen und dann die linke Seite der Seite scannen. Diese Studie zeigt, dass Leser Header verwenden, um den für sie wichtigen Inhalt zu identifizieren. Wenn Sie sich also darum kümmern, was Ihre Leser wünschen, ist es nicht so wichtig, ob Sie Header von groß bis klein bestellen, als wenn Sie Header mit füllen informative Wörter Das sagt den Lesern tatsächlich, worum es in diesem Abschnitt geht, und verteilt sie gleichmäßig im gesamten Artikel, um ihn gut zu organisieren.

Sie denken vielleicht, dass Sie mit diesen Schlagzeilen witzig und kreativ sind, aber wenn Sie den Abschnitt nicht beschreiben, tun Sie wirklich keinen Gefallen.

Zu zitieren oder nicht zu zitieren

Der größte erfundene Tag, der meiner Meinung nach erfunden wurde, ist der

Etikett. Der Grund, warum ich es liebe, ist das coole Styling, das Blogbesitzer bietet. Unabhängig davon, welches WordPress- oder Blogger-Design Sie verwenden, die Chancen stehen gut, dass es das behandelt

tag anders. Jeder Theme-Designer hat eine Vorstellung davon, was in das CSS-Styling von Zitaten in Artikeln eingehen soll. Der Punkt ist, dass dies Ihnen die Möglichkeit bietet, den Inhalt Ihres Artikels auf eine Weise aufzuteilen, die das Auge erfreut und die Leute dazu bringt, das Zitat zu lesen.

Wenn Sie für einen Kunden schreiben, fragen Sie ihn, ob es in Ordnung ist, das Tag zu verwenden, und wenn es erlaubt ist, verwenden Sie es auf alle Fälle.

Ein Tipp zum Gebrauch

in deinen Artikeln: übertreib es nicht. Ein oder zwei kurze Anführungszeichen in einem Artikel mit etwa 800 bis 1000 Wörtern sind mehr als genug. Es gibt nicht nur die Möglichkeit, dem Auge eine Pause von den Absätzen zu geben, sondern es ermöglicht Ihnen, Zitate von externen Experten einzuholen, was die Glaubwürdigkeit Ihres Artikels weiter stärkt. Du kannst nicht verlieren.

Bilder verwenden

Eine andere Sache, die die Nielsen Online Reader Heatmaps enthüllten: Menschen neigen dazu, Bilder zu lesen, wenn sie einen Artikel online lesen. Außerdem werden die Augen auf das nächste Bild gezogen. Dies gibt Ihnen einen sehr starken psychologischen Weg, um die Leute in Ihrem Artikel mitzulesen. Und so ähnlich wie ein

, Bilder brechen den Inhalt auf und geben dem Leser eine Pause.

Natürlich verwendet MakeUseOf schöne, große Bilder - ideal für die Art von technischen Hilfeartikeln, die auf einer Website wie dieser zu finden sind.

Sie werden bemerken, dass die Bilder nur so weit voneinander entfernt sind, dass das Auge, sobald Sie ein wenig gescrollt haben, ein anderes Bild erkennt, das darunter erscheint. Es ist nicht etwas, das nur für die psychologische Auswirkung der Betrachtung des Artikels getan wird - es macht einfach viel mehr Spaß beim Lesen und einen besser aussehenden Artikel.

Wenn das Blog oder die Website, für die Sie schreiben, nicht den richtigen Platz für große Bilder in voller Breite hat, sollten Sie zumindest kleinere Bilder verwenden, die aufeinander ausgerichtet sind nach links oder rechts im gesamten Artikel. Wenn ich das in meinem eigenen Blog mache, wechsle ich eigentlich gerne von links nach rechts, um die Dinge zu ändern, während der Artikel auf der Seite nach unten fließt.

Das Ausrichten von Bildern mit dem so umgebenden Text ist in der Regel eine einfache Angelegenheit, indem die Ausrichtungsklasse auf festgelegt wird “Recht” oder “links” in dem Tag, aber fragen Sie immer den Blog- oder Website-Besitzer, für den Sie schreiben, um herauszufinden, ob es ein CSS-Styling gibt, das so etwas wie das “schweben” Eigenschaft für Alignments. Je nach CSS-Stil müssen Sie möglicherweise eine bestimmte Syntax zum Ausrichten von Bildern verwenden. Nehmen Sie sich daher die Zeit, den Designer zu befragen. Es ist die Anstrengung wert und wird für einen viel attraktiveren Artikel sorgen.

Machen Sie eine Liste und überprüfen Sie es zweimal

Wie Tina in ihrem Artikel über HTML-Tags ausführlich beschreibt. Top 11 HTML-Tags Jeder Blogger und Website-Besitzer muss die Top 11 HTML-Tags kennen. Jeder Blogger & Website-Besitzer muss wissen, dass das World Wide Web viele Sprachen kennt und in mehreren verschiedenen Sprachen codiert ist. Die eine Sprache, die überall zu finden ist und seit der Erfindung von Webseiten existiert, ist die… Read More, es gibt zwei Arten von Listen, die Sie in HTML formatieren, das geordnete Listentag

und das ungeordnete Listentag
. Der erste setzt Zahlen vor die Listenelemente, der zweite Punkte. Sie können die Syntax in Tinas Artikel sehen, aber wann genau ist es angebracht, das eine oder das andere zu verwenden - oder sogar eine Liste überhaupt?

Zuallererst sind Listen eine weitere großartige Möglichkeit, um die Eintönigkeit gerader Absätze aufzubrechen, das Interesse des Lesers aufrechtzuerhalten und wieder einmal eine schnelle Liste von Elementen hervorzuheben, die leicht gescannt werden können. Die Faustregel, die ich verwende, ist, ob die Elemente in irgendeiner Weise gezählt werden müssen oder nicht. Wenn ja, verwenden Sie eine nummerierte Liste. Andernfalls verwenden Sie nicht nummeriert.



Das hört sich einfach an, aber manchmal gibt es eine graue Linie. Zum Auflisten von Gründen, warum die Verwendung eines drahtlosen Netzwerks unsicher sein kann, wäre zum Beispiel eine Liste ohne Zahlen erforderlich, da es wirklich egal ist, wie viele es gibt - es sind nur Gründe. Wenn Sie dagegen Schritte in einem Prozess oder in einem Verfahren angeben, bei dem die Reihenfolge der Liste wichtig ist, sind die Zahlen sinnvoll. Verwenden Sie keine Zahlen, wenn Sie dies nicht müssen, da sie Ihre Liste unpraktisch machen können. Listen mit Aufzählungszeichen können einen großen Beitrag zur Verbesserung des Layouts Ihres Artikels leisten. Daher ist es eine gute Idee, mindestens eine davon zu haben, wenn dies für das Thema angemessen ist.

Fett und Kursiv haben sich weiterentwickelt

Früher war es ein fetter Text, an dem Sie eine Phrase oder einen Punkt in einem Satz hervorheben wollten. Dies wuchs mit den schrecklichen Website-Designs der 90er Jahre, bei denen Websites, die versuchten, Dinge zu verkaufen, mutig werden und die Schriftgröße verschiedener Wörter ändern würden, um Sie unbewusst dazu zu bringen, sich auf diese Geldwörter oder so etwas zu konzentrieren ... Ich weiß es nicht. Aber ich weiß, dass das Bloggen, sobald es so populär wurde und die Header die Struktur dieses Inhalts bildeten, keinen Sinn mehr machte. Am besten ist es besser, um Text in den kleinsten möglichen Header zu verwandeln - was viele Blogs da draußen tun.

In den alten Tagen war das mutige Etikett , und viele Leute nutzen es weiterhin, ohne zu wissen, dass das Web zum moderneren Tag von , oder die CSS-Syntax von Text.

Ebenso benutzte jeder es für alles kursiv, während heutzutage die kursiv hervorgehobene Methode die Verwendung von Etikett. Dies ist wirklich der ideale Weg, um ein Wort oder einen Satz hervorzuheben. Es funktioniert gut und sieht sauber und professionell aus, wenn es in Maßen gemacht wird.

Nicht aufdringliche Anzeigen

Wie Sie eine Anzeige in Ihrem Artikel platzieren, kann wirklich den Unterschied ausmachen, wenn es darum geht, Ihre Leser nicht dadurch zu verlieren. In der Tat sind viele Leser an die Idee von Anzeigen gewöhnt und warum sie für die Bezahlung von Inhalten notwendig sind. Was jedoch die Leser ärgert und sie vertreibt (oder sie dazu zwingt, diese schrecklichen Werbeblocker zu verwenden), sind Anzeigen, die Pop-Up-Text blockieren oder getarnt, um wie ein Teil eines Artikels auszusehen. Tu das nicht.

Verwenden Sie stattdessen Anzeigen mit klaren Rändern und verwenden Sie das CSS “schweben” Methode, um Text um den Text herum zu bekommen (sofern Sie ihn nicht in der Seitenleiste platzieren). So sieht das aus:









Der Schwimmer: rechts; wird es im Text an der gewünschten Stelle platzieren, und Sie können dies in WordPress mithilfe von Vorlagen automatisieren. So verwenden Sie eine Wordpress-Inhaltsvorlage, um schneller zu schreiben Wie Sie eine Wordpress-Inhaltsvorlage verwenden, um schneller zu schreiben Wordpress ist eine geniale Erfindung und hat es gemacht Es ist für immer mehr Menschen möglich, tolle Websites mit schönen Themen zu haben. Es gibt jedoch immer noch die Frage des Inhaltsbereichs, der noch immer… Lesen Sie mehr, wie ich es in früheren Artikeln beschrieben habe. Dadurch entfällt die Notwendigkeit, die Anzeige in jedem einzelnen Artikel zu platzieren. Wie Sie sehen, ist die Anzeige groß genug, um Aufmerksamkeit zu erregen. Sie wird jedoch nicht getarnt oder blockiert Text. Wenn Leser möchten, können sie ihn einfach ignorieren und weiterlesen. Kein Problem.



Das Schlimmste, was Sie mit Ihren Artikeln tun können, ist es, die Anzeigen zu übertreiben und die Leser zu vertreiben (und in vielen Fällen müssen Sie sich nicht einmal um Anzeigen kümmern, beispielsweise wenn Sie für einen Kunden schreiben). Als Ihr eigener Blogbesitzer müssen Sie dies jedoch beim Schreiben von Artikeln auf Ihrer Website beachten. Diese grundlegenden Tipps zur Anzeigenformatierung können einen großen Unterschied bei der Wahrnehmung Ihrer Anzeige bewirken.

Quellenangaben

Das Schlimmste am Internet ist im Moment wirklich der Diebstahl von Inhalten, der stattfindet - und ich spreche nicht nur von den Lowlife's, die das Netz nach Inhalten kratzen und auf ihre eigenen, nur für Google eingerichteten Spam-Websites von geringer Qualität kopieren der Verkehr. Nein, selbst die größten und beliebtesten Websites - sowohl große Blogs als auch Nachrichtenmedien - haben eine sehr schlechte Angewohnheit, Nachrichten zu stehlen “Schaufeln” von kleineren Bloggern und Websites, fügen Sie ein paar zusätzliche Zitate hinzu und beanspruchen die Idee als ihre eigene. Es ist schrecklich und ziemlich unethisch, aber es passiert. Das bedeutet nicht, dass Sie nachziehen sollten. In der Tat macht es Sinn, dass Quellen mit hoher Qualität zitiert werden. RefDot macht Quellen aus dem Web einfach RefDot: macht Quellen aus dem Web leicht Lesen Sie mehr, um die Behauptung von Artikeln zu sichern, dass Ihre Website als hochwertige Quelle für Verlässlichkeit identifiziert wird Information. Das ist SEO Gold genau dort.



Sie möchten jedoch auch nicht, dass dieser Text als wichtiger Inhalt in der Fußzeile Ihres Artikels erscheint. Ein allgemeiner Ansatz, um Quellen aus Quellen zu zitieren. RefDot: macht Zitierquellen aus dem Web einfach RefDot: macht Zitierquellen aus dem Web einfach Lesen Sie mehr oder Bildquellen in der Fußzeile eines Artikels ist die Verwendung von tag, wodurch die Schrift um eine Größe nach unten gedrückt wird. Es ist eine großartige Möglichkeit, Copyright-Informationen, rechtliche Kommentare und Credits zu formatieren. Es liefert die benötigten Informationen, lenkt jedoch nicht von der tatsächlichen Schlussfolgerung des Artikels ab.

Natürlich sind die oben genannten Tipps die Grundlagen, die jeder Online-Schreiber erlernen sollte. Wenn Sie jedoch tiefer in die Tiefe gehen möchten, gibt es viele Ressourcen. In meinem Artikel finden Sie einige großartige Websites, auf denen Sie HTML-Code lernen können. 8 Beste Websites für hochwertige HTML-Codierungsbeispiele 8 Beste Websites für hochwertige HTML-Codierungsbeispiele Es gibt einige großartige Websites, die gut konzipierte und nützliche HTML-Codierungsbeispiele und Lernprogramme bieten. Hier sind acht unserer Favoriten. Weiterlesen . Tina hat auch einige zusätzliche nützliche HTML-Effekte beschrieben. 7 coole HTML-Effekte, die jeder zu seiner Website hinzufügen kann 7 coole HTML-Effekte, die jeder zu seiner Website hinzufügen kann Verzweifeln Sie nicht! Sie müssen kein CSS oder PHP kennen, um eine ausgefallene Website zu erstellen. Ein paar gute alte HTML-Kenntnisse und das Kopieren und Einfügen werden ausreichen. Lesen Sie mehr, was Sie Ihrer Site hinzufügen könnten. Wenn Sie wirklich verrückt werden möchten, gibt es auch Ressourcen, um CSS zu lernen. Top 5-Websites, um CSS Online zu lernen. Top 5-Websites, um CSS Online zu lernen. Weitere Informationen.

Die einfache Wahrheit der Sache ist, dass Online-Schreiben mehr als nur die Kreativität erfordert, um etwas für eine Print-Publikation zu schreiben. Die Veröffentlichung im Internet bedeutet, dass Sie nicht nur die grundlegenden Codes von Websites verstehen müssen, sondern auch, wann und warum Sie diese verwenden sollten.

Erfahren Sie mehr über: Bloggen, HTML.