Zum Inhalt springen
PageSpeed 100 als Auslieferungs-Standard
Auf dieser Seite

Inhalte, Mediathek und Blog

Neben den einzelnen Seiten pflegen Sie drei weitere Bereiche: „Inhalte“ für gleichartige Datensätze, „Mediathek“ für Bilder und Dateien, „Blog“ für Ihre Beiträge.

Die drei Bereiche

Über die Leiste am oberen Bildschirmrand erreichen Sie neben dem Editor auch „Inhalte“, „Mediathek“ und „Blog“.

„Inhalte“ ist Ihr kleines Redaktionssystem für gleichartige Datensätze wie Referenzen, Teamprofile oder eine Speisekarte. In der „Mediathek“ liegen alle Bilder und Dateien einer Website. Im Bereich „Blog“ entstehen und wachsen Ihre Beiträge.

Die Leiste führt außerdem zu „Marke“, „Header & Footer“, „Anfragen“, „Domains“, „Team“ und „Konto“. Ganz links kommen Sie mit „Zurück zum Editor“ wieder auf die Seitenansicht.

Was Sie dort anlegen, gehört immer zu genau einer Website — nicht zu Ihrem Konto insgesamt. Die Auswahl oben entscheidet also, welche Collections, Bilder und Beiträge Sie gerade vor sich haben.

Zuerst die Website wählen

Betreuen Sie mehrere Websites, wechseln Sie oben zuerst auf die gewünschte. Sonst legen Sie einen Eintrag, ein Bild oder einen Beitrag an der falschen Stelle an.

Die Inhaltsverwaltung: links die Collections der Website, rechts die Einträge der gewählten Collection.
Die Inhaltsverwaltung: links die Collections der Website, rechts die Einträge der gewählten Collection.

Collections anlegen

Eine „Collection“ ist eine Sammlung gleichartiger Datensätze. Sie legen einmal fest, welche Felder ein Datensatz hat, und füllen danach beliebig viele Einträge aus.

Die Kopfzeile des Bereichs weist ihn als „CMS“ aus und nennt darunter „Collections & Einträge“ der gewählten Website. Links sehen Sie die Collections, rechts die Einträge der gerade gewählten Collection. Typische Beispiele sind „Referenzen“, „Team“ oder „Speisekarte“ — alles, was in gleicher Form immer wiederkehrt.

Unter jedem Namen in der linken Liste steht, wie viele Einträge und wie viele Felder die Collection hat. Solange nichts angelegt ist, meldet die linke Spalte „Noch keine Collections“ und schlägt eine erste vor — etwa „Blog“, „Team“ oder „Referenzen“; rechts steht der Hinweis, links eine Collection zu wählen. Eine Collection ganz ohne Felder erscheint als „Keine Felder“.

  1. Klicken Sie links oben auf „Neue Collection“.

  2. Tragen Sie unter „Name (Mehrzahl)“ den Sammelbegriff ein, unter „Einzahl-Name“ die Bezeichnung für einen einzelnen Datensatz.

    Zum Beispiel Referenzen und Referenz. Das Feld „Schlüssel (key)“ füllt sich dabei automatisch.

  3. Wählen Sie unter „Slug-Feld“ das Feld, aus dem die Web-Adresse eines Eintrags gebildet wird — üblicherweise der Titel.

    Mit „— keines (Auto) —“ übernimmt XICflow das automatisch.

  4. Entscheiden Sie über „Detailseiten je Eintrag erzeugen“.

    Eingeschaltet bekommt jeder veröffentlichte Eintrag eine eigene Unterseite. Lassen Sie die Option aus, wenn die Einträge nur als Liste erscheinen sollen.

  5. Legen Sie unter „Felder“ mit „Feld hinzufügen“ die Eingabefelder an: je Feld eine „Bezeichnung“ und einen „Typ“.

    Der „Schlüssel“ ergibt sich automatisch. Mit „Pflichtfeld“ erzwingen Sie eine Eingabe.

  6. Ordnen Sie die Felder mit „Nach oben“ und „Nach unten“; ein überflüssiges Feld entfernen Sie mit „Feld entfernen“.

  7. Klicken Sie auf „Speichern“.

Die Einstellungen einer Collection.
EinstellungWirkungMögliche WerteVorgabe
Name (Mehrzahl)Bezeichnung der Sammlung in der Liste und Überschrift über der Ausgabe auf der SeiteText, höchstens 120 ZeichenPflichtangabe
Einzahl-NameBeschriftung des Knopfes für einen neuen DatensatzText, höchstens 120 Zeichenleer — der Knopf heißt dann „Neuer Eintrag“
Schlüssel (key)Technischer Name, über den ein Baustein die Sammlung findetKleinbuchstaben, Ziffern, Bindestrich, Unterstrichwird aus dem Namen gebildet; bei Dopplung mit angehängter Zahl
Slug-FeldFeld, aus dem die Adresse eines Eintrags gebildet wirdeines der angelegten Felder oder „— keines (Auto) —“das Feld „Titel“, das jede neue Collection mitbringt
Detailseiten je Eintrag erzeugenLegt beim Veröffentlichen je Eintrag eine eigene Unterseite an; Karten in Listen verlinken daraufein oder ausaus
FelderDie Eingabefelder, aus denen ein Eintrag bestehtbis zu 100 Felderein Pflichtfeld „Titel“ vom Typ Text

Die Einstellungen je Feld

Jedes Feld in der Liste „Felder“ hat dieselben vier Angaben; die Optionen kommen nur beim Typ „Auswahl“ hinzu. Das Bezeichnungsfeld zeigt „z. B. Titel“ als Beispiel, solange es leer ist.

Die Angaben eines einzelnen Feldes.
EinstellungWirkungMögliche WerteVorgabe
BezeichnungBeschriftung des Feldes im Eintrags-FensterText, höchstens 190 Zeichenleer
SchlüsselTechnischer Name des Feldes; muss innerhalb der Collection eindeutig seinKleinbuchstaben und Unterstrichewird aus der Bezeichnung gebildet
TypArt der Eingabe und der späteren Ausgabeneun FeldartenText
PflichtfeldDer Eintrag lässt sich ohne Wert nicht speichernein oder ausaus
Optionen (komma-getrennt)Die Auswahlmöglichkeiten; erscheint nur beim Typ „Auswahl“bis zu 200 Werte, je höchstens 190 Zeichenleer

Löschen Sie eine Collection über das Papierkorbsymbol im Bearbeiten-Fenster, fragt XICflow mit „Collection „…“ mit allen … Einträgen löschen?“ nach — die Einträge gehen dabei mit verloren.

Lieber wenige, klare Felder

Jedes Feld erscheint später in jedem Eintrag. Beginnen Sie mit den Angaben, die Sie sicher bei jedem Datensatz haben, und ergänzen Sie später — bestehende Einträge behalten dabei ihre Werte.

Die neun Feldarten

Der „Typ“ eines Feldes entscheidet zweierlei: wie Sie den Wert eintragen und wie er später auf einer Detailseite erscheint.

Feldarten, Eingabe und Ausgabe.
FeldartEingabe im EintragAusgabe auf einer Detailseite
TextEinzeiliges EingabefeldDas erste Textfeld wird die Überschrift; weitere Textfelder stehen in der Merkmalsliste
TextbereichMehrzeiliges Feld (drei Zeilen)Zwischenüberschrift mit der Bezeichnung, darunter der Text als Absatz
Rich-TextMehrzeiliges Feld (sechs Zeilen)Zwischenüberschrift mit der Bezeichnung, darunter der Text als Absatz
ZahlZahlenfeldZeile in der Merkmalsliste
Ja/NeinKontrollkästchenZeile in der Merkmalsliste, als „Ja“ oder „Nein“
BildAdressfeld mit Vorschau darunterBild unter der Überschrift; das erste Bildfeld dient auch als Vorschaubild der Karte und als Bild beim Teilen
URLAdressfeld für https://…Schaltfläche, beschriftet mit der Bezeichnung des Feldes
DatumDatumsfeldZeile in der Merkmalsliste
AuswahlAuswahlliste aus den Optionen, zunächst „— bitte wählen —“Zeile in der Merkmalsliste

Beim Typ „Auswahl“ tragen Sie zusätzlich unter „Optionen (komma-getrennt)“ die möglichen Werte ein. Beim Typ „Bild“ fügen Sie die Adresse einer Datei ein — Sie kopieren sie in der Mediathek mit einem Klick auf das Bild; der Platzhalter im Feld nennt beide Formen: „/storage/…“ oder „https://…“.

Die Feldart lässt sich auch später noch ändern. Bereits gespeicherte Werte bleiben dabei erhalten, passen aber nicht immer zur neuen Eingabeart — prüfen Sie danach ein paar Einträge.

Einträge pflegen

Steht der Aufbau, geht es ums Füllen: Einträge anlegen, Status setzen, später ändern oder löschen.

  1. Wählen Sie links die Collection aus.

  2. Klicken Sie rechts oben auf „Neuer Eintrag“.

    Haben Sie einen Einzahl-Namen vergeben, trägt der Knopf ihn: aus „Referenz“ wird „Neuer Referenz“.

  3. Füllen Sie die Felder aus. Pflichtfelder sind mit einem Sternchen markiert.

  4. Wählen Sie unter „Status“ zwischen „Entwurf“ und „Veröffentlicht“.

    Nur veröffentlichte Einträge erscheinen später auf der Website.

  5. Das Feld „Slug“ ist optional; bleibt es leer, wird die Adresse automatisch gebildet.

  6. Klicken Sie auf „Speichern“.

Die Angaben unter den Feldern eines Eintrags.
EinstellungWirkungMögliche WerteVorgabe
StatusEntscheidet, ob der Eintrag beim Veröffentlichen mit auf die Website geht„Entwurf“ oder „Veröffentlicht“Entwurf
SlugLetzter Teil der Adresse, wenn die Collection Detailseiten erzeugtKleinbuchstaben, Ziffern und Bindestriche, höchstens 190 Zeichenleer = wird aus dem Slug-Feld gebildet; bei Dopplung mit angehängter Zahl
SpracheLegt fest, welche Sprachfassung der Felder Sie gerade füllendie Sprachen Ihrer Websitedie Basissprache

Zum Ändern klicken Sie einen Eintrag an oder nutzen das Stiftsymbol „Bearbeiten“; das Papierkorbsymbol löscht ihn nach der Rückfrage „Diesen Eintrag löschen?“. Das Fenster schließen Sie mit „Abbrechen“, dem Kreuz oder der Escape-Taste — ungespeicherte Eingaben gehen dabei verloren.

Ist Ihre Website mehrsprachig, erscheinen im Eintrags-Fenster Sprachschalter. Die Ausgangssprache ist mit „Basis“ gekennzeichnet; Felder, die Sie in einer anderen Sprache leer lassen, übernehmen deren Wert. Pflichtfelder werden nur in der Basissprache geprüft.

Eine Collection ohne Einträge zeigt „Noch keine Einträge“ und fordert Sie auf, den ersten für sie anzulegen. Danach steht in der Liste je Eintrag sein Titel, sein Zustand („Entwurf“ oder „Veröffentlicht“) und, sofern vergeben, sein Slug. Einträge ohne verwertbaren Titel erscheinen als „Ohne Titel“.

Grenzen

  • Ein einzelner Eintrag trägt höchstens rund 256 Kilobyte an Feldinhalten. Darüber lehnt XICflow das Speichern mit „Datensatz zu groß.“ ab.
  • Die Eintragsliste lädt bis zu 2000 Einträge einer Collection auf einmal.
  • Der Slug muss innerhalb der Collection eindeutig sein. Vergeben Sie einen bereits benutzten, hängt XICflow eine Zahl an.

Kürbissuppe

Beschreibung: Mit gerösteten Kernen und Kräuteröl.

Gang: Vorspeise

Ofengemüse

Beschreibung: Saisonales Gemüse aus dem Ofen, dazu Kräuterdip.

Gang: Hauptgericht

Apfelstrudel

Beschreibung: Warm serviert, mit Vanillesauce.

Gang: Nachtisch

So erscheinen veröffentlichte Einträge auf der Website: Beispiel-Collection „Speisekarte“ mit den Feldern Gericht, Beschreibung und Gang.

Sammlungen auf Seiten ausgeben

Angelegte Einträge sind noch nicht sichtbar. Auf die Seite kommen sie über den Baustein „CMS-Liste“ — und, wenn Sie möchten, zusätzlich als eigene Detailseiten.

  1. Öffnen Sie im Editor die Seite, auf der die Einträge stehen sollen.

  2. Fügen Sie den Baustein „CMS-Liste“ ein.

  3. Wählen Sie rechts unter „Collection“ die gewünschte Sammlung.

    Hinter jedem Namen steht die Zahl der Einträge. Gibt es noch keine Collection, führt der Hinweis direkt zu „Inhalte (CMS)“.

  4. Stellen Sie „Darstellung“, „Spalten“ und „Maximale Anzahl (0 = alle)“ ein.

Die Einstellungen des Bausteins „CMS-Liste“.
EinstellungWirkungMögliche WerteVorgabe
CollectionWelche Sammlung gelistet wirdAuswahlliste der Collections dieser Website„— auswählen —“
Überschrift (optional)Titel über der ListeTextleer — dann erscheint der Name der Collection
DarstellungKarten nebeneinander oder Einträge untereinander„Raster“ oder „Liste“Raster
SpaltenKarten je Reihe; nur bei der Darstellung „Raster“2, 3 oder 43
Maximale Anzahl (0 = alle)Begrenzt, wie viele Einträge gezeigt werdenganze Zahl; 0 = alle0

Gelistet werden nur veröffentlichte Einträge, in der Reihenfolge, in der sie in der Verwaltung stehen. Die Karte zeigt das erste Bildfeld als Vorschaubild, das erste Textfeld als Titel und die übrigen Felder darunter.

Ist „Detailseiten je Eintrag erzeugen“ eingeschaltet, verlinkt jede Karte auf die Unterseite des Eintrags. Deren Adresse setzt sich aus dem Schlüssel der Collection und dem Slug des Eintrags zusammen. Titel und Beschreibung dieser Seite entstehen automatisch: der Titel aus dem Titelfeld, die Beschreibung aus dem ersten längeren Textfeld, auf etwa 155 Zeichen gekürzt.

Änderungen brauchen ein Veröffentlichen

Neue und geänderte Einträge stehen zunächst nur in der Verwaltung. Auf der Live-Website erscheinen sie, sobald Sie die Website im Editor das nächste Mal veröffentlichen.

Mediathek

Die Mediathek sammelt alle hochgeladenen und von der KI erzeugten Bilder einer Website. Über die Reiter „URL“, „KI generieren“, „Hochladen“ und „Mediathek“ wechseln Sie zwischen den Quellen.

Sie erreichen die Mediathek zweimal: als eigenen Bereich über die obere Leiste und im Editor an jedem Bildfeld eines Bausteins. Es sind dieselben Dateien und dieselben vier Reiter; nur der Klick auf ein Bild wirkt unterschiedlich — im Bereich „Mediathek“ kopiert er die Adresse, im Editor setzt er das Bild ein.

Die vier Reiter der Bildquelle.
ReiterWozu er dient
URLEine vorhandene Bildadresse einfügen — funktioniert auch ohne Anmeldung
KI generierenEin neues Bild aus einer Beschreibung erzeugen lassen
HochladenEine einzelne Bilddatei vom Rechner wählen
MediathekVorhandene Dateien durchsuchen, mehrere hochladen, Alt-Text pflegen, löschen

Dateien hochladen

  1. Wechseln Sie auf den Reiter „Hochladen“ und klicken Sie auf „Datei wählen“.

    Während des Vorgangs erscheint „Wird hochgeladen…“. Dieser Reiter nimmt eine einzelne Bilddatei.

  2. Mehrere Dateien auf einmal laden Sie im Reiter „Mediathek“ über die gestrichelte Fläche „Dateien hierher ziehen oder klicken zum Hochladen“.

    Nur über diese Fläche nimmt XICflow auch SVG, PDF und Video an.

Unterstützte Formate und Größengrenzen.
ArtFormateGrenze je Datei
BildJPEG, PNG, WebP, GIF8 MB und höchstens 40 Megapixel
VektorgrafikSVG8 MB; die Datei wird beim Hochladen von aktiven Inhalten befreit
DokumentPDF25 MB
VideoMP4, WebM200 MB

Nach dem Hochladen passiert im Hintergrund noch etwas: Aus jedem Rasterbild entstehen Web-Fassungen in vier Breiten (400, 800, 1200 und 1600 Pixel) als AVIF und WebP, damit Ihre Seite auf jedem Gerät nur so viele Daten lädt wie nötig. Aufnahmedaten wie GPS-Koordinaten werden aus dem Original entfernt. SVG-Dateien werden von aktiven Inhalten befreit, PDF und Video bleiben unverändert.

Wie viel Speicher Ihnen insgesamt zur Verfügung steht, hängt vom Tarif ab. Ist er voll, weist XICflow neue Uploads ab und schlägt vor, den Tarif zu wechseln oder nicht mehr benötigte Medien zu löschen.

Die Mediathek mit den hochgeladenen Dateien und den Angaben zu Alternativtext und Titel.
Die Mediathek mit den hochgeladenen Dateien und den Angaben zu Alternativtext und Titel.

Bilder von der KI erzeugen lassen

Haben Sie kein passendes Foto, beschreiben Sie im Reiter „KI generieren“, was zu sehen sein soll. Das Ergebnis landet als KI-Bild in derselben Mediathek.

  1. Wechseln Sie auf den Reiter „KI generieren“.

  2. Schreiben Sie unter „Bild beschreiben“, was das Bild zeigen soll.

    Das Beispiel im Feld zeigt die Richtung: „z. B. helles Büro mit Team am Whiteboard“. Bis zu 2000 Zeichen sind möglich.

  3. Wählen Sie unter „Einsatzzweck“, wofür das Bild gedacht ist.

    Der Zweck bestimmt Format und Bildaufbau: „Bestimmt Format und Bildaufbau — z. B. Hero mit ruhiger Fläche für die Überschrift.“

  4. Klicken Sie auf „Generieren“; währenddessen steht dort „Generiere…“.

Einsatzzweck, Bildformat und Bildaufbau.
EinsatzzweckBildformatBildaufbau
Hero16:9Weite Einstellung mit ruhiger Fläche für die Überschrift
Karte4:3Ein Motiv, mittig, auch in klein erkennbar
Galerie3:2Ausgewogener Aufbau, der einen quadratischen Zuschnitt überlebt
Porträt3:4Hochformat, Motiv im oberen Bereich
Banner21:9Sehr breites Band mit viel Freiraum an den Seiten

Ihre Beschreibung bleibt im Mittelpunkt; Farbwelt und Schriften Ihrer Marke werden automatisch ergänzt — der Hinweis unter den Knöpfen sagt es: „Farbwelt und Stil deiner Marke werden automatisch ergänzt.“ Vorgegeben ist außerdem, was ein Bild nicht enthalten soll: keinen Text, keine erkennbaren Gesichter realer Personen und keine fremden Marken oder Logos.

Nach der Erzeugung

  • Das Bild liegt sofort in der Mediathek und ist dort über den Filter „KI-Bilder“ zu finden.
  • Als Alt-Text trägt es zunächst Ihre Beschreibung. Sie beschreibt aber, was Sie wollten, nicht zwingend, was zu sehen ist — schreiben Sie ihn nach dem Ansehen um.
  • Ein Bild, das Ihnen nicht gefällt, bleibt in der Mediathek liegen, bis Sie es ausdrücklich löschen.
  • Jedes erzeugte Bild zählt gegen das Bild-Kontingent Ihres Tarifs. Ist es aufgebraucht, weist XICflow die Erzeugung ab und verweist auf den Tarif.

Bilder sind kein Beleg

Ein erzeugtes Bild zeigt eine Szene, kein echtes Vorher-Nachher und keine echten Mitarbeiterinnen und Mitarbeiter. Für Referenzen, Team-Porträts und Produktfotos nehmen Sie eigene Aufnahmen.

Dateien wiederfinden, wiederverwenden und löschen

Je länger eine Website lebt, desto voller wird die Mediathek. Suche, Filter und Mehrfachauswahl halten sie beherrschbar.

Über das Suchfeld „Suchen (Dateiname, Alt-Text, Titel) …“ finden Sie einzelne Dateien wieder; gesucht wird in der ganzen Mediathek, nicht nur in der angezeigten Liste. Die Schalter unter „Herkunft“ grenzen auf „Alle“, „KI-Bilder“ oder „Uploads“ ein; liegen unterschiedliche Dateiarten vor, kommt „Medientyp“ mit „Bilder“, „Videos“, „Dokumente“ und „Dateien“ hinzu. Beides sind reine Ansichtsfilter — gelöscht wird dadurch nichts.

Die Liste zeigt die neuesten 200 Dateien. Wird eine ältere gesucht, führt die Suche schneller zum Ziel als das Blättern. Dateien, die keine Bilder sind, tragen ein Kürzel: „PDF“, „Video“ oder „Datei“.

Ein Klick auf ein Bild legt dessen Adresse in die Zwischenablage — bestätigt mit „Bild-URL in die Zwischenablage kopiert.“. Diese Adresse setzen Sie zum Beispiel in ein Bild-Feld einer Collection ein. Im Editor heißt derselbe Klick „Dieses Bild verwenden“ und setzt das Bild direkt in den Baustein.

Zum Entfernen klicken Sie beim Bild auf das Papierkorbsymbol „Bild löschen“. Wird die Datei noch verwendet, fragt XICflow vorher nach und nennt, an wie vielen Stellen. Für mehrere Dateien setzen Sie die Häkchen; über der Liste steht dann „… ausgewählt“, „Auswahl löschen“ entfernt sie gemeinsam, „Auswahl aufheben“ bricht ab. Gezählt werden dabei Bausteine und Abschnitte Ihrer Seiten, das Teilen-Bild einer Seite und die Dateien Ihrer Marke.

Löschen ist endgültig

Gelöschte Dateien lassen sich nicht wiederherstellen; sie verschwinden mit allen abgeleiteten Größen. Tauschen Sie ein noch verwendetes Bild zuerst im Editor aus, sonst bleiben leere Bildplätze zurück.

Alternativtexte pflegen

Der Alternativtext beschreibt, was auf dem Bild zu sehen ist. Er wird von Screenreadern vorgelesen und angezeigt, wenn ein Bild nicht lädt.

Bilder ohne Alternativtext sind in der Mediathek mit „Kein Alt-Text“ gekennzeichnet — eine gute Arbeitsliste für zwischendurch.

  1. Klicken Sie beim gewünschten Bild auf das Stiftsymbol „Alt-Text & Titel bearbeiten“.

  2. Tragen Sie unter „Alt-Text (Barrierefreiheit)“ ein, was das Bild zeigt.

  3. Unter „Titel (Tooltip)“ können Sie zusätzlich einen Titel hinterlegen; das Feld ist optional.

  4. Wenn Sie mögen, klicken Sie auf „KI: Alt-Text & Titel vorschlagen“.

    Während der Analyse erscheint „KI analysiert das Bild…“. Prüfen Sie den Vorschlag und passen Sie ihn an.

  5. Klicken Sie auf „Speichern“ oder verwerfen Sie mit „Abbrechen“.

Was der Vorschlag kann — und was nicht

  • Der Vorschlag entsteht aus dem Bildinhalt und ist bewusst kurz gehalten; für den Alt-Text werden unter 125 Zeichen angestrebt.
  • Er füllt nur die beiden Felder. Gespeichert wird erst mit „Speichern“ — bis dahin ändert sich nichts.
  • Angeboten wird er für Rasterbilder (JPEG, PNG, WebP, GIF) bis etwa 5 MB. Für SVG, PDF und Video gibt es keinen Vorschlag.
  • Jeder Vorschlag zählt gegen das Text-Kontingent Ihres Tarifs.
  • Alt-Text und Titel werden je Sprache gespeichert, jeweils bis 500 Zeichen. Gepflegt wird zunächst die Ausgangssprache Ihrer Website.

Was gehört hinein?

Beschreiben Sie knapp den Inhalt, nicht die Bilddatei: „Werkstattmeister prüft eine Heizungsanlage“ sagt mehr als „Foto 3“. Rein dekorative Bilder brauchen keine ausführliche Beschreibung.

Bilder als Galerie zeigen

Mehrere Bilder auf einmal zeigt der Baustein „Galerie“. Er hat drei Anordnungen und übernimmt die Alternativtexte, die Sie in der Mediathek gepflegt haben.

Die Einstellungen des Bausteins „Galerie“.
EinstellungWirkungMögliche WerteVorgabe
LayoutAnordnung der Bilder„Raster“, „Masonry“ oder „Mosaik“Raster
Spalten (2 | 3 | 4)Bilder je Reihe2, 3 oder 43
KachelgrößeGröße einer einzelnen Kachel; nur im Layout „Mosaik“1x1, 2x1, 1x2, 2x21x1
BildQuelle der KachelAdresse aus der Mediathek oder eine andere Bildadresseleer
Alt-TextBeschreibung des Bildes für ScreenreaderTextleer
BildunterschriftSichtbarer Text unter dem BildTextleer
KategorieOrdnet das Bild ein; sobald eine gesetzt ist, erscheint eine FilterleisteTextleer
  • Raster — gleich große Kacheln in ruhigen Reihen. Die Voreinstellung und für die meisten Fälle die richtige.
  • Masonry — Spalten mit natürlichen Bildhöhen, wie an einer Pinnwand. Gut, wenn Hoch- und Querformate gemischt sind.
  • Mosaik — gemischte Kachelgrößen für einen Magazin-Look. Erst in diesem Layout erscheint je Bild die Wahl der Kachelgröße.

Vergeben Sie bei den Bildern Kategorien, entsteht über der Galerie eine Filterleiste; ohne Kategorien bleibt sie weg. Kacheln ohne Bild werden nicht ausgegeben — ein leeres Feld hinterlässt also keinen leeren Kasten.

Startseite der Demo-Website eines Cafés
Café
Startseite der Demo-Website eines Friseursalons
Friseursalon
Startseite der Demo-Website einer Physiotherapie-Praxis
Physiotherapie
Bilder aus der Mediathek auf der Website: Der dort gepflegte Alternativtext wird mit ausgeliefert, die Bildunterschrift bleibt sichtbar.

Beiträge per KI erzeugen

Im Bereich „Blog“ — in der Kopfzeile als „Redaktion“ mit dem Zusatz „Blogbeiträge“ der gewählten Website ausgewiesen — liegen alle Beiträge an einem Ort: von der KI schreiben lassen, im Editor überarbeiten, Status und Termin in der Liste pflegen.

  1. Klicken Sie im Kasten „Beitrag per KI erzeugen“ auf „Themen vorschlagen“.

    Sie bekommen fünf Vorschläge mit Blickwinkel, Kategorie und Schlagworten. „Neue Vorschläge“ holt weitere.

  2. Ein Klick auf einen Vorschlag übernimmt Thema, Kategorie und Schlagworte in die Felder darunter.

    Sie können stattdessen unter „Thema“ selbst formulieren, worum es gehen soll.

  3. Ergänzen Sie bei Bedarf „Kategorie“ und „Schlagworte“ — komma-getrennt, höchstens sechs.

  4. Wählen Sie unter „Status“ zwischen „Entwurf“, „Geplant“ und „Veröffentlicht“.

  5. Setzen Sie unter „Termin“ das Datum. Für den Status „Geplant“ ist ein Termin Pflicht.

  6. Klicken Sie auf „Beitrag erzeugen“.

    Der Fortschritt wird angezeigt, etwa „Die KI schreibt den Beitrag…“.

Die Felder im Kasten „Beitrag per KI erzeugen“.
EinstellungWirkungMögliche WerteVorgabe
ThemaWorüber der Beitrag geschrieben wirdText, 3 bis 200 Zeichenleer — Pflichtangabe
KategorieOrdnet den Beitrag ein und steuert die Filterleiste der Blog-ListeText, höchstens 60 Zeichenleer
SchlagworteStichworte zum Beitragkomma-getrennt, höchstens sechs, je höchstens 40 Zeichenleer
StatusLegt fest, ob der Beitrag mitveröffentlicht wird„Entwurf“, „Geplant“, „Veröffentlicht“Entwurf
TerminDatum des BeitragsDatum, heute oder später; Pflicht bei „Geplant“leer

Solange die Felder leer sind, zeigen sie Beispiele: „z. B. Fünf Anzeichen, dass die Heizung gewartet werden muss“ beim Thema, „z. B. Ratgeber“ bei der Kategorie und „Wartung, Heizung, Kosten“ bei den Schlagworten.

Während der Arbeit sagt der Kasten, wo der Auftrag steht: erst „Auftrag steht in der Warteschlange…“, dann „Die KI schreibt den Beitrag…“ mit Prozentangabe; der Knopf selbst zeigt so lange „Wird erzeugt…“. Die Themenvorschläge melden sich mit „Vorschläge werden geladen…“.

Was dabei entsteht

  • Ein Beitrag von rund 1200 bis 1800 Wörtern: Einleitung, vier bis sieben Abschnitte mit Zwischenüberschriften und am Ende ein Fragenblock mit sechs Fragen.
  • Dazu ein Seitentitel von 50 bis 60 Zeichen, eine Beschreibung für Suchmaschinen von 150 bis 160 Zeichen und eine kurze Adresse aus höchstens sechs Wörtern.
  • Der Text ist auf Ihre Website zugeschnitten: Angebot, Ton und Region fließen mit ein.
  • Ist Ihre Website mehrsprachig, wird der Beitrag für jede Sprache angelegt — mit eigener Adresse, eigenem Titel und eigener Beschreibung.
  • Sowohl die Themenvorschläge als auch der fertige Beitrag zählen je einmal gegen das Text-Kontingent Ihres Tarifs.

Ist der Beitrag fertig, wird er in der Liste mit „Neu“ markiert. Lesen Sie den Text anschließend gegen: Er ist ein Entwurf, keine geprüfte Veröffentlichung.

Wenn „Kontingent aufgebraucht“ erscheint

Dann ist Ihr KI-Kontingent für den laufenden Zeitraum erschöpft. Mit „Später“ schließen Sie den Hinweis und schreiben Beiträge weiterhin selbst im Editor; „Tarif ansehen“ führt zu Ihrem Tarif.

Beiträge überarbeiten und verwalten

Die Liste „Beiträge“ ist die Arbeitsfläche für alles, was schon geschrieben ist.

Je Zeile ändern Sie direkt „Status“, „Datum“ und „Kategorie“; die Änderung wird sofort gespeichert und mit „Änderung gespeichert.“ bestätigt. Über das Stiftsymbol „Im Editor öffnen“ bearbeiten Sie Texte, Bilder und Bausteine des Beitrags wie bei jeder anderen Seite. Das Papierkorbsymbol „Löschen“ entfernt einen Beitrag nach der Rückfrage „Diesen Beitrag löschen?“ und bestätigt mit „Beitrag gelöscht.“.

Die Liste ist nach Datum sortiert, der jüngste Beitrag steht oben; über ihr steht die Zahl der Beiträge. Unter dem Titel sehen Sie die Adresse des Beitrags. Beiträge ohne Titel erscheinen als „Ohne Titel“. Ist noch nichts geschrieben, steht dort „Noch keine Beiträge“ mit dem Knopf „Ersten Beitrag erzeugen“, der in das Themenfeld springt.

Die vier Zustände eines Beitrags.
StatusWas er bewirkt
EntwurfDer Beitrag bleibt in der Verwaltung und geht beim Veröffentlichen nicht mit auf die Website.
GeplantBraucht ein Datum. Solange der Termin in der Zukunft liegt, bleibt der Beitrag außen vor; ab dem Termin geht er beim nächsten Veröffentlichen mit.
VeröffentlichtDer Beitrag geht beim nächsten Veröffentlichen mit auf die Website.
ArchiviertErscheint nur, wenn ein Beitrag ihn bereits trägt. Er wird nicht ausgeliefert und für neue Beiträge nicht angeboten.

Das Datum ist mehr als eine Notiz: Es sortiert die Liste, erscheint auf der Karte im Blog und entscheidet beim Status „Geplant“, ab wann der Beitrag überhaupt mitgeht. Die Kategorie steuert später die Filterleiste der Blog-Liste — halten Sie die Schreibweise einheitlich, sonst entstehen zwei Filter für dieselbe Sache.

Alles Weitere — Text, Bilder, Bausteine, Sprachfassungen und die Angaben für Suchmaschinen — bearbeiten Sie im Editor. Ein Beitrag ist dort eine Seite wie jede andere.

Erst nach dem Veröffentlichen sichtbar

Über der Liste steht der wichtigste Hinweis: „Neue und geänderte Beiträge erscheinen erst auf der Live-Website, wenn Sie die Website das nächste Mal veröffentlichen.“ Bis dahin bleibt der bisherige Stand online — das gilt ebenso für Einträge aus dem Bereich „Inhalte“.

Der Blog auf Ihrer Website

Veröffentlichte Beiträge bekommen eine Übersicht, eigene Adressen und einen Feed zum Abonnieren. Auf jede Seite holen Sie sie mit dem Baustein „Blog-Liste“.

Die Einstellungen des Bausteins „Blog-Liste“.
EinstellungWirkungMögliche WerteVorgabe
TitelÜberschrift über den KartenText„Aus dem Blog“
UntertitelZeile unter der ÜberschriftTextleer
Beiträge pro SeiteZahl der Karten je Seite; darüber hinaus entsteht eine Seitenschaltungganze Zahl9
Spalten (2 | 3 | 4)Karten je Reihe2, 3 oder 43
Kategorie-Filter (true / leer)Zeigt die Filterleiste über den Kartentrue oder leertrue

Adressen und Feed

  • Die Übersicht liegt je Sprache unter /blog/; gibt es mehr Beiträge als auf eine Seite passen, entstehen nummerierte Folgeseiten.
  • Jeder Beitrag hat seine eigene Adresse unterhalb von /blog/ — bei mehrsprachigen Websites je Sprache eine eigene.
  • Zusätzlich entsteht beim Veröffentlichen ein RSS-Feed je Sprache unter /blog/rss.xml sowie ein kurzer /feed.xml für die Hauptsprache. Er enthält die letzten 50 Beiträge — ohne Entwürfe und ohne Beiträge mit künftigem Datum.
  • Die Kategorie eines Beitrags wird im Feed mit ausgegeben und erscheint auf der Karte in der Übersicht.
Vom Besuch zur Anfrage Formular, Spam-Schutz und Anfragenverwaltung im Zusammenspiel Kontaktformular Nur Felder, die für die Antwort nötig sind Name Vorname Nachname E-Mail-Adresse name@firma.de Ihr Anliegen Worum geht es? Ein paar Sätze genügen. Hinweise zum Datenschutz gelesen Anfrage senden Bestätigung folgt sofort Was nach dem Absenden passiert Absenden Prüfung Eingang Antwort Eingaben bleiben serverseitig Anfragenliste mit Zeitrahmen Bestätigung im Browser und per E-Mail, Status bleibt nachvollziehbar Spam-Schutz ohne zusätzliche Hürde Honigtopf-Feld unsichtbar, keine Eingabe nötig Zeitprüfung sehr schnelle Absendungen fallen auf Serverregeln Prüfung erst nach dem Absenden rund 95 % Startseiten mit WCAG-Verstößen 6 Jahre Aufbewahrung für Geschäftsbriefe 28.06.2025 BFSG in Kraft für Dienstleistungen
Conversion 12 Min.

Vom Besuch zur Anfrage: Kontaktformulare richtig aufsetzen

Kurze Formulare, verständliche Fehlermeldungen, barrierefreie Bedienung und Spam-Schutz ohne Hürden: wie aus Website-Besuchen belastbare Anfragen werden und was der Datenschutz dabei verlangt.

Strukturierte Daten: von der Auszeichnung zum TrefferJSON-LD je Seitentyp, sichtbar belegt und vor dem Start geprüftPassend zum SeitentypJSON-LD im Kopfbereich der Seite{ "@type": "LocalBusiness", "name": "Muster Elektrotechnik GmbH", "address": "Industriestraße 12, Söhlde", "telephone": "+49 5123 4567", "openingHours": "Mo-Fr 08:00-17:00", "areaServed": "Region Hildesheim", "makesOffer": "Photovoltaik-Montage"}So kann der Treffer aussehenbeispiel.de › Leistungen › PhotovoltaikPhotovoltaik-Montage in HildesheimPlanung, Montage und Wartung von Photovoltaikanlagenfür Privathaushalte und Gewerbe in der Region.4,8 von 5 aus 37 BewertungenWas kostet eine Anlage für ein Einfamilienhaus?+Wie lange dauert die Montage?+Geöffnet: Mo-Fr 08-17 UhrTelefon: 05123 4567Zum Seitentyp passendStartseite, Leistung, Beitrag undFAQ tragen je eigene AngabenSichtbar belegtJede ausgezeichnete Angabe stehtauch im Text der SeiteVor dem Start geprüftPflichtfelder, Syntax undWidersprüche im Blick
SEO 12 Min.

Strukturierte Daten: In Suchergebnissen auffallen

JSON-LD je Seitentyp: Was strukturierte Daten für Unternehmen, Leistungen, FAQ, Beiträge und Bewertungen leisten, welche Angaben zusammenpassen müssen und wie sich das Ergebnis prüfen lässt.

Pflichtangaben: Impressum, Datenschutz, Widerruf Impressum Paragraf 5 DDG Name und Rechtsform des Anbieters Ladungsfähige Anschrift, kein Postfach Vertretungsberechtigte Person E-Mail und zweiter Kontaktweg Register und Registernummer Umsatzsteuer-Identifikationsnummer Aufsicht und Kammer bei Bedarf Angaben je Rechtsform ergänzt Postfach genügt nicht Stand 07/2026 Datenschutzerklärung beschreibt die tatsächlich genutzten Verarbeitungen Zwecke Rechtsgrundlage Empfänger Speicherdauer Betroffenenrechte Beschwerderecht keine Dienste nennen, die gar nicht laufen Widerrufsbelehrung 14 Tage Frist Fristbeginn, Muster und Formular für Verbraucher ohne Belehrung: bis zu 12 Monate und 14 Tage Fußzeile jeder Sprachversion Impressum Datenschutz Widerruf
Recht 13 Min.

Impressum und Datenschutz: Pflichtangaben im Griff

Welche Angaben eine Unternehmenswebsite braucht: Anbieterkennzeichnung nach DDG, Pflichtangaben je Rechtsform, Datenschutzerklärung und Widerrufsbelehrung.

Der Baustein „Blog-Liste“ auf einer Seite: veröffentlichte Beiträge als Karten, bei mehr Beiträgen mit Seitenschaltung.

Wenn etwas nicht klappt

Die Meldungen, die in diesen drei Bereichen am häufigsten auftauchen — und was jeweils dahintersteckt.

Mediathek und Bilder

  • „Dieser Dateityp wird nicht unterstützt.“ — Erlaubt sind Bilder (JPEG, PNG, WebP, GIF), SVG, PDF sowie MP4- und WebM-Video. Andere Formate wandeln Sie vorher um.
  • „Die Datei ist zu groß für diesen Dateityp.“ — Jede Art hat ihre eigene Grenze: 8 MB für Bilder und SVG, 25 MB für PDF, 200 MB für Video.
  • „Das Bild ist zu groß (max. 40 Megapixel).“ — Nicht die Dateigröße, sondern die Pixelzahl ist zu hoch. Verkleinern Sie das Bild vor dem Hochladen.
  • Ein Hinweis auf das erschöpfte Speicher-Kontingent — Der Medien-Speicher Ihres Tarifs ist voll. Löschen Sie nicht mehr benötigte Dateien oder wechseln Sie den Tarif.
  • „Diese SVG-Datei konnte nicht sicher verarbeitet werden.“ — In der Datei blieb nach dem Entfernen aktiver Inhalte nichts Darstellbares übrig. Exportieren Sie die Grafik erneut, möglichst ohne Skripte.
  • „{n} Datei(en) konnten nicht hochgeladen werden.“ — Diese Meldung kommt von der Fläche zum Hineinziehen und nennt nur die Anzahl. Laden Sie eine der Dateien einzeln über „Hochladen“, dann sehen Sie den genauen Grund.
  • „KI-Vorschlag fehlgeschlagen.“ — Vorschläge gibt es nur für Rasterbilder (JPEG, PNG, WebP, GIF) bis etwa 5 MB — nicht für SVG, PDF oder Video.
  • „Bildgenerierung fehlgeschlagen.“ oder „Die KI hat kein Bild zurückgegeben.“ — Der Auftrag kam nicht durch oder lieferte kein Bild zurück. Formulieren Sie die Beschreibung etwas anders und versuchen Sie es erneut; abgerechnet wird nur ein tatsächlich erzeugtes Bild.
  • „Upload fehlgeschlagen.“, „Der Upload lieferte keine URL.“, „Speichern fehlgeschlagen.“, „Löschen fehlgeschlagen.“ — Sammelmeldungen für einen einzelnen Vorgang, der nicht durchging. Wiederholen Sie ihn; bleibt es dabei, laden Sie die Seite neu und prüfen Sie danach den Stand in der Liste.
  • „{n} Bilder konnten nicht gelöscht werden.“ — Beim gemeinsamen Löschen sind einzelne Dateien übrig geblieben — meist, weil die Rückfrage zu noch verwendeten Dateien abgelehnt wurde. Die Auswahl wird danach zurückgesetzt.
  • „Keine Bilder dieser Herkunft.“ oder „Noch keine hochgeladenen Bilder.“ — Kein Fehler, sondern ein leerer Filter oder eine leere Mediathek. Stellen Sie „Herkunft“ auf „Alle“ oder laden Sie eine erste Datei hoch. Während des Abrufs steht dort „Mediathek wird geladen…“.
  • „Mediathek konnte nicht geladen werden.“ — Die Liste wurde nicht abgerufen. Laden Sie die Seite neu; bestehende Dateien sind davon nicht betroffen.
  • „Für die Mediathek ist eine Anmeldung erforderlich.“ — Hochladen, KI-Bilder und die Mediathek setzen eine Anmeldung voraus. Das Einfügen einer Bildadresse über den Reiter „URL“ funktioniert weiterhin.

Inhalte und Blog

  • „Bitte alle Pflichtfelder ausfüllen.“ — Mindestens ein mit Sternchen markiertes Feld ist leer. Prüfen Sie die Felder in der Basissprache; Übersetzungen zählen hier nicht.
  • „Feld-Schlüssel müssen eindeutig sein.“ — Zwei Felder haben denselben Schlüssel. Ändern Sie einen davon und speichern Sie erneut.
  • „Bitte einen Namen angeben.“ — Das Feld „Name (Mehrzahl)“ ist leer. Ohne Namen lässt sich eine Collection nicht speichern.
  • „Datensatz zu groß.“ — Ein einzelner Eintrag darf nicht mehr als etwa 256 Kilobyte an Feldinhalten tragen. Kürzen Sie lange Texte oder verteilen Sie sie auf mehrere Felder.
  • „Einträge konnten nicht geladen werden.“ oder „Collections konnten nicht geladen werden.“ — Die Liste wurde nicht abgerufen. Laden Sie die Seite neu, bevor Sie etwas ändern. Dasselbe gilt für „Beiträge konnten nicht geladen werden.“, „Websites konnten nicht geladen werden.“ und „Konten konnten nicht geladen werden.“
  • „Collection konnte nicht gespeichert werden.“, „Eintrag konnte nicht gespeichert werden.“, „Beitrag konnte nicht gespeichert werden.“ — Der Speichervorgang kam nicht durch. Versuchen Sie es erneut; Ihre Eingaben stehen dabei noch im Fenster beziehungsweise in der Zeile. Ebenso bei „Collection konnte nicht gelöscht werden.“, „Eintrag konnte nicht gelöscht werden.“ und „Beitrag konnte nicht gelöscht werden.“
  • „Bitte ein Thema angeben.“ — Das Feld „Thema“ ist leer. Schreiben Sie selbst eines hinein oder übernehmen Sie einen Vorschlag.
  • „Der Auftrag konnte nicht gestartet werden. Bitte erneut versuchen.“ — Der Schreibauftrag ist gar nicht erst angelaufen. Klicken Sie noch einmal auf „Beitrag erzeugen“; es wurde nichts angelegt und nichts verbraucht.
  • Ein Beitrag lässt sich nicht auf „Geplant“ setzen — Setzen Sie zuerst ein Datum im Feld „Datum“ beziehungsweise „Termin“; ohne Termin könnte der Beitrag nie erscheinen.
  • Es kommen keine Themenvorschläge — Versuchen Sie es erneut. Bleibt es dabei, geben Sie ein Thema selbst ein und erzeugen den Beitrag direkt.
  • Der Beitrag konnte nicht erzeugt werden — Starten Sie den Vorgang erneut und schließen Sie die Seite währenddessen nicht; das Schreiben dauert je nach Umfang einige Minuten.
  • Rückfrage, dass eine Datei noch verwendet wird — Tauschen Sie das Bild zuerst an den betroffenen Stellen im Editor aus. Sonst bleiben leere Bildplätze zurück.
  • „Noch keine Website vorhanden.“ — In diesem Konto ist noch keine Website angelegt. Legen Sie zuerst eine an; danach stehen Inhalte, Mediathek und Blog zur Verfügung.

Häufige Fragen