neco Logo

Wie schreibe ich einen neuen Blogbeitrag?

VonNiklas Harrje | |

3 Minuten Lesezeit

Ein klarer See mit Bergen im Hintergrund.

Erste Schritte

  1. Kopiere den Ordner _example-post
  2. Benenne ihn um z.B. mein-neuer-artikel – keine Leerzeichen/Umlaute (wird zur URL des Posts)
  3. Ersetze hero.png durch dein Titelbild. Anforderungen: min. 1600 px Breite. (Lieber zu groß als zu klein) Erlaubt: .png, .jpg, .jpeg, .webp
  4. Öffne post.md und fülle die Metadaten aus (siehe unten)
  5. Zusätzliche Bilder kommen in den Unterordner /images. Einbinden per ![Alt-Text](./images/datei.jpg). Siehe Baum-beispiel weiter unten

Richtige Metadaten wählen (Title, Description etc.)

Wenn es auch nur den Hauch einer Chance geben soll, dass dieser Post auf Google ranked, dann muss sich an die folgenden Dinge gehalten werden:

FeldWas eintragenSEO/UX-Hinweis
titleKlarer, konkreter Titel. Keine Clickbait-Versprechen.Wird als H1 und im Browser-Tab genutzt.
description140–160 Zeichen, eine vollständige Aussage, die Nutzen verspricht.Erscheint oft als Snippet bei Google.
pubDateVeröffentlichungsdatum im Format YYYY-MM-DD.Erscheint auch oft als Snippet bei Google.
tags2–5 sinnvolle Schlagwörter (klein, kebab-case).Für interne Filter/Übersichtsseiten.
heroAltWenn das Bild rein dekorative ist, einfach leer lassen, sonst Kurze BildbeschreibungGut für Image-SEO/Barrierefreiheit.

Beispiele für gute Descriptions

  • „So planst du ein UX-Interview Schritt für Schritt – inklusive Fragenkatalog und Vorlagen zum Download.“
  • „Ein praktischer Leitfaden für Alt-Texte: Was hinein gehört, was nicht – mit Beispielen zum Abschreiben.“

Bilder im Beitrag

Bild eines Baumes als Beispiel:

Zweig einer Buche mit frischen, grünen Blättern im Gegenlicht.

Wenn man das Bild kleiner darstellen oder sonst wie customizen will, muss man es als HTML einbetten. Beispiel:

Zweig einer Buche mit frischen, grünen Blättern im Gegenlicht.

Der Pfad zum Bild bleibt bei beiden Methoden gleich: ./images/baum.jpg

Wie schreibe ich eine gute Bildbeschreibung (Alt-Text)?

  • Kurz halten (1–2 Sätze).
  • Zentrale Information nennen (warum dieses Bild?).
  • Nicht „Bild von …“ schreiben.
  • Medium benennen, falls relevant (Logo, Illustration, Screenshot).
  • Nichts duplizieren, was direkt daneben im Text steht.
  • Mit Punkt enden.

Alt-Text: Beispiele

  • Gut: „Zweig einer Buche mit frischen, grünen Blättern im Gegenlicht.“
  • Gut (Logo): „Logo von ACME: Großes A in einem Kreis.“
  • Schlecht: „Bild von Baum“ (zu vage) / „Zweig einer Buche … (siehe Text oben)“ (dupliziert)

Quelle: Harvard University

Inhaltlich gute Posts schreiben

  • Eine klare Frage/These gleich zu Beginn beantworten.
  • Abschnitte mit Zwischenüberschriften (H2/H3) für Scannability.
  • Kurze Absätze, Listen, Beispiele.
  • Interne Links zu passenden Artikeln.
  • Fazit/CTA am Ende: Was soll der Leser als Nächstes tun?