Inhalte mit Kopage erstellen: Content Blocks, Texte und Bilder bearbeiten

Mit Content Blocks baust du die einzelnen Inhaltsbereiche deiner Kopage Website auf. Statt eine komplette Seite von Grund auf selbst gestalten oder programmieren zu müssen, kannst du vorbereitete Inhaltsstrukturen verwenden und diese mit deinen eigenen Texten, Bildern und weiteren Elementen füllen.

Content Blocks gehören deshalb zu den wichtigsten Werkzeugen im klassischen Kopage Website Builder. Mit ihnen kannst du eine Seite Abschnitt für Abschnitt aufbauen und bestehende Inhalte später jederzeit verändern.

In dieser Anleitung zeigen wir dir, wie Content Blocks grundsätzlich funktionieren, wie du Texte und Bilder bearbeitest und worauf du beim Aufbau einer übersichtlichen Website achten solltest.

Kurz erklärt: Eine Kopage Seite besteht aus einzelnen Inhaltsbereichen. Content Blocks liefern dir dafür vorbereitete Strukturen, die du auswählen, anordnen und mit deinen eigenen Inhalten gestalten kannst.

Was ist ein Content Block? #

Ein Content Block ist ein vorbereiteter Inhaltsbereich innerhalb einer Seite.

Ein solcher Block kann beispielsweise Platz für eine Überschrift, einen Text und ein Bild bieten. Andere Content Blocks können mehrere Spalten, größere Bildbereiche oder andere Anordnungen von Inhalten enthalten.

Dadurch musst du das Layout eines Abschnitts nicht selbst mit HTML und CSS programmieren.

Eine einfache Seite könnte beispielsweise aus folgenden Bereichen aufgebaut sein:

Einleitung
    ↓
Leistungen
    ↓
Bild und Beschreibung
    ↓
Vorteile
    ↓
Kontakt

Jeder dieser Bereiche kann mit einem passenden Content Block umgesetzt werden.

Was ist der Unterschied zwischen Seite und Content Block? #

Eine Seite ist der übergeordnete Bereich deiner Website. Beispiele dafür sind die Startseite, eine Seite über dein Unternehmen oder eine Kontaktseite.

Innerhalb dieser Seite befinden sich die eigentlichen Inhaltsabschnitte.

Vereinfacht dargestellt:

Website
└── Seite
    ├── Content Block
    ├── Content Block
    ├── Content Block
    └── Content Block

Wenn du also eine neue Unterseite für eine Dienstleistung benötigst, erstellst du zunächst die entsprechende Seite. Anschließend baust du deren Inhalt mit passenden Content Blocks auf.

Das Erstellen und Organisieren von Seiten behandeln wir separat unter Seiten, Navigation und Untermenüs in Kopage verwalten.

Content Block zu einer Seite hinzufügen #

Öffne im Kopage Editor zunächst die Seite, die du bearbeiten möchtest.

Über die Funktion zum Hinzufügen von Inhalten kannst du anschließend einen passenden Inhaltsbereich auswählen.

Kopage stellt dafür vorbereitete Content Blocks mit unterschiedlichen Aufbauten zur Verfügung. Wähle nicht einfach den optisch auffälligsten Block, sondern eine Struktur, die zu deinem tatsächlichen Inhalt passt.

Wenn du beispielsweise einen kurzen Text neben einem Bild darstellen möchtest, ist ein entsprechender Text-Bild-Aufbau sinnvoller als ein komplexer Block mit vielen Elementen, die du anschließend gar nicht benötigst.

Praxis-Tipp: Wähle einen Content Block nach der Struktur deiner Inhalte aus – nicht nach den darin enthaltenen Beispieltexten oder Beispielbildern. Diese ersetzt du anschließend ohnehin durch deine eigenen Inhalte.

Vorgefertigte Inhalte sind nur eine Ausgangsbasis #

Je nach ausgewähltem Block können bereits Beispieltexte, Bilder oder andere Platzhalter vorhanden sein.

Diese Inhalte dienen in erster Linie dazu, dir den vorgesehenen Aufbau zu zeigen.

Übernimm solche Beispielinhalte nicht ungeprüft auf deine fertige Website. Ersetze sie durch eigene Texte, passende Bilder und Informationen, die tatsächlich zu deinem Unternehmen, Verein oder Projekt gehören.

Kontrolliere vor der Veröffentlichung insbesondere, ob irgendwo noch Beispieltexte oder nicht benötigte Platzhalter vorhanden sind.

Texte in Kopage bearbeiten #

Vorhandene Texte innerhalb eines Inhaltsbereichs kannst du über die Bearbeitungsfunktionen des Editors durch deine eigenen Inhalte ersetzen.

Beim Schreiben solltest du darauf achten, dass Texte nicht nur optisch gut aussehen, sondern auch leicht verständlich und übersichtlich aufgebaut sind.

Lange Textwände sind insbesondere auf Smartphones anstrengend zu lesen. Teile umfangreichere Inhalte deshalb sinnvoll in Absätze und Zwischenüberschriften auf.

Überschriften richtig verwenden #

Überschriften dienen nicht nur der Gestaltung. Sie strukturieren den Inhalt einer Seite.

Die Hauptüberschrift beschreibt das zentrale Thema der Seite. Darunter können weitere Überschriften einzelne Themenbereiche gliedern.

Eine sinnvolle Struktur könnte beispielsweise so aussehen:

Hauptthema der Seite
│
├── Leistung 1
│
├── Leistung 2
│
└── Kontakt und weitere Informationen

Verwende deshalb die dafür vorgesehenen Überschriftenformate und nicht einfach einen normalen Absatz mit sehr großer oder fetter Schrift, um eine Überschrift nachzuahmen.

Wichtig: Eine klare Überschriftenstruktur verbessert die Lesbarkeit deiner Website und erleichtert auch Suchmaschinen das Verständnis des Seiteninhalts.

Texte formatieren #

Innerhalb von Texten kannst du wichtige Informationen durch die verfügbaren Formatierungsfunktionen hervorheben.

Verwende Hervorhebungen allerdings sparsam. Wenn fast jeder zweite Satz fett, groß oder anderweitig hervorgehoben wird, verliert die Hervorhebung ihre Wirkung.

Für normale Inhalte sollte die Lesbarkeit im Vordergrund stehen.

Besonders bei längeren Texten sind kurze Absätze meist angenehmer als ein einzelner sehr langer Textblock.

Links in Texten verwenden #

Links verbinden einen Inhalt mit einer anderen Seite oder einem externen Ziel.

Ein Link sollte für den Besucher möglichst verständlich beschreiben, wohin er führt.

Statt beispielsweise nur:

Hier klicken

ist ein aussagekräftiger Linktext wie:

Unsere Dienstleistungen ansehen

meist hilfreicher.

Kontrolliere nach dem Einfügen eines Links, ob das Ziel korrekt geöffnet wird und ob interne Links tatsächlich auf die gewünschte Seite deiner Website führen.

Bilder in einem Content Block austauschen #

Wenn ein Content Block bereits ein Beispielbild enthält, kannst du dieses durch ein eigenes Bild ersetzen.

Wähle ein Bild, das zum Inhalt des jeweiligen Abschnitts passt. Ein Bild sollte den Text unterstützen und nicht nur verwendet werden, weil an dieser Stelle im Template zufällig ein Bild vorgesehen ist.

Wenn ein Bild keinen Mehrwert bietet, kann ein einfacherer Content Block ohne Bild die bessere Wahl sein.

Auf die Bildqualität achten #

Bilder sollten ausreichend scharf sein, aber nicht unnötig große Dateiabmessungen besitzen.

Sehr kleine Bilder können bei größerer Darstellung unscharf wirken. Umgekehrt verursachen direkt aus einer Kamera oder einem Smartphone hochgeladene Originaldateien häufig unnötig große Datenmengen.

Für eine Website solltest du Bilder deshalb passend für ihren tatsächlichen Einsatzzweck vorbereiten.

Praxis-Tipp: Ein Bild, das auf deiner Website nur mit ungefähr 800 Pixel Breite dargestellt wird, muss normalerweise nicht als mehrere Tausend Pixel breite Originaldatei eingebunden werden.

Bildformat und Bildausschnitt berücksichtigen #

Nicht jedes Bild eignet sich für jeden Content Block.

Ein breites Landschaftsfoto funktioniert beispielsweise anders als ein hochformatiges Porträt oder ein quadratisches Produktbild.

Wenn ein Content Block für ein bestimmtes Seitenverhältnis vorgesehen ist, kann ein ungeeignetes Ausgangsbild ungünstig zugeschnitten werden.

Prüfe deshalb nach dem Einfügen nicht nur die Desktop-Darstellung, sondern auch, wie das Bild auf kleineren Bildschirmgrößen erscheint.

Bilder und Dateien wiederverwenden #

Kopage verfügt über Funktionen zur Verwaltung hochgeladener Dateien und Bilder.

Dadurch können bereits vorhandene Medien erneut verwendet werden, anstatt dieselbe Datei mehrfach hochzuladen.

Das ist beispielsweise bei Logos, Teamfotos oder Bildern sinnvoll, die an mehreren Stellen deiner Website benötigt werden.

Die ausführlichere Bildverwaltung sowie Fotogalerien und Slider behandeln wir unter Bilder, Fotogalerien und Slider in Kopage erstellen.

Content Blocks anordnen #

Die Reihenfolge der Inhaltsbereiche bestimmt wesentlich, wie Besucher eine Seite wahrnehmen.

Eine gute Seite führt den Besucher logisch durch den Inhalt.

Bei einer Dienstleistungsseite könnte die Reihenfolge beispielsweise so aussehen:

Was bieten wir an?
        ↓
Für wen ist die Leistung gedacht?
        ↓
Welche Vorteile bietet sie?
        ↓
Wie funktioniert die Zusammenarbeit?
        ↓
Wie kann ich Kontakt aufnehmen?

Wenn du feststellst, dass ein Abschnitt an einer anderen Stelle besser funktioniert, kannst du die Anordnung der Inhaltsbereiche entsprechend verändern.

Nicht zu viele Content Blocks verwenden #

Die Möglichkeit, viele unterschiedliche Content Blocks einzusetzen, bedeutet nicht, dass du möglichst viele davon verwenden solltest.

Jeder Abschnitt sollte einen nachvollziehbaren Zweck haben.

Wenn mehrere aufeinanderfolgende Blöcke dieselbe Aussage wiederholen, wird die Seite länger, ohne für Besucher hilfreicher zu werden.

Das gleiche Prinzip verwenden wir übrigens auch in dieser Knowledgebase: Inhalte sollten vollständig sein, aber nicht künstlich aufgebläht werden.

Einheitliche Gestaltung der Inhaltsbereiche #

Auch wenn unterschiedliche Content Blocks verwendet werden, sollte die Website insgesamt zusammengehörig wirken.

Achte deshalb auf eine konsistente Verwendung von Farben, Schriftarten, Abständen und Bildstilen.

Wenn jeder Inhaltsbereich völlig anders gestaltet wird, kann selbst eine technisch sauber aufgebaute Website unruhig wirken.

Globale Design-Einstellungen behandeln wir unter Kopage Template und Design anpassen: Farben, Schriften, Header und Footer.

Abstände zwischen Inhalten #

Ausreichend Freiraum ist ein wichtiger Bestandteil guter Gestaltung.

Texte, Überschriften, Bilder und Buttons sollten nicht so dicht aneinanderstehen, dass die einzelnen Inhalte kaum voneinander zu unterscheiden sind.

Umgekehrt können übermäßig große Abstände dazu führen, dass zusammengehörige Inhalte optisch getrennt erscheinen.

Beurteile einen Content Block deshalb immer im Zusammenhang mit den Abschnitten davor und danach.

Buttons und Handlungsaufforderungen #

Content Blocks können auch Elemente enthalten, mit denen Besucher zu einer bestimmten Aktion geführt werden.

Ein Button sollte möglichst klar beschreiben, was nach dem Anklicken passiert.

Geeignete Beschriftungen hängen vom jeweiligen Ziel ab, beispielsweise:

Kontakt aufnehmen
Mehr erfahren
Termin vereinbaren
Angebot ansehen
Zum Kontaktformular

Vermeide mehrere unterschiedlich beschriftete Buttons, die alle zum gleichen Ziel führen, wenn dafür kein sinnvoller Grund besteht.

Wann benötige ich statt eines Content Blocks eine App oder ein Modul? #

Ein Content Block eignet sich primär für den Aufbau und die Darstellung normaler Seiteninhalte.

Benötigst du dagegen eine spezielle Funktion, kommt je nach Anwendungsfall eine App beziehungsweise ein Modul zum Einsatz.

Ein einfaches Beispiel:

Überschrift + Text + Bild
→ Content Block

Kontaktformular
→ Formular-Funktion

mehrere Bilder als Galerie
→ Galerie-Funktion

Blogbeiträge
→ Blog-Funktion

Die verschiedenen zusätzlichen Funktionen behandeln wir gesammelt unter Apps und Module im Kopage Website Builder verwenden.

Content Block oder neue Seite? #

Nicht jeder neue Inhalt benötigt eine eigene Seite.

Wenn ein Thema direkt zum bestehenden Seiteninhalt gehört und nur einen zusätzlichen Abschnitt benötigt, kann ein weiterer Content Block sinnvoll sein.

Handelt es sich dagegen um ein eigenständiges Thema mit umfangreicheren Informationen, ist möglicherweise eine separate Seite übersichtlicher.

Beispielsweise können drei kurze Leistungen auf einer gemeinsamen Seite dargestellt werden. Wenn jede Leistung ausführlich erklärt werden soll, können eigene Unterseiten sinnvoller sein.

Content Blocks auf der Startseite #

Auf der Startseite solltest du nicht versuchen, sämtliche Informationen deiner gesamten Website vollständig unterzubringen.

Die Startseite sollte Besuchern zunächst vermitteln, worum es auf deiner Website geht, welche wichtigen Angebote oder Informationen vorhanden sind und wie sie zu den relevanten Unterseiten gelangen.

Content Blocks eignen sich gut, um diese Informationen in klar getrennte Abschnitte zu gliedern.

Ausführliche Informationen können anschließend auf den jeweiligen Unterseiten stehen.

Inhalte für Smartphones kontrollieren #

Content Blocks sind für responsive Websites ausgelegt. Trotzdem solltest du nach größeren Änderungen immer kontrollieren, wie deine Inhalte auf einem Smartphone dargestellt werden.

Besonders lange Überschriften, große Textmengen, bestimmte Bildausschnitte oder viele aufeinanderfolgende Elemente können auf einem kleinen Display anders wirken als auf einem Desktop-Monitor.

Die mobile Kontrolle behandeln wir ausführlicher unter Responsive Design: Kopage Website für Smartphone und Tablet optimieren.

Inhalte für Suchmaschinen strukturieren #

Content Blocks sind in erster Linie ein Werkzeug zum Aufbau deiner Seite. Für Suchmaschinen ist jedoch entscheidend, welche Inhalte du darin veröffentlichst und wie diese strukturiert sind.

Verwende aussagekräftige Überschriften, verständliche Texte und sinnvolle interne Links. Schreibe Inhalte für deine Besucher und beantworte die Fragen, die sie zu deinem Thema tatsächlich haben.

Die speziellen SEO-Einstellungen des Website-Baukastens behandeln wir unter SEO mit Kopage: Seitentitel, Meta-Daten, URLs und Suchmaschinenoptimierung.

Bestehende Inhalte bearbeiten #

Eine Website ist normalerweise kein Projekt, das nach der Veröffentlichung nie wieder verändert wird.

Öffnungszeiten ändern sich, Dienstleistungen werden ergänzt, Teammitglieder wechseln oder Bilder werden aktualisiert.

Du kannst bestehende Content Blocks deshalb später erneut bearbeiten und ihre Inhalte aktualisieren.

Kontrolliere nach Änderungen insbesondere Links, Buttons, Bilder und Bereiche, deren Textmenge sich deutlich verändert hat.

Content Blocks löschen #

Wenn du einen Inhaltsbereich nicht mehr benötigst, kannst du ihn über die dafür vorgesehene Funktion entfernen.

Vor dem Löschen solltest du kontrollieren, ob der Block Inhalte enthält, die du später noch benötigst.

Achtung: Lösche bei einer bestehenden Website nicht vorschnell einen umfangreichen Inhaltsbereich. Wenn du Texte oder andere Inhalte später noch benötigst, sichere sie vorher beziehungsweise prüfe, ob sie an anderer Stelle vorhanden sind.

Änderungen Schritt für Schritt durchführen #

Bei größeren Überarbeitungen ist es sinnvoll, nicht gleichzeitig sämtliche Inhalte einer Seite zu verändern.

Bearbeite einen Bereich, kontrolliere das Ergebnis und gehe anschließend zum nächsten Abschnitt weiter.

Ein sinnvoller Arbeitsablauf kann so aussehen:

Seite öffnen
     ↓
Content Block auswählen
     ↓
Texte bearbeiten
     ↓
Bilder einsetzen
     ↓
Links und Buttons prüfen
     ↓
nächsten Content Block bearbeiten
     ↓
gesamte Seite kontrollieren
     ↓
Smartphone-Darstellung prüfen

Typische Fehler beim Erstellen von Inhalten #

Zu den häufigsten Problemen gehören überladene Seiten, sehr lange Textblöcke, uneinheitliche Bilder, zu viele unterschiedliche Gestaltungselemente und unklare Handlungsaufforderungen.

Auch das unveränderte Übernehmen von Beispieltexten oder Platzhalterbildern sollte vermieden werden.

Eine gute Seite muss nicht möglichst viele verschiedene Content Blocks zeigen. Sie sollte die benötigten Informationen verständlich, übersichtlich und in einer nachvollziehbaren Reihenfolge präsentieren.

Was sollte ich vor der Veröffentlichung kontrollieren? #

Wenn du die Inhalte einer Seite fertiggestellt hast, kontrolliere sie noch einmal aus Sicht eines Besuchers.

Sind alle Beispieltexte ersetzt?
Sind die Überschriften verständlich?
Sind Texte vollständig und aktuell?
Sind die richtigen Bilder eingesetzt?
Funktionieren Links und Buttons?
Sind Kontaktangaben korrekt?
Sieht die Seite auf dem Smartphone gut aus?
Sind Rechtschreibfehler vorhanden?

Öffne die Seite nach Möglichkeit anschließend auch außerhalb des Editors im normalen Browser.

Wie geht es nach den Content Blocks weiter? #

Nachdem du weißt, wie Inhalte innerhalb einer Seite aufgebaut werden, ist der nächste wichtige Schritt die Struktur der gesamten Website.

Dabei geht es darum, Seiten anzulegen, ihre Reihenfolge festzulegen und eine verständliche Navigation mit Haupt- und Unterseiten aufzubauen.

Weiter geht es deshalb mit Seiten, Navigation und Untermenüs in Kopage verwalten.

Zusammenfassung #

Content Blocks sind die grundlegenden Bausteine für den Seiteninhalt einer Kopage Website. Sie stellen vorbereitete Inhaltsstrukturen bereit, die du mit deinen eigenen Texten, Bildern und weiteren Elementen anpassen kannst.

Wähle Content Blocks nach dem tatsächlichen Inhalt aus und nicht danach, welche Beispielbilder oder Platzhalter besonders attraktiv aussehen.

Achte bei Texten auf eine klare Überschriftenstruktur und gute Lesbarkeit. Bilder sollten zum Inhalt passen, ausreichend scharf und für den Einsatz im Web sinnvoll dimensioniert sein.

Verwende zusätzliche Apps oder Module nur dann, wenn du eine Funktion benötigst, die über normalen Seiteninhalt hinausgeht.

Eine gute Kopage Seite entsteht nicht dadurch, dass du möglichst viele Content Blocks verwendest. Entscheidend ist, dass jeder Abschnitt einen klaren Zweck erfüllt und Besucher logisch durch den Inhalt führt.