Sprache auswählen

So gelingt ein Blogbeitrag – von der Idee bis zur Umsetzung

So gelingt ein spannender Blogbeitrag (c) Maria Peer

Egal ob ihr bereits einen Blogbeitrag verfasst habt, euch das allererste Mal an das Thema herantraut, oder bereits reichlich Erfahrung mitbringt – hier findet ihr eine Schritt-für-Schritt-Anleitung, Hinweise und Tricks, und vielleicht auch neue Inspiration für euren nächsten Beitrag.

Um einen Beitrag erstellen zu können, müsst ihr auf Österreich forscht registriert sein. Falls ihr das noch nicht seid, dann könnt ihr euch registrieren, indem ihr oben rechts auf der Website auf den Button "Login" klickt, und dort dann "Neuen Account erstellen" auswählt, oder ihr klickt auf den hier hinterlegten Link. Sobald ihr eingeloggt seid, könnt ihr loslegen: Entweder unter "mein Bereich" auf den Button "Blog erstellen", oder auf der Startseite des Blogs im Menü links auf "Neuer Beitrag" klicken. 

Die Blogbeiträge auf citizen-science.at werden mit dem Composer der „EasyBlog"-Extension von Joomla erstellt.  Auf dem folgenden Bild seht ihr die Umgebung in der diese erstellt und bearbeitet werden. Alle markierten Punkte werden in diesem Beitrag nach und nach vorgestellt und erklärt.

Abb. 1: Mit dem Composer können Blogbeiträge erstellt und bearbeitet werden

Bevor wir uns jedoch der Erstellung des Blogbeitrags im "Composer" widmen, beginnen wir mit dem allerersten Punkt:

1. Die Idee

Ideen kommen nicht immer dann, wenn man sie braucht. Deshalb ist es von Vorteil, eine Ideenliste zu führen, auf die man immer zurückgreifen kann, sollte es einmal an Kreativität und Ideen mangeln. Eine weitere Möglichkeit ist es, sich auf aktuelle Themen zu beziehen, da diese besondere Aufmerksamkeit auf sich ziehen und viele Menschen interessieren.  

2. Inhalt des Blogbeitrags

Der Inhalt eines jeden Blogbeitrags wird auf sogenannte „Blöcke" aufgeteilt. Ein Block kann reiner Text, eine Überschrift, ein Bild, eine Tabelle oder auch eine Datei sein, und kann ganz einfach mit dem Button „Block einfügen" oben in der Menüleiste (s. Abb. 1, Nummer 2) eingefügt werden: Dafür einfach einen Block aus der Übersicht (Abb. 2) auswählen und an die gewünschte Stelle im Blogbeitrag ziehen. 

Abb. 2: Übersicht der Blöcke

Eine weitere Möglichkeit, einen neuen Block hinzuzufügen, ist über das Plus-Symbol am rechten oberen Rand eines bestehenden Blocks (s. Abb. 3). Mit dem Pfeilkreuz lassen sich Blöcke außerdem an beliebige Positionen im Beitrag verschieben. Um Formatierungen beizubehalten, können Blöcke dupliziert werden (Abb. 3: drittes Symbol von links). Mit dem Papierkorb-Symbol können Blöcke gelöscht werden. In der linken oberen Ecke ist angegeben, um welche Art von Block es sich handelt.  

Abb. 3: Auswahlleiste in einem bestehenden Block

Überschriften

Um den Inhalt des Beitrags zu gliedern, bieten sich Überschriften an. Diese sind auch wichtig für Screenreader und damit für die Barrierefreiheit des Textes. 

Um eine Überschrift einzufügen, klickt ihr auf "Block einfügen" und zieht den Block "Überschriften" an die gewünschte Stelle. Im Menü auf der rechten Seite könnt ihr die Überschriftenebene wählen (Abb. 4). Hierbei ist wichtig, dass die Hierarchie der Überschriftenebenen eingehalten wird: Überschrift 1 - Überschrift 2 - Überschrift 3 usw. Der Titel des Blogbeitrags ist die Überschriftenebene 1, d. h. die nächste Überschrift muss Ebene 2 sein. 

Für die Auffindbarkeit in Suchmaschinen ist es außerdem wichtig, dass nach jeder Überschrift Text steht, es also keine Überschrift und Unterüberschrift ohne Text dazwischen geben sollte. 

Abb. 4: Auswahl der Überschriftenebene

Text

Ein wesentlicher und oft auch der schwierigste Teil eines Blogposts ist der Text. Neben der richtigen Länge (ca. 350 Wörter) ist es wichtig, auf Struktur und einen roten Faden zu achten. Beispiele und Erfahrungen aus der eigenen Praxis machen einen Text interessant und spannend. Mit dem Verweis auf passende Literatur kann der Beitrag zusätzlich aufgewertet werden. In diesem Blogbeitrag findet ihr Tipps für eine ansprechende Gestaltung des Inhalts

Um den Text zu bearbeiten, müsst ihr den jeweiligen Abschnitt markieren. Dann erscheint oberhalb eine Bearbeitungsleiste, in der ihr Formatierungsoptionen vornehmen könnt (z. B. fett gedruckt, kursiv, Aufzählung ...; s. Abb. 5).

Abb. 5: Bearbeitungsleiste für Textabschnitte

Bilder

Fotos ergänzen einen spannenden Text und zeigen ein umfassenderes Bild, als das nur mit Worten allein möglich wäre. Durch die Auswahl eines eingefügten Bildes werden im Menü auf der rechten Seite dessen Eigenschaften wie Ausrichtung und Größe angezeigt, und können verändert werden (s. Abb. 6). Später können alle Bilder und Dateien im Menüpunkt "Medien" in der oberen Leiste gesammelt betrachtet und verändert werden (Abb. 7). 

Durch Klicken auf ein eingefügtes Bild erscheinen im rechten Fenster die Blockeinstellungen. Hier kann unter anderem die Ausrichtung des Bildes ausgewählt, und eine Bildunterschrift eingefügt werden. Um den Beitrag barrierefreier zu gestalten, ist es zudem empfehlenswert, einen Alternativtext, der das Bild beschreibt, ins entsprechende Feld einzutragen.

Oft besitzt man für das gewählte Thema nicht das geeignete eigene Foto oder Bild. Dann gibt es die Möglichkeit, freie Bilder von verschiedenen Online-Anbietern (wie z. B. pixabay.com) zu verwenden.

Wichtig ist es, für jedes Bild, das verwendet wurde, die Bildrechte und den Link in der Bildbeschriftung anzugeben. 

Beispiel für eine korrekte Angabe lizenzfreier Bilder: Autor*in, Pixabay/Pexels/unsplash Lizenz (Link). Bitte keine CC-Lizenzen für diese Plattformen angeben, sie haben jeweils eigene Lizenzen. 

Abb. 6: Einstellungen für Bilder
Abb. 7: Menüpunkt "Medien"

Links

Links werden einfach durch das Markieren von Text hinterlegt. Wenn ein Text markiert wird, erscheint oberhalb des ausgewählten Texts eine Bearbeitungsleiste, wo mit dem Büroklammer-Symbol ein Link eingefügt werden kann (s. Abb. 5). Dort könnt ihr die URL des Links und eine Linkbeschreibung eingeben sowie auswählen, ob der Link in einem neuen Fenster geöffnet werden soll. Links sollten immer als sogenannte "talking links" in den Text eingebettet werden. Darunter versteht man das Hinterlegen von Links hinter einem Text, der klar darauf hinweist, wohin man weiter verwiesen wird. Dies ist vor allem im Hinblick auf eine barrierefreie Gestaltung eines Textes wichtig. 

Ein Beispiel: Statt "Weitere Infos finden Sie hier: www.citizen-science.at" oder "Weitere Infos finden Sie hier" sollte man schreiben: "Weitere Infos finden Sie auf der Seite von Österreich forscht". Eine zusätzliche Linkbeschreibung ("enter link description") erleichtert es den Nutzer*innen, einzuschätzen, wohin sie weitergeleitet werden. In unserem Beispiel könnte eine solche Linkbeschreibung "In einem neuen Fenster öffnet sich die Startseite von Österreich forscht" lauten.  

3. Den passenden Titel wählen

Der Titel eures Blogbeitrags soll vor allem neugierig machen und Besucher*innen des Blogs zum Lesen animieren. Außerdem soll der Titel bereits Auskunft geben, was Leser*innen des Beitrags erwartet und mit welchem Thema sich der Text befasst, und keine falschen Versprechungen machen. Auch die Auffindbarkeit über Suchmaschinen (z. B. Ecosia) erhöht sich dramatisch, wenn ein aussagekräftiger Titel gewählt wird.

Tipp: Schreibe zuerst deinen Text, und überlege dir danach: Was ist der Inhalt? Was ist die Kernaussage? So wird dir schnell auch ein passender Titel einfallen. 

4. Das Coverbild

Headerbild (oder Coverbild) und Titel sind die ersten Dinge, die Besucher*innen der Website von eurem Blogpost sehen, und die darüber entscheiden, ob dieser gelesen wird oder nicht. Deshalb sollte auch die Auswahl des Headerbilds nicht unüberlegt getroffen werden, da es einen wesentlichen Teil zu einem gelungenen Blogpost beiträgt. Das Bild soll im besten Fall bereits etwas über das Thema verraten und neugierig machen.

Hier ist es wichtig, auf eine gute Auflösung (mindestens 1920 x 1080 px) zu achten, gleichzeitig soll das Bild aber nicht mehr als 2 MB Speicherplatz benötigen. Außerdem sind nur Bilder im Querformat geeignet, und zentrale Bildelemente sollen sich unbedingt in der Mitte des Bildes befinden. Besonders bei Fotos von Personen ist es wichtig, dass diese sich in der Mitte befinden, und so verhindert wird, dass der Kopf etc. abgeschnitten wird. 

Sollte auf eurem Computer kein passendes Grafikprogramm vorhanden sein, können Bilder auch online ganz einfach angepasst werden. Mit Canva können Bilder online gratis zugeschnitten und gespiegelt werden, sowie Helligkeit, Kontrast etc. angepasst werden. Um Bilder direkt auf eine bestimmte Dateigröße anzupassen, können außerdem Online-Tools wie Easy-Resize verwendet werden.

Tipp: Sind nur hochformatige Bilder oder Bilder mit geringer Auflösung vorhanden, können auch zwei Bilder zu einem zusammengefügt werden.

Wie schon unter Punkt 2 beschrieben, können lizenzfreie Bilder verwendet werden, wichtig ist es aber auch in diesem Fall, die Bildrechte anzugeben (korrekte Angabe siehe obiges Beispiel). Die Bildrechte sind bitte im Feld "Beschriftung" eintragen, damit sie sichtbar sind (Abb. 8).

Abb. 8: Coverbild hochladen

5. Kategorien und Tags

Kategorien: Alle neu erstellten Beiträge werden zunächst der Kategorie "Allgemein" zugeteilt. Um die Auffindbarkeit des Blogbeitrags zu verbessern, ist es hilfreich, ihn einer passenden Kategorie zuzuordnen, z. B. "aus den Projekten", und das Häkchen für "Allgemein" ggf. zu entfernen.

Tags: Tags spielen eine wichtige Rolle und helfen dabei, dass Blogbeiträge schneller von User*innen gefunden werden. Sie werden in der Blogübersicht angezeigt und können von den Nutzer*innen angeklickt werden, um weitere Beiträge zu diesem Thema zu finden. Daher ist es wichtig, möglichst Tags zu verwenden, die auch schon andere Beiträge verwendet haben. Dies ist direkt bei der Eingabe der Tags feststellbar: Tags, die schon verwendet wurden, erscheinen in Blau unterhalb der Tagbox. Es können z. B. derTag "Projekte" oder Tags, die das Thema beschreiben ("Ökologie", "Sozialwissenschaften", "Tiere", "Wetter" ...), eingefügt werden. Auch die Tags "App" oder "Mitforschen" können verwendet werden.  Alle bereits erstellten Tags findet ihr in der Tag-Übersicht

6. Zum Schluss

Abschließend ist es ratsam, deinen Blogbeitrag noch einmal in der Vorschau anzusehen, und zu überprüfen, ob nichts vergessen wurde. Auch die Qualität und der Ausschnitt des gewählten Headerbilds kann nochmals überprüft werden. Dafür könnt ihr auf das Augen-Symbol rechts oben klicken (neben dem roten Button "veröffentlichen" bzw. "Beitrag aktualisieren").

Ihr könnt den Blogbeitrag auch einem Team zuordnen. Dafür könnt ihr im Menü rechts unter "Beitrag" bei "Autor" im Reiter "Verknüpfungen" die verschiedenen Teams sehen, denen ihr zugeordnet seid. Wenn ihr eines davon auswählt, wird euer Blogbeitrag dem Team zugeordnet.

Mit der folgenden Checkliste könnt ihr überprüfen, ob ihr an alles gedacht habt. Besonders wenn ihr schon öfter Beiträge verfasst habt und keine genauen Anleitungen mehr braucht, kann sie eine gute Hilfe sein: 

Viel Spaß und Erfolg bei der Erstellung eurer Blogbeiträge! 


Nachtrag: Ergänzungen und Beispiele

Um eure Blogbeiträge aufzuwerten, könnt ihr verschiedene Blöcke verwenden und ausprobieren. Mit Klick auf "Block einfügen" seht ihr, wie bereits eingangs beschrieben, alle verschiedenen Optionen. Ein paar sind hier auch mit Beispielen anhand der Blockkategorien dargestellt:  

Eine Layout-Option sind "Tabs", wie ihr sie auch hier seht. So können Inhalte verschiedener Bereiche übersichtlicher dargestellt werden. Zusätzliche  Tabs können rechts im Menü unter "neuen Eintrag hinzufügen" hinzugefügt werden. 

Wir befinden uns im Tab "Layout", zu den Tabs "Elemente" und "Medien" kann beliebig gewechselt werden. 

Weitere Möglichkeiten sind das Einfügen von Tabellen (bzw. auch Spalten) und Akkordions:  

Ich bin eine Beispiel-Tabelle
Beispiel-Text Beispiel-Text

Mit Klick auf das Plus-/Minussymbol werden weitere Details eingeblendet. 

Buttons

Buttons können Links hervorheben und Besucher*innen des Blogs zur Projektseite, zu einer Anmeldung oder zu wichtigen Informationen weiterleiten. Buttons findet ihr wenn ihr auf "Block einfügen" klickt unter "Elemente". Unter "Hyperlink" fügt ihr im Menü auf der rechten Seite den Link ein, zu dem ein Klick auf den Button weiterleiten soll. Das Link-Ziel soll auf "New Window or Tab" einstellt werden, damit sich der Link in einem neuen Browser-Tab öffnet. Farbe, Text und Ausrichtung des Buttons kann beliebig angepasst werden. 

Alerts

Sogenannte "Alerts" könnt ihr in Grün, Gelb, Rot oder Blau einfügen. Die Schrift kann beliebig angepasst werden.  

Zitate

Die Möglichkeit, Zitate einzufügen, findet ihr ebenfalls in der Kategorie "Elemente", nachdem ihr auf "Block einfügen" geklickt habt.  Im Menü auf der rechten Seite könnt ihr den Zitat-Stil und die Ausrichtung auswählen.

Ein Blog [blɔg] (ursprünglich das, heute auch der) oder auch Weblog [ˈwɛb.lɔg] (Wortkreuzung aus englisch Web und Log für „Logbuch" oder „Tagebuch") ist ein meist auf einer Website geführtes und damit meist öffentlich einsehbares Tagebuch oder Journal, in dem mindestens eine Person, der Blogger, international auch Weblogger genannt, Aufzeichnungen führt, Sachverhalte protokolliert („postet") oder Gedanken niederschreibt. Die Tätigkeit des Schreibens in einem Blog wird als Bloggen bezeichnet.

de.wikipedia.org

PDF-Dokument einbetten

Unter "Medien" > "PDF" können ganz einfach Dateien im PDF-Format hochgeladen und eingebettet werden. Die Höhe der angezeigten Vorschau kann beliebig angepasst werden.  

Miniaturbilder

Mehrere Bilder lassen sich auch als Miniaturbilder einfügen, sodass sie alle auf einmal zu sehen sind: 

Foto: Armin Russold
Foto: Armin Russold
Foto: Thomas C. Meisel

Wie man am Beispiel gut erkennen kann, funktioniert dies am besten mit Fotos im gleichen/in einem ähnlichen Format.  

Comparison

 Vergleichsbilder können genutzt werden, um z. B. Vorher-Nachher-Vergleiche zu ermöglichen.

Foto: Thomas C. Meisel
Foto: Thomas C. Meisel

Am Blog können auch Videos mit der Veröffentlichungs-URL eingebettet werden. Österreich forscht hat übrigens einen eigenen YouTube-Kanal

Plattformtreffen von Österreich forscht - zum erst...
Plattform EU-Citizen.Science online!

Ähnliche Beiträge

 

Kommentare 2

Florian Heigl am Dienstag, 05. Mai 2020 11:05

Vielen Dank für dieses tollen Leitfaden!

Gerne können auch neue Tags verwendet werden, es empfiehlt sich aber, wie Maria beschreibt, nachzusehen, welche Tags bereits verwendet wurden um ähnliche Beiträge miteinander zu verlinken.

Wir haben auch die Möglichkeit, für jedes Projekt ein "Team" anzulegen, um mehrere Blogposts einem Projekt zuzuordnen. Dieses Team kann auch sehr gut in der Projektübersicht verlinkt werden, damit noch mehr Aufmerksamkeit für eure Blogposts geschaffen werden kann. Wie das aussehen kann, sieht man zum Beispiel beim Projekt Roadkill in der Projektseite rechts in der grauen Box und hier der Teamblog.

Vielen Dank für dieses tollen Leitfaden! Gerne können auch neue Tags verwendet werden, es empfiehlt sich aber, wie Maria beschreibt, nachzusehen, welche Tags bereits verwendet wurden um ähnliche Beiträge miteinander zu verlinken. Wir haben auch die Möglichkeit, für jedes Projekt ein "Team" anzulegen, um mehrere Blogposts einem Projekt zuzuordnen. Dieses Team kann auch sehr gut in der Projektübersicht verlinkt werden, damit noch mehr Aufmerksamkeit für eure Blogposts geschaffen werden kann. Wie das aussehen kann, sieht man zum Beispiel beim [url=https://www.citizen-science.at/projekte/roadkill-projekt-oesterreich]Projekt Roadkill in der Projektseite[/url] rechts in der grauen Box und hier der [url=https://www.citizen-science.at/blog/teamblog/listings/projekt-roadkill]Teamblog[/url].
Janette Siebert am Mittwoch, 19. August 2020 08:17

Wunderbar anschaulich beschrieben - vielen Dank liebe Maria! So gelingt ein interessanter Blog-Artikel in jedem Fall!!

Wunderbar anschaulich beschrieben - vielen Dank liebe Maria! So gelingt ein interessanter Blog-Artikel in jedem Fall!! :)
Bereits registriert? Hier einloggen
Dienstag, 08. September 2026

Sicherheitscode (Captcha)