Tag Archive: wordpress



Mein erster kompletter Plakatversuch am Handy – mit brauchbarem Ergebnis, ein paar Fehltritten und angenehm viel Badewasser.

MEIN KURZFAZIT KI liefert keine automatische Gestaltung. Sie liefert Material. Mit Erfahrung, Geschmack und ein paar freundlichen Korrekturschleifen kann daraus trotzdem etwas Ordentliches werden – sogar am Handy.

Fast jeden Tag spült mir Instagram irgendwelche AI-Hate-Videos herein. Da werden misslungene ChatGPT-Plakate hergezeigt, Grafiker schütteln dramatisch den Kopf und am Ende lautet die Botschaft: KI kann nichts, alles schaut furchtbar aus – als hätte eine schlecht gesetzte Überschrift gerade das Abendland beendet.

Ganz ehrlich: Diese Rechnung ist mir zu billig. Eine KI ist ein Werkzeug. Wenn ich zum ersten Mal eine Kamera in die Hand nehme, im Automatikmodus einmal auf den Auslöser drücke und das Foto ist schlecht, kann ich auch nicht ernsthaft behaupten, die Kamera sei schuld. Vielleicht waren mein Bild, mein Licht oder meine Idee noch nicht besonders gut. Der Automatikmodus ist schließlich keine Geschmackstaste.

Also habe ich es selbst ausprobiert

Ich arbeite seit über 30 Jahren im Agentur- und Medienbereich. Gestaltung, Fotografie, Photoshop, Composing, Druck und Bildaufbereitung sind für mich keine exotischen Fremdwörter. Deshalb wollte ich wissen, was passiert, wenn man so ein sogenanntes ChatGPT-Plakat nicht als Ein-Klick-Wunder behandelt, sondern wie einen normalen Gestaltungsauftrag.

Das Briefing war bewusst einfach und komplett fiktiv: COFFEE BROWNZ, ein Kaffeeladen in Linz, bewirbt seine Summer-Special-Matcha-Wochen. Modern, minimalistisch, viel Freiraum, keine Fantasieadresse, keine Schrift, die irgendwo am Glas klebt, und keine typografische Geisterbahn. Die visuelle Richtung: ruhig, klar und eher Apple als Jahrmarkt.

Und ja: Das war mein allererster Versuch, einen kompletten Plakat-Workflow auf diese Art durchzuspielen. Nicht im Studio. Nicht am großen Rechner. Sondern am iPhone, während ich in der Badewanne lag. Die Arbeitsbedingungen waren also zumindest hervorragend klimatisiert.

Ich prompte nicht. Ich diskutiere.

Ich tippe keine kilometerlangen Zaubersprüche in ein Prompt-Feld und hoffe danach auf göttliche Erleuchtung. Ich rede mit ChatGPT so, wie ich mit einem Assistenten reden würde. Ich erkläre die Idee, schaue mir das Ergebnis an, sage, was nicht funktioniert, verwerfe Varianten und lasse nacharbeiten.

Genau so lief auch dieses Experiment. Die erste Vorlage war zu beliebig. Dann tauchte eine nicht bestätigte Adresse auf – weg damit. An anderer Stelle stand die Typografie zu knapp am Matcha-Glas. Also Abstand korrigieren. Die Wortmarke musste ruhiger werden. Das Layout musste sauberer werden. Und selbst in der späteren Workshop-PDF gab es noch eine Seite, auf der eine Überschrift in die nächste Spalte ragte. Auch das wurde korrigiert.

Das ist für mich keine Niederlage der KI, sondern ein völlig normaler Gestaltungsprozess: ansehen, Nein sagen, ändern, noch einmal ansehen. Das ist kein Weltuntergang, sondern Dienstag in jeder halbwegs normalen Gestaltung.

Was technisch dahintersteckte

Der gesamte Ablauf lief in ChatGPT im Work Mode. Dabei kamen auch verbundene Adobe-Werkzeuge und Bildgenerierung zum Einsatz. ChatGPT war die Zentrale für Briefing, Varianten, Auswahl, Korrekturen, Dokumentation und Ausgabe. Das ist wichtig, weil solche Integrationen nicht einfach magisch auf alles zugreifen: Sie funktionieren nur mit den jeweils verfügbaren Fähigkeiten, Berechtigungen und verbundenen Konten.

Der eigentliche Punkt ist aber nicht, welche App an welcher Stelle im Hintergrund gearbeitet hat. Entscheidend war, dass ich den Prozess geführt habe. Die KI hat Vorschläge und Dateien geliefert. Ich habe Richtung, Auswahl, Abstände, Text, Hierarchie und Qualität beurteilt.

4K ist kein magisches Drucksiegel

Beim Thema Druck wird besonders gerne durcheinandergeredet. 4K beschreibt zunächst nur eine bestimmte Pixelmenge beziehungsweise eine gebräuchliche Auflösungsklasse. Ob eine Datei drucktauglich ist, hängt vom Endformat, der tatsächlichen Pixelzahl, der effektiven Pixeldichte, dem Betrachtungsabstand, dem Druckverfahren, dem Farbprofil und der Druckerei ab.

Für kleinere hochwertige Drucke sind rund 300 ppi ein üblicher Richtwert. ppi bedeutet Pixel pro Zoll und beschreibt vereinfacht gesagt, wie dicht die vorhandenen Bildpunkte im Druck sitzen. Bei sehr großen Formaten, die aus mehreren Metern Entfernung betrachtet werden, kann deutlich weniger ausreichen. Genau deshalb kann ein sauber aufbereitetes Motiv auch auf sechs mal vier Metern funktionieren, ohne dass dafür üblicherweise 300 ppi über die gesamte Fläche nötig sind. Vor Produktion gilt trotzdem: Endformat festlegen, Druckerei fragen, Datei prüfen und einen Proof machen.

Auch ein Upscaler ist kein Zauberstab, der verlorene Originaldetails aus dem Nichts zurückholt. Ein gutes Werkzeug kann Kanten, Strukturen und wahrgenommene Schärfe überzeugend rekonstruieren. Ob das Ergebnis wirklich sauber ist, muss aber wieder ein Mensch beurteilen. 4K sagt zunächst etwas über die Pixelmaße aus – noch nicht darüber, wie groß, wie nah und mit welchem Verfahren später gedruckt wird. Nach meiner eigenen Praxiserfahrung bereite ich seit Jahren eigene Arbeiten sowie Daten für Kunden und Agenturen auf, auch bei sehr alten oder zu kleinen Bildern. Bei meinen regulären Kunstwerken starte ich mindestens mit einem nativen 4K-Ausgang. AI-modifizierte Elemente habe ich bereits in Fine-Art-Prints auf Büttenpapier eingesetzt. Der Grund, warum das funktioniert, ist nicht Magie, sondern ein kontrollierter Workflow.

Dasselbe gilt für PDFs: Eine PDF ist nicht automatisch druckfertig und auch nicht automatisch vollständig editierbar. Vektortext, eingebettete Schriften, Bilder, Beschnitt, Farbprofil und Exportstandard müssen geprüft werden. Die hier angebotene Workshop-PDF dokumentiert den Ablauf. Vor einer echten Produktion würde ich die konkrete Plakatdatei immer noch einmal händisch in der vorgesehenen Druckgröße kontrollieren.

Die KI hat keinen Geschmack. Den müssen wir mitbringen.

Ich kann das permanente Ablästern über KI deshalb nur bedingt nachvollziehen. Natürlich produziert KI jede Menge Schrott. Menschen produzieren aber ebenfalls jede Menge Schrott – mit Photoshop, Kameras, Layoutprogrammen, Pinseln und vermutlich auch mit Kartoffeldruck. Das Werkzeug garantiert keine Ästhetik. Es beschleunigt nur ziemlich zuverlässig das, was man damit macht – im Guten wie im etwas schief geratenen Matcha-Grün.

Wer gestalten will, braucht weiterhin Grundwissen: Hierarchie, Typografie, Bildaufbau, Abstand, Farbe, Material, Ausgabe und vor allem ein Auge dafür, wann etwas noch nicht fertig ist. KI nimmt einem diese Entscheidungen nicht ab. Sie kann den Weg aber deutlich schneller machen.

Mein Vorschlag an Agenturmenschen und Grafiker ist daher ziemlich simpel: Anschauen und einmal ernsthaft ausprobieren – idealerweise länger als bis zum ersten schiefen Entwurf. Vielleicht ist nicht alles brauchbar. Vielleicht ist aber genug dabei, um schneller zu arbeiten oder sogar einen neuen Service daraus zu machen. Nach meiner eigenen Erfahrung verdiene ich unter anderem mit sauberer Bildaufbereitung und Upscaling Geld, weil ich neue Werkzeuge sinnvoll in meinen vorhandenen Workflow einbaue.

Die komplette Workshop-PDF

Damit das Experiment nachvollziehbar bleibt, habe ich den kompletten Ablauf als einsteigerfreundliche Workshop-PDF zusammengefasst: vom gesprochenen Briefing über Varianten, Fehler und Korrekturen bis zur finalen Gestaltung und zum technischen Druckcheck. Auch diese Dokumentation entstand im Dialog mit ChatGPT – und ebenfalls am Handy.

Mein Ergebnis ist nicht: KI kann jetzt alles. Mein Ergebnis ist: Wer weiß, was er will, sauber schaut und konsequent korrigiert, kann mit diesen Werkzeugen bereits sehr brauchbare Arbeit herstellen. Sogar am Telefon. Sogar in der Badewanne. Der Mensch bleibt dabei nicht überflüssig. Er darf weiterhin hinschauen, auswählen und gelegentlich auch sehr entschieden Nein sagen.

Und weil es gerade so schön konsequent ist: Auch dieser Blogbeitrag entstand in der Badewanne. Ich habe ihn frei ins Handy gesprochen. ChatGPT hat aus der Aufnahme einen lesbaren Text gemacht, die Fakten und Links geprüft und das Ganze als Word-Dokument aufgebaut. Ich tippe solche Beiträge nicht. Ich bespreche sie.

Faktencheck und weiterführende Links

EU-AI-Act-Transparenzhinweis

Dieser Beitrag entstand auf Grundlage meiner frei gesprochenen Angaben. ChatGPT unterstützte bei Transkription, sprachlicher Struktur, Faktencheck und Erstellung des Word-Dokuments. Das Plakat-Experiment und die begleitende PDF entstanden ebenfalls im Dialog mit ChatGPT unter Einsatz verbundener Adobe-Werkzeuge und Bildgenerierung. Inhalt, Haltung, Auswahl, Korrekturen und finale Freigabe stammen von mir.

KI in WordPress: So setzt du AI klug auf Homepages & Blogs ein

Fundierter Praxisleitfaden mit Workflows, Code‑Schnipseln, Checklisten, Tipps & Link‑Sammlung.


1) Wofür KI in WordPress wirklich taugt

  • Ideation & Redaktionsplan: Themen finden, Briefings erstellen, Outline + Quellen prüfen.
  • Entwürfe & Feinschliff: Rohtexte, Varianten (Hook/CTA/Tonalität), Übersetzungen & Lokalisierung.
  • SEO & Struktur: Titel/Descriptions, FAQ‑Blöcke, Schema‑Vorschläge, interne Verlinkung.
  • Bild‑Workflows: Motiv‑Skizzen, Alt‑Texte, Bildtitel, automatisches Zuschneiden & WebP‑Auslieferung.
  • Assistenz & Suche: Chat/FAQ‑Assistent mit Website‑Wissen (RAG), semantische Suche über Beiträge.
  • Redaktionsbetrieb: Quali‑Checks (Lesbarkeit, Fakten‑Review), Style‑Guides, Plagiat‑Checks.

Grundsatz: AI schreibt nicht für dich – sie beschleunigt dich. Immer redigieren, faktenprüfen, Tonalität an die Marke anpassen.


2) Empfohlene Setups (vom Plug‑and‑Play bis Custom)

2.1 Plug‑ins (schnell startklar)

  • Jetpack AI Assistant – Block im Gutenberg‑Editor für Textentwürfe, Zusammenfassungen, Übersetzungen.
  • AI Engine (Meow Apps) – Content‑Generator, Chat, Promptspeicher, Bild‑Hooks; viele Stellschrauben.
  • AI Power (GPT AI Power) – Inhalte, Bilder, Chatbot, Formulare; breite Feature‑Suite.

2.2 Halb‑Custom (sicher & flexibel)

  • OpenAI/anderer Anbieter via PHP: Schlüssel in wp-config.php hinterlegen, Server‑Side Calls per wp_remote_post().
  • Workflows mit REST/Webhooks: Entwürfe automatisch generieren, in „Ausstehend“ speichern, Review durch Redaktion.

2.3 Full‑Custom (RAG & eigene Wissensbasis)

  • Embedding‑Index deiner Beiträge/Seiten in einer Vektor‑DB (z. B. pgvector/Pinecone/Weaviate).
  • WP‑Cron hält den Index aktuell; Frontend‑Chat beantwortet Fragen mit Zitaten/Quellen aus deinen Inhalten.

3) Beispiel‑Workflows

3.1 Neuer Blogpost (90‑Minuten‑Pipeline)

  1. Briefing per Prompt (Ziel, Persona, Botschaft, Quellenanforderungen).
  2. Outline + Research‑Snippets generieren (mit Link‑Platzhaltern).
  3. Erstentwurf (800–1200 Wörter) + Gegenposition (150 Wörter) anfordern.
  4. Redaktion: Faktencheck, Quellen einfügen, Stil glätten.
  5. SEO: Titel/URL, H2/H3‑Struktur, FAQ‑Block, Meta‑Description, interne Links.
  6. Bilder: 1 Key‑Visual + 2 Inline‑Grafiken; Alt‑Texte & Captions via AI vorschlagen lassen.
  7. Review (Checkliste unten) → Publizieren.

3.2 Produkt/Leistungsseite

  • Value‑Prop → Nutzenliste → Einwandbehandlung → CTA → FAQ → Trust‑Signale.
  • AI erzeugt Variationen für A/B‑Tests (Hero‑Copy, Button‑Text, Hook‑Bildunterschrift).

3.3 Redaktionskalender

  • Themenclustern per KI, Priorisierung nach Suchintention/Impact, Export als CSV/Google Sheet.

4) Prompt‑Vorlagen (kurz & wirksam)

Briefing‑Prompt

Rolle: Senior Editor. Ziel: fundierter Blogartikel für [Zielgruppe] zu [Thema]. Gib eine Outline (max. 12 Punkte) + Bullet‑Liste mit Belegstellen, die ich recherchieren soll.

Entwurf‑Prompt

Schreibe den Artikel (900–1200 Wörter), Struktur aus Outline. Neutraler Ton, kurze Absätze, H2/H3, Beispiele. Markiere [Quelle einfügen] dort, wo Belege nötig sind.

SEO‑Prompt

Erzeuge: 10 Titelideen (max. 60 Zeichen), 5 Meta‑Descriptions (max. 155 Zeichen), Slug‑Vorschläge, 6 interne Linkanker. Sprache: Deutsch.

Bild‑Alt‑Text‑Prompt

Beschreibe das Bild knapp (max. 120 Zeichen), sachlich, ohne „Bild von…“, relevante Keywords zuerst.


5) Mini‑Integration (Server‑seitig) – Meta & Alt‑Text per PHP

5.1 Schlüssel sicher ablegen (wp-config.php)

// In wp-config.php
define('OPENAI_API_KEY', 'sk-...dein_api_key...');

5.2 Generator‑Funktion (functions.php)

function brownz_ai_chat($prompt){
  $body = [
    'model' => 'gpt-4o-mini',
    'messages' => [
      ['role'=>'system','content'=>'You write concise German SEO metadata.'],
      ['role'=>'user','content'=>$prompt]
    ]
  ];
  $res = wp_remote_post('https://api.openai.com/v1/chat/completions', [
    'headers' => [
      'Authorization' => 'Bearer '.OPENAI_API_KEY,
      'Content-Type'  => 'application/json'
    ],
    'body'    => wp_json_encode($body),
    'timeout' => 30
  ]);
  if (is_wp_error($res)) return '';
  $json = json_decode(wp_remote_retrieve_body($res), true);
  return $json['choices'][0]['message']['content'] ?? '';
}

// Beim Speichern Meta/Alt generieren (einmalig)
add_action('save_post', function($post_id, $post){
  if (wp_is_post_revision($post_id) || $post->post_type !== 'post') return;
  if (get_post_meta($post_id,'_ai_meta', true)) return; // nur einmal
  $text = wp_strip_all_tags($post->post_content);
  $out = brownz_ai_chat("Erzeuge 1) Meta-Description (<=155 Zeichen) 2) 3 Alt-Texte für Bilder. Inhalt: \n\n".wp_trim_words($text, 220));
  if ($out){
    // Sehr einfache Extraktion – nach Bedarf härten
    if (preg_match('/Description\s*:\s*(.+)/u', $out, $m)){
      update_post_meta($post_id, '_yoast_wpseo_metadesc', trim($m[1]));
    }
    update_post_meta($post_id,'_ai_meta', 1);
  }
}, 10, 2);

Hinweise: Rate‑Limits beachten, PII nicht senden, bei sensiblen Inhalten Moderation einschalten. Schlüssel nie clientseitig exponieren.


6) Qualität, Compliance & Performance

  • Faktencheck: Zahlen/Studien/Lizenzen immer belegen; AI‑Texte per Stichprobe verifizieren.
  • Recht/GDPR: Kein PII an Modelle senden; bei Chatbots Hinweise/Opt‑in; DPA mit Anbietern prüfen.
  • Kennzeichnung: Transparenzhinweis, wo AI substanziell mitgeschrieben hat (Policy‑abhängig).
  • Barrierefreiheit: Alt‑Texte, klare Kontraste, strukturierte Überschriften.
  • Performance: WebP/AVIF, responsive srcset, Caching, Lazy‑Load, saubere CLS.

7) Redaktions‑Checkliste (ausführlich)

  • Inhalt & Stil
    • Ziel, Persona, Kernbotschaft eindeutig
    • CI‑Tonalität & Claims geprüft (Styleguide, Blacklist)
    • Faktencheck: Zahlen/Zitate/Belege verlinkt (Primärquelle)
    • Lesbarkeit: kurze Absätze, aktive Sprache, klare CTAs
  • SEO & Struktur
    • Titel ≤ 60 Zeichen, Meta‑Description ≤ 155 Zeichen
    • H1 einmalig, H2/H3 logisch verschachtelt
    • Sprechender Slug, interne Links (≥ 3), externe Quellen mit rel=“noopener“
    • FAQ‑Block (Schema‑fähig), Breadcrumb/Article‑Schema vorhanden
    • Bild‑Alt‑Texte präzise; Dateinamen sprechend
  • Recht & Datenschutz
    • Bild‑/Markenrechte geklärt; Model‑Releases vorhanden
    • Impressum/Datenschutzerklärung verlinkt; Cookie‑Hinweise korrekt
    • Keine personenbezogenen Daten an KI gesendet; AI‑Transparenzhinweis falls substanzieller Einsatz
  • Barrierefreiheit
    • Farbkontrast ausreichend (WCAG)
    • Linktexte beschreibend; Fokusreihenfolge geprüft
    • Medien: Captions/Transkript falls nötig
  • Performance & Technik
    • Bilder als WebP/AVIF, srcset & Lazy‑Load aktiv
    • LCP ≤ 2,5 s, CLS ≤ 0,1; Caching/Minify aktiv
    • Mobilansicht (Breakpoints) und Core Web Vitals geprüft
  • Publishing
    • Vorschau Desktop/Mobil; Social Cards (OG/Twitter) korrekt
    • UTM‑Parameter für Kampagnen; Veröffentlichungszeit geplant
    • Revision/Version gesichert; Backup aktuell

8) 18 Praxistipps

  1. Schreibe kurz, modular – AI erweitert, du schärfst.
  2. Nutze Vorlagen für Briefings, CTAs, FAQs.
  3. Baue ein Glossar in die AI‑„Memories“ (Markenbegriffe, Schreibweisen).
  4. Erzwinge Formate (Tabellen/JSON) für sauberen Import in Gutenberg/Custom Blocks.
  5. Varianten generieren (Hook/CTA) → A/B‑testen mit Analytics.
  6. Lasse dir interne Linkvorschläge geben – Site‑Struktur stärken.
  7. Alt‑Text‑Stapellauf: Medienbibliothek exportieren → AI → zurückschreiben.
  8. Nutze RAG für Chat/FAQ – Antworten immer mit Quelle (Permalink) ausgeben.
  9. Halte Sitemaps & Schema aktuell (Artikel/FAQ/Breadcrumb).
  10. Pflege Promptsammlung im Team‑Wiki.
  11. Für Lokalisierung: erst Transcreation (Sinnebene), dann Feinschliff.
  12. Red Flags: Medizin/Finanzen/Recht nur mit Experten‑Review live stellen.
  13. Bild‑Ethik: Personen‑Einwilligung, Markenrechte, Stock‑Lizenzen checken.
  14. Automatisiere Low‑Level‑Tasks (Meta/Alt/FAQ‑Entwürfe), lasse High‑Level manuell.
  15. Backups & Versionskontrolle (Revisions) aktiv halten.
  16. Kosten im Blick: Tokens limitieren, Zusammenfassungen statt Volltexte senden.
  17. Cache Ergebnisse (Transients) für wiederkehrende Generierungen.
  18. Messbar machen: KPI‑Dashboard (Leads/Time on Page/Scroll/CTR) → AI‑Iterationen steuern.

Link‑Sammlung

Plugins

WordPress Entwicklung

OpenAI / AI‑Grundlagen

Vektor‑Datenbanken (RAG)


Schluss

KI ist kein Ersatz für Redaktion – sie ist der Turbo für deinen WordPress‑Betrieb. Mit sicherem Setup (Server‑Side, Datenschutz), klaren Workflows und messbarer Optimierung hebst du Content‑Qualität, Tempo und Conversion – ohne deine Marke zu verwässern.

Menü & Archiv