Wie ein Blogpost bei Conterest entsteht

Ein Jahr ist es her, das Conterest am 3.7.2015 das Bloggertor öffnete. Kein Grund für eine Megaparty, aber ein Anlass, dich einmal hinter die Kulissen zu führen. Ein Tag des offenen Blogs sozusagen.

🎂

Ich bin nicht der Erste, der das macht, die Idee hatten schon andere. Zudem gibt bereits den Beitrag: So blogge ich – Meine Werkzeuge. An dieser Stelle geht es aber nicht um Tools und Plugins, sondern um die Abläufe, die ein Blogposting entstehen lassen. Da hat jeder seinen persönlichen Ansatz und Vorlieben. Dies sind meine.

Vielleicht findest du es interessant und kannst einen Nutzen mitnehmen. Denn darum geht es, wie so oft, bei Conterest.

Von Entwurf und Recherche

Sobald das Thema feststeht, halte ich in einem ersten Durchgang fest, was mir dazu einfällt. Das mache ich in Stichworten und mehr oder weniger ganzen Sätzen. So entsteht auch ein erster Entwurf für die Überschrift, der Arbeitstitel. Gut möglich, dass ich die Sache danach erst einmal aus der Hand lege.

Häufig schreibe ich über eigene Erfahrungen. Aus dem Kopf also, so wie in diesem Beitrag. Aber das reicht nicht immer und nicht für alles aus. Die Sache wäre sonst öfter langweilig. Ich will schließlich auch etwas lernen. Also wird recherchiert. Typischerweise für Linklisten. Etwa war ich auf der Suche nach Blogplanern. Da ist wie eigentlich immer Google die erste Anlaufstelle, gefolgt von Bing als zweiter Stimme. Man weiß nie, wer gerade was zensiert oder fallen lässt. Speziell bei diesem Thema habe ich auch Pinterest, Etsy und Amazon abgesucht. Einmal war ich annähernd 3 Tage auf der Suche nach Twitter Tools.

Viel recherchiert werden muss für ein eher journalistisches Format wie in dem Artikel über Blogger Relations. Fakten und Aussagen müssen aufgespürt werden. Da bin ich etliche Stunden für unterwegs.

Mein WordPress Editor ist ein wenig verändert durch das Admin-Theme Clientside

Ich arbeite online im WordPress Editor im visuellen Modus. Es gibt aber eine zweite Möglichkeit. Einige Artikel stammen aus einem Buchprojekt. Das habe ich mit LibreOffice begonnen. Das Buch ist nicht fertig geworden, die Beiträge habe ich ins Blog übernommen. Der Grund für LibreOffice war die Gliederung. Die brauche ich für einen Einzelartikel aber nicht. Es ist einfach im Editor zu arbeiten wegen der Hyperlinks, wegen der Grafiken, denn die kann man direkt einbinden. In LibreOffice auch, aber alles ist komplexer.

Ein chaotischer Schreibprozess

Eher gewöhnungsbedürftig ist mein Ansatz mehrere Artikel parallel zu bearbeiten. Mehrmals am Tag schreibe ich mal in diesem, mal in einem anderen Post. Die Wachstumsgeschwindigkeit ist unterschiedlich. Mal formt sich ein Beitrag in nur wenigen Sitzungen, wenn ich in Schreiblaune komme. Ein andermal sind Dutzende Durchgänge nötig. Es kann Tage oder Wochen dauern, bis ein Beitrag fertig ist.

Im zweiten Durchgang schreibe ich dann zu den Einzelpunkten Textabsätze aus. Ich gehe nicht nach Reihenfolge vor, sondern nach Belieben. Wo mir gerade etwas einfällt. Und korrigiere sie erst anschließend grob. Es ist wichtig, das nicht gleich während des Schreibens zu machen. Man könnte sich ausbremsen oder in einem Detail verlieren. Das würde den Flow verhindern. Sind die ersten Blöcke entstanden, versuche ich, sie in einen logischen Zusammenhang zu bringen.

Bloggen ganz wie von selbst — Flowblogging (✿◠‿◠)

Manchmal geht das Schicht um Schicht, ich arbeite wie ein 3D Drucker. Schreibe hier was dazu, füge dort einen Einfall an. Entweder weil mir just bei etwas anderen ein Satz in den Sinn kommt. Oder indem ich bewusst den Draft öffne und schaue, wo ich spontan etwas anfügen kann. Der kreative Prozess ist das, was mir Spaß macht. Es ist toll, einen Artikel wachsen zu sehen.

Wichtig ist mir, erst Material zu erschaffen und dann damit zu arbeiten. Ich denke keinen Plan aus, wie ein Artikel aufgebaut sein soll und was dort hinein müsste. So würde ich es eher für eine Auftragsarbeit handhaben oder wenn ich ein Buch schreibe. Dann ist Struktur unerlässlich. Im Kleinen bleiben die Dinge überschaubar. Man kann sich seinen Text selbst gliedern. Durch Absätze und Zwischenüberschriften. Gedachte 10 Punktelisten sind durchaus erlaubt.

Gut möglich, dass beim Schreiben weitere Fakten oder Ideen auftauchen, mit denen der Text ergänzt werden kann. Meist bleibt auch ein Rest an eher unwichtigen Punkten übrig. Der dann entfernt werden kann.

Kürzen und Löschen

Meine chaotische Arbeitsweise führt immer wieder dazu, dass am Ende Sätze und komplette Textblöcke rausgeworfen werden. Wenn ich abschweife, mich wiederhole, nicht zum Punkt komme oder unwichtigen Pfaden nachgespürt habe, das muss entfernt werden.

Aber kein Satz geht verloren. Sofern er eine halbwegs erkennbare Substanz hat, kommt er in meine Schreibkladde. Das ist eine simple ASCII-Datei. Dort sammle ich solche Paralipomena, aber auch Einfälle. Vieles konnte ich später anderswo schon einsetzen.

Manchmal wächst ein nachgelassener unbedeutender Rest sich zu einem Artikel aus oder gab den Anstoß zu einem. Also: werfe nie etwas weg. Ein Textfile ist kein staubiger Dachboden oder feuchtes Kellerabteil. Es wird niemals voll und die Materialien halten sich frisch. Es ist immer durchsuchbar.

Überschriften überlegen

Die Überschrift, genauer die H1-Überschrift entsteht nebenher während der Arbeiten am Artikel. Meisten ist der erste Entwurf kein Geistesblitz. Also variiere und probiere ich, bis etwas dasteht, das zum Artikel passt, mir gefällt und verspricht, wirksam zu sein. Ich versuche, das abwechslungsreich zu machen, dabei auch mal Anspielungen, Zitate oder rhetorische Stilmittel zu verwenden. Mitunter lehne ich mich auch aus dem Fenster, texte die Überschrift offensiv oder übermäßig lang.

Seit einer Weile baue ich mit Vorliebe Emojis oder Sonderzeichen ein. Wahrscheinlich ist das eine Modeerscheinung. Hier sind zwei schöne Listen, die ich gern verwende. Copy & Paste, mehr braucht es nicht, um sie zur Geltung zu bringen.

• Get Emoji
• HTML Symbole

Aber Achtung: Emojis sehen überall anders aus. Je nach verwendeter Software, Browser, ob auf dem Handy etc. Muss man aber nicht schlimm finden.

Typischer Clickbait soll mir in Überschriften nicht vorkommen, das ist mir zu primitiv. Dennoch gibt es Worte und Formulierung, die aus Erfahrung funktionieren. Hier ist eine Liste mit Worten, die du in deinen Überschriften verwenden kannst.

Ich möchte dich noch darauf aufmerksam machen, das es mehrere Titel/Überschriften/Headlines in einem Blogposting gibt und geben kann. Und die können unterschiedlich angelegt werden. Um solche Dinge kümmere ich mich allerdings erst beim abschließenden Feintuning.

Mit der H1-Überschrift wird der Leser unmittelbar angesprochen. Nur hier lasse ich Sonderzeichen oder Symbole zu.

H1 Überschrift und URL bearbeiten unter WordPress. Den <TITLE>-Tag kann man hier nicht verändern. Er wird automatisch von der H1 Überschriftf übernommen. 

Den <TITLE>-Tag sieht der Besucher im Browsertab, er wird als Bookmark angezeigt und taucht in den Suchmaschinen Ergebnisseiten auf. Um ihn zu editieren, nutze ich ein SEO-Plugin.

Dann wäre da noch das Beitragsbild. Das hat nun nicht jeder, aber wenn dann ist der Titel dort auch zu sehen. Plakativ und attraktiv. Gut möglich, das dafür der Titel gekürzt wird.

Dann gibt es noch das title-Attribut, es ist Teil des Beitragsbildes und wird angezeigt, wenn die Maus darübersteht.

Auf das Beitragsbild kommt es an

Warum haben die Beitragsbilder eine solche Form, für Social Media wäre doch meist etwas Quadratisches praktischer? Ich wollte, das sie wie Buchcover aussehen. So ist das bis heute geblieben. Ich mag das Format.

Anfangs habe ich viel probiert und alle möglichen Stile mal benutzt. Diese Phase hielt ein halbes Jahr an, seitdem habe ich mein Schema.Du erkennst es sofort, wenn du die auf der Startseite umsiehst. Das Schema macht die Sache effizient. Ich brauche weniger Zeit. Ausnahmen bleiben aber erlaubt.

Wie du wirkungsvolle Beitragsbilder erstellst

Die Fonts wechsele ich von Bild zu Bild. Dabei benutze ich nur das, was Windows mir mitgeliefert hat und die Google Fonts. Letzte bestehen inzwischen aus über 800 Font Familien. Man darf sich da frei bedienen und muss keine Sorgen wegen etwaiger Urheberrechte haben. Die Fonts können auch online verwendet werden, also direkt im Blog. Aber da erzähle ich dir nichts Neues. Wie entsteht das Beitragsbild nun genau?

Ich öffne Photoshop Elements von Adobe. Das ist kein richtiges Photoshop, sondern eine simple, einfache Version für Laien in der Welt der Grafik wie mich. Trotzdem kann man eine Menge damit anfangen. Es ist vergleichsweise einfach zu bedienen. Kein Vergleich zu Kaventsmännern wie GIMP. Und letztlich ist es vielseitiger und preiswerter als ein modisches Onlinetool wie Canva eines ist.

1.) Ich lege eine leere Datei mit den Maßen 600 * 800 Pixel an.

2.) Jetzt kopiere ich die Überschrift des dazugehörigen Postings hinein. Und passe grob die Größe an.

3.) Als Nächstes gehe ich bei Pixabay auf die Jagd nach einem geeigneten Foto. Pixabay ist ideal, es gibt allerlei weitere Dienste, aber hier ist die Auswahl riesig und die Qualität exzellent – jedenfalls für meine Zwecke. Das Angebot dort ist frei von Urheberrechten und wurde unter Creative Commons CC0 veröffentlicht.

Es muss kein Foto sein, eine Vektorgrafik ist manchmal die bessere Wahl – vor allem in Sachen Ladezeit. Gelegentlich setze ich auch Icons ein. Auch den gleichen Gründen. Mit denen lassen sich Artikel auch illustrieren, wenn sich sonst nichts anbietet. Auch dafür gibt es Datenbanken. Da ich denen so richtig nicht traue, nutze ich ausschließlich Icons, die auf meiner Gründung Smashing Magazine veröffentlicht wurden. Da bin ich mir sicher, die Icons in jeder Hinsicht frei verwenden zu dürfen.

Freebie von Manuela Langella gratis bei Smashing Magazine

Das Beitragsbild für dieses Posting, ich wollte etwas Schlichtes, verwendet nur Schrift. Das Blau ist dasselbe wie im Logo und wird auf Conterest vielfach als Akzentfarbe verwendet. Die Font sind dieselben wie hier im Text – sie heißen Dosis und Ek Mukta (inzwischen nutze ich Lato für den Bodytext). Nur die Ziffer 1 weicht ab, das der Font Hind Medium mit ein wenig Schlagschatten.

4.) Ist das passende Foto gefunden, lade ich es in der voreingestellten Größe herunter und platziere es in meiner Datei. Elements passt die Größe praktischerweise automatisch an. Man kann aber auch davon abweichen oder sich vorher einen Ausschnitt zuschneiden. Ist bei mir aber alles nicht mehr nötig.

Ist das Bild drin, wird es an diese passende Stelle verschoben. Und noch der Domainname eingefügt. Das ist mir angenehmer als das Logo zu verwenden. Das passt oft optisch nicht. Und ich könnte das Logo ja mal erneuern. Das habe ich tatsächlich gerade erst getan. Der Domainname wird mit Sicherheit nie verändert werden. Es sei denn, er würde geklaut …

Die Motivsuche nimmt die meiste Zeit in Anspruch. Das ist manchmal auch gar nicht so leicht. Ein gutes Bild sollte das Thema nicht platt illustrieren. Also nicht gleich zum Naheliegenden greifen. Das kommt abgeschmackt rüber und wirft einen mit vielen anderen in die gleiche Tonne. Wenn man Pech hat, merken es die Leute. Dann lesen sie den Beitrag womöglich nicht. Manchmal genügt es, etwas Abstraktes zu verwenden, das geht immer. Mal hat man eine Idee im Kopf, findet aber kein passendes Bild. Dann einfach später noch versuchen oder einen anderen Ansatz ausprobieren.

Man kann sich in solchen Arbeiten aber auch leicht verlieren und probiert nach den Fotos noch stundenlang irgendwelche Schriften aus. Naja, so lernt man sie auch kennen. Mach bloß nicht zu viel. Wenn es passt, passt es. Und das reicht dann auch. Noch mehr Aufwand wird keiner dem Meister danken und erhöht auch den Erfolg nicht.

Ein Fontmenü – drin zu Blättern macht Spaß

5.) Anschließend kommt eine Runde Feinschliff. Alles noch mal zurechtrücken, die Schriftgröße oder den Fonts noch mal anpassen. Die Software dockt Elemente automatisch an. So ist es ganz einfach zwei Textzeilen  untereinander auszurichtigen. Wer will kann sich noch Hilfslinien ins Bild schieben.

6.) Beim Exportieren des fertigen Bildes gilt es noch einmal aufzupassen. Das Format ist wichtig. Einerseits wegen der Qualität, die soll möglichst hoch sein. Andererseits der Dateigröße wegen, die soll möglichst niedrig sein.

Ich versuche, unter 50 KB pro Bild zu bleiben. Klappt aber nicht immer. Das hängt maßgeblich vom gewählten Foto und der Komprimierungsstufe ab. Das ist figelinsch, weil sich Text und Foto nicht gut miteinander vertragen, da kommt es schnell mal zu unerwünschten Schlieren und Unsauberkeiten sogenannten Artefakten. Muss man dann austarieren, was nicht schwierig ist.

Dieses Beitragsbild kam mit nur 15 Kilobyte zum Einsatz. Es ist ein PNG und nutzt eine Vektorgrafik

Arbeite ich mit Vektoren oder Icons, kann ich PNG-8 (es gäbe noch das anspruchsvollere PNG-24) verwenden. Die Ergebnisse sind meist deutlich leichtgewichtiger. Hier wird nichts komprimiert, weshalb die Qualität immer 1A ausfällt. PNG ist also effizienter, wenn man es denn nutzen kann. Für Fotos sollte man es nicht verwenden.

Übrigens beginne ich mit dem Beitragsbild oft schon lange, bevor der Artikel auch nur halb fertig ist. Warum mache ich das? Sagen wir so: Wenn es ein Beitragsbild hat, dann ist es was Ernstes. So in der Art. Die Wahrscheinlichkeit den Artikel auch wirklich fertig zu machen steigt. Besonders dann, wenn das Beitragsbild gelungen erscheint.

Nicht ohne eine Rechtschreibprüfung

Kein Beitrag geht online ohne eine Prüfung der Rechtschreibung. Ein Lektorat gibt es nicht. Welcher bloggerische Einzelkämpfer kann sich das schon leisten? Es muss auch so gehen. Für diese Aufgabe ist bei mir eine Software Namens Papyrus Autor zuständig. Das ist ein Programm für Schriftsteller. Als Solches habe ich es auch kennengelernt und benutzt.

Papyrus bietet eine Vielzahl von Optionen auf, von denen ich aber nur wenige wirklich benötige. Neben der Erkennung von Schreibfehlern werden verschiedenen Stilanalysen und Kritiken zur Verfügung gestellt. Man kann eben vieles falsch machen. Es geht um Lesbarkeit, Gebrauch von Phrasen, Verbfaulheit, Amtsdeutsch, Passivformen, Füllwörter erkennen, Wortwiederholungen.

Der Screenshot zeigt, was analysiert werden kann. Wer alles berücksichtigen will, wird mit seinem Text nie fertig. Man muss nicht alles auf die Goldwaage legen. Dennoch sind einige der Möglichkeiten hilfreich. Auch, wenn man konkrete Schwächen hat. Außerdem stellt Papyrus Synonyme bereit.

Nun ist die Anschaffung eines solchen Programms der Kosten wegen – immerhin 179,- Euro – für die meisten keine Option. Es gibt aber Alternativen. Die zähle ich hier nicht auf, das habe ich an anderer Stelle schon getan. Es gibt auch online brauchbare Möglichkeiten, wenn du deinen Text verbessern willst. Sogar in WordPress. Lies dazu: Rechtschreibung online prüfen & andere Tools für Blogger & Autoren

Der letzte Schliff

Ab jetzt wird poliert und gewienert. Jeder Beitrag soll sich von seiner besten Seite zeigen. Als Erstes wird der Teaser noch mal geradegezogen. Der Anreißertext ist ja mit das erste, was du als Leser siehst, deshalb muss er wirken, muss flüssig lesbar sein und den Lesehunger anregen. Oft schreibe ich ihn noch ein bisschen um und füge die eine oder andere Leerzeile ein.

Auch der <!–more–> Shortcode (Weiterlesen) wird nun gesetzt. Wenn ich ihn nicht vergesse … Was nicht tragisch wäre, denn ich benutze ihn gar nicht mehr. Die Homepage und die Rubrikenseiten arbeiten nur mit den Beitragsbildern, nicht mit Text. Aber da sich das auch wieder ändern könnte, sollte der Shortcode nachwievor enthalten sein.

Einmal durch den Text gehen und Wichtiges mit fetter Schrift auszeichnen. Mal ein Wort, mal ein Satz. Aber bloss nicht zu viel davon. Zurückhaltung tut gut.

Auch die Zwischenüberschriften werden noch einmal durchdacht. Passen die wirklich zum folgenden Text oder hat sich was verändert oder verschoben? Haben sie das Zeug dazu, den Leser festzuhalten? Sind die Textblöcke zu umfangreich, bedarf es möglicherweise noch zusätzlicher Zwischenüberschriften, deren Bedeutung nicht zu unterschätzen ist.

Hilfe in Sachen Lesbarkeit kommt auch vom Yoast SEO Plugin

Besteht das Posting ausschließlich aus Text, braucht es eine Auflockerung. Dazu setze ich entweder ein Icon ein, wie oben schon erwähnt, oder ein Visual. Das ist ein Zitat oder selbst ausgedachter Spruch, der in eine Grafik verpackt wird. Soll ein Hingucker sein. Diese Visuals mache ich manchmal auch einfach nur zum Spaß, ohne das ein Posting das nötig hätte. Diese Grafiken sammele ich außerdem in einer Galerie. Schau hier entlang: Bunte Tipps für Blogger in Bildern.

Ein Beispiel für ein Visual

Noch eine Kleinigkeit berücksichtige ich. Eingefügte Bilder kommen standardmäßig mit einem dünnen Rahmen. Bei freigestellten Abbildungen wie oben der Screenshot zu den Synonymen sieht es meist besser aus, wenn der Rahmen entfernt wird. Du siehst, hier wird auch auf Kleinigkeiten wert gelegt.

Wenn der Titel feststeht, ist es Zeit, noch einmal einen Blick auf die URL zu werfen. Sie ist weniger für Menschen gedacht. Knapp soll sie sein und wichtige Keywords enthalten. Aber das lohnt nur, wenn man etwas bestimmtes im Sinn hat. Dieses Posting etwa, hat keine bestimmte Richtung, kein Hauptkeyword oder so etwas. Deshalb lasse die URL, wie sie ist.

Startseite und Rubriken setzen voll auf Beitragsbilder, deshalb müssen diese Grafiken mit dem Artikel verlinkt sein.

Auf die Handungsaufforderung (CTA) verzichte ich inzwischen meist und lösche sie sogar aus älteren Artikeln. Für meinen Geschmack wird sie zu häufig eingesetzt und versucht moralisch Druck auf den Leser auszuüben. Will ich nicht.

SEO

Für die Suchmaschinenoptimierung hatte ich zwischenzeitlich wenig übrig. Aber das hat sich geändert. Inzwischen ist mir klar geworden, dass eine Portion SEO dazugehört. Dazu gibt es in der nächsten Woche einen Artikel. Ich harbeite ja schon daran …

Wie Millionen andere setze ich auf das Plugin von Yoast. Es ist eine wunderbare Hilfe, wenn es gilt einen Beitrag seomäßig einzuschätzen. Zeitgleich liefert es wertvolle Hinweise.

Details spare ich mir an dieser Stelle. Nur so viel, ein Posting wird optimiert, nicht umgeschrieben. Ich schreibe nicht für die Maschine. Will aber deren Anforderungen berücksichtigen, um nicht falsch beurteilt zu werden.

Wichtig ist der Seitentitel, der mitunter getrimmt werden muss. Dann wäre da noch die Meta-Description, die ich zusätzlich einfüge, damit der Artikel in den SERPs gut rüberkommt. Keywords sollten an den richtigen Positionen auftauchen, sofern ich mich da festlegen kann. Auch ALT-Attribute für Bilder trage ich nach oder verbessere sie. Auf Dinge wie die Satzlänge muss ich nicht achten. Ich habe mir kurze Sätze angewöhnt. Ein besonderer Blick sollte der URL gelten, das erwähnte ich bereits weiter oben.

Nach der Veröffentlichung

Gleich darauf gibt es noch einmal eine Kontrolle. Oft fällt einem noch etwas ein oder man erspäht Fehler. Typischerweise vergesse ich, die Kategorie zu bestimmen oder den <!–more–> Shortcode einzufügen. Lässlich, aber das ist schnell korrigiert.

Jetzt ist außerdem Gelegenheit von älteren Artikeln auf das neue Werk zu verlinken – sofern das inhaltlich Sinn ergibt. Dann geht es an die Promotion, die sich bei mir meist schon in ein bisschen Social Media oder den Newsletter erschöpft. Und dann geht es weiter. Denn nach dem Posting ist vor dem Posting.

Was denn: kein 80% Marketing?

Ein Posting wie dieses ist keine News, die mittels Marketing durch einschlägige Kanäle gedrückt werden muss, um möglichst viel Wirbel zu machen. Conterest ist anders angelegt. Es geht um die Kreation einer Contentwelt. Die Inhalte sollten aufeinander aufbauen und zueinander passen, verwoben werden. Weshalb sie – zu einem Teil jedenfalls – auch aktuell gehalten werden. Dazu vielleicht an anderer Stelle später mehr.

Dankeschön für deine Aufmerksamkeit. Ich freue mich auf das zweite Jahr!