Leitfaden: Aufbau eines Artikels

Teaser

Der Teaser beinhaltet ein paar einleitende Sätze, die auch als Vorschau auf der webmoritz.-Startseite erscheinen. Sie sollen die Leserschaft anlocken und einen Ausblick auf den Inhalt des Textes geben. Ihr könnt euch inhaltlich an den W-Fragen orientieren und diese im Teaser beantworten. Dabei sollte der Abschnitt kurz und prägnant sein und im besten Falle einen aufmerksamkeitserregenden, ersten Satz haben. Prinzip der selektiven Wahrnehmung: Wenn der Teaser Interesse weckt, klickt man auch auf den Artikel, um ihn zu lesen.

Der Teaser wird fett geschrieben. In den Einstellungen rechts könnt ihr ihn unter Dokument>Textauszug einfügen, damit er komplett in der Vorschau erscheint.

Text

Die übliche Schriftgröße ist die voreingestellte Größe “Standard” (Schriftgröße 14). Der Text ist linksbündig ausgerichtet.

Zwischenüberschriften

Zwischenüberschriften eignen sich gut, um einen (längeren) Text zu gliedern und übersichtlicher zu gestalten. Wir haben uns auf die folgenden zwei Möglichkeiten geeinigt.

1. Fett und normal (Schriftgröße 16) bei Zwischenüberschriften

2. Fett, normal (Schriftgröße 16) und bunt hinterlegte Überschrift

Hintergrundfarbe der Überschriften beim Ticker: #daedfa
Hintergrundfarbe der Überschriften bei der web.woche: #fce2f4
Hintergrundfarbe der Nachhaltigkeitskolumne: #d3fdc4

Bilder/GIFs im Text

Bilder können lange Texte auflockern und zur Veranschaulichung dienen. Die Quellenangabe erfolgt wie beim Beitragsbild rechtsbündig und kursiv unterm Text. Verwendet eure eignen Bilder oder nehmt Bilder von unsplash.com oder pixabay.com. Auch GIFs sind eine Möglichkeit (wegen Urheberrechten ausschließlich von https://giphy.com/), allerdings können sie den Artikel auch unruhig erscheinen lassen. Bei beidem gilt also: Weniger ist manchmal mehr. Setzt das Bild gerne zentriert. Wenn es sich anbietet, dann könnt ihr die Funktion der Bildunterschrift nutzen und das Bild benennen oder erklären.

Der Block “Weitere Infos”

Am Ende des Textes kann gerne ein Block mit euren Quellen und weiteren Informationen zum Thema eingefügt werden. Die Hintergrundarbe des Blocks ist #eeeeee, die Überschrift ist fett. Allgemein wenn ihr Links nennt, achtet darauf, dass ihr die den Button “In einem neuen Tab öffnen” aktiviert.

Noch mehr Infos für euch:
Auf der Website vom xy findet ihr mehr zum Thema xy.

Bildquelle

Ganz zum Schluss sollte(n) die Bildquelle(n) immer angegeben werden. Am besten kursiv und rechtsbündig unterm Text (Beitragsbild: xy).

Beispielartikel (klicken!)