Du suchst Elementor Tipps, die dir wirklich Zeit sparen? In diesem Beitrag zeige ich dir meine 13 wichtigsten Tipps und Tricks für Elementor. Sie helfen dir, deine Website schneller und entspannter zu gestalten – egal ob du von zu Hause, aus dem Café oder wie ich vom Boot aus arbeitest.

Elementor-Tipp 1: Globale Einstellungen

Stell dir vor, du entscheidest nach 2 Jahren Selbständigkeit, dass es Zeit ist für ein neues Branding. Dein neues Design soll sich natürlich auch auf deiner Website widerspiegeln. Um nicht jeden Button, jedes Textfeld und jeden Hintergrund einzeln einfärben zu müssen, gibt es in Elementor globale Einstellungen.

Mit ihnen änderst du dein Design mit wenigen Klicks. Vorausgesetzt, du nutzt die Funktion konsistent.

Globale Farben einrichten

1. Öffne die Website-Einstellungen
2. Wähle „Globale Farben“

Hier kannst du deine globalen Farben festlegen.

Praxis-Tipp: Erstelle dir diese Basis-Farbpalette:

• Primärfarbe (deine Hauptfarbe)
• Sekundärfarbe (für Akzente)
• Text-Farbe
• Link-Farbe
• Hintergrund-Farbe

Globale Schriften einrichten

1. Öffne die Website-Einstellungen
2. Wähle „Globale Schriftart“

Hier kannst du deine globalen Schriften festlegen.

Definiere Schriftarten für:

• H1-Überschrift
• H2-Überschrift
• H3-Überschrift
• Text
• Buttontext

Globale Farben und Schriften verwenden

Einmal angelegt kannst du globale Farben und Schriften überall auswählen, wo du eine Farbe oder Schriftart festlegen kannst. Klicke dazu auf das Globus-Symbol und wähle deine Farbe bzw. Schriftart aus.

Sobald das Globus Symbol farbig ist, ist die globale Farbe bzw. globale Schriftart für dieses Element aktiv. Änderst du jetzt beispielsweise in den Einstellungen eine Farbe, dann ändert sie sich auch in diesem Element.

Die Vorteile von globalen Farben und Schriften

Wenn du später etwas ändern willst:

• Einmal die globale Farbe oder Schrift anpassen
• Alle Elemente, die diese Farbe oder Schrift nutzen, aktualisieren sich automatisch
• Keine einzelnen Anpassungen mehr nötig
• Dein Design bleibt konsistent

Bevor du wilde Farb-Experimente machst: Teste größere Design-Änderungen erst auf einer Staging-Seite. So überraschst du deine Website-Besucher*innen nicht mit einem unfertigen Design.

Im Website-Hafen zeige ich dir übrigens Schritt für Schritt, wie du deine globalen Farben und Schriften einrichtest. Und natürlich viele weitere Themen.

Elementor-Tipp 2: Globales Widget erstellen

Du hast deine Newsletter-Anmeldung auf zehn verschiedenen Seiten eingesetzt und du willst das Formular ändern oder hast den Anbieter gewechselt. Mühsam, alles einzeln zu aktualisieren. Mit globalen Widgets machst du solche Änderungen nur einmal – und sie werden automatisch überall aktualisiert.

Was sind globale Widgets?

Globale Widgets sind Helfer für wiederkehrende Inhalte auf deiner Website. Ob Kontaktdaten, Über-mich-Texte oder Buttons – was du an einem Widget änderst, wird automatisch an allen Stellen aktualisiert, wo du es eingebaut hast. Das spart dir nicht nur Zeit beim Aktualisieren, sondern verhindert auch, dass du versehentlich alte Versionen übersiehst.

Einsatzgebiete für globale Widgets

• Kontaktinfos
• Über-mich-Texte
• Copyright-Hinweise
• aktuelle Angebote
• Newsletter-Anmeldung
• Terminbuchungs-Button
• wechselnde Termine (nutze ich z.B. für’s Website-CoWorking)

So erstellst du ein globales Widget

1. Gestalte dein Element genau so, wie du es haben möchtest
2. Rechtsklick auf das Element
3. Wähle „Als global speichern“
4. Gib ihm einen Namen, den du später wiederfindest

Globales Widget einfügen

1. Öffne die Elementor-Widgets
2. Wechsle in den Reiter „Globals“
3. Zieh das gewünschte Widget an die richtige Stelle

Wenn du ein globales Widget an einer Stelle änderst, ändert es sich überall. Das ist praktisch, aber nicht immer sinnvoll. Überlege dir also genau, wo du diese Funktion einsetzen willst.

Globale Widgets sind super hilfreich, aber manchmal willst du lokale Änderungen machen. In dem Fall kannst du das globale Widget an einer bestimmten Stelle in ein normales Widget umwandeln. Klick dafür auf „Verknüpfung aufheben“ im Widget-Menü.

So kannst du globale Widgets super für Buttons mit unterschiedlichen Links oder Formulare mit unterschiedlichen Feldern nutzen. Der Hauptzweck ist dabei, dass du dir die Zeit sparst, das Element zu gestalten und einzurichten.

Elementor-Tipp 3: Favoriten hinzufügen

Elementor hat eine lange Liste an Widgets. Viele davon brauchst du selten oder gar nicht. Mit der Favoriten-Funktion kannst du Elemente, die du häufig nutzt, oben in einem eigenen Menü sammeln.

Favoriten hinzufügen

1. Klicke mit der rechten Maustaste auf ein Element.
2. Wähle „Zu Favoriten hinzufügen“ aus.

Deine festgelegten Favoriten findest du anschließend in einem eigenen Menü in der Übersicht.

Favoriten entfernen

1. Klicke mit der rechten Maustaste auf das Element, das du entfernen möchtest.
2. Wähle „Aus Favoriten entfernen“ aus.

Praxis-Tipp: Markiere nur die Elemente als Favoriten, die du wirklich ständig brauchst. So bleibt’s übersichtlich!

Nutze den Element Manager von Elementor für noch mehr Übersicht in deinen Elementen. Damit kannst du Elemente, die du nie verwendest aus der Übersicht ausblenden. Hier zeige ich dir, wie du den Element Manager nutzt.

Elementor-Tipp 4: Standard-Einstellungen

Du hast für deine Überschriften, Buttons, Container, … Einstellungen, die du zukünftig auf alle Elemente anwenden möchtest? Mit der Funktion „Als Standard speichern“ kannst du deine eigenen Elementor-Standards speichern.

Was kannst du als Standard speichern?

Für einzelne Elemente kannst du Standard-Einstellungen festlegen. Dabei werden alle Einstellungen gespeichert, sowohl Design als auch Inhalte.

So richtest du Standard-Elemente ein

1. beliebiges Element fertig gestalten
2. Rechtsklick auf das Element
3. „Als Standard speichern“ wählen

Wenn du das Element jetzt aus der Widget-Übersicht auf deiner Seite neu einfügst, werden alle Einstellungen übernommen.

Du kannst diesen neu festgelegten Standard jederzeit überschreiben, in dem du den beschriebenen Vorgang wiederholst.

Für Elemente, die du regelmäßig verwendest, lohnen sich Standard-Einstellungen besonders.

Manchmal brauchst du Ausnahmen vom Standard. Die kannst du jederzeit einzeln anpassen. Ausgangsbasis ist dafür deine festgelegte Standard-Vorlage.

Elementor-Tipp 5: Templates erstellen und einfügen

Manche Layouts oder Seitenabschnitte brauchst du immer wieder. Hier kommen Templates ins Spiel. Templates sind fertige Bausteine für deine Website. Das können einzelne Abschnitte sein oder sogar komplette Seiten.

Eigenes Template erstellen

1. Gestalte einen Bereich, den du später wiederverwenden möchtest.
2. Speichere den Bereich als Template ab – je nachdem, ob du einen Container oder eine Seite speichern möchtest, ist der Vorgang unterschiedlich

für Abschnitte

Bewege deinen Mauszeiger auf die 6 Punkte oben im Abschnitt

Klicke hier die rechte Maustaste und wähle „Als Template speichern“.

für Seiten

Klicke rechts oben neben „Veröffentlichen“ auf den kleinen Pfeil und wähle „Als Template speichern“.

3. Gib deinem Template einen eindeutigen Namen – z.B. „Abschnitt – Über mich mit Button – Foto links“

Mein Tipp aus der Praxis: Nutze aussagekräftige Namen für deine Templates. „Footer-neu-final“ hilft dir in drei Monaten nicht mehr weiter. Besser: „Footer-mit-Newsletterformular-dreispaltig“.

Eigenes Template einfügen

Du kannst dein gespeichertes Template einfach auf jeder Seite einfügen:

1. Klicke auf das Ordner-Symbol in Elementor

2. Such dir das gewünschte Template aus und füge es ein

Templates sind super praktisch – aber übertreib es nicht damit. Zu viele Templates machen deine Bibliothek schnell unübersichtlich. Speichere nur die Layouts, die du regelmäßig brauchst.

Wie du einzelne Abschnitte oder ganze Seiten kopierst, ohne sie als Template zwischenzuspeichern, zeige ich dir im nächsten Tipp.

Elementor-Tipp 6: Abschnitt oder Element kopieren und einfügen

Du hast ein Element oder einen Abschnitt fertig gestaltet und möchtest ihn an anderer Stelle wiederverwenden? Genau dafür findest du in Elementor die Funktionen „Kopieren“ und „Einfügen“, wie du sie von Word kennst. Und das nicht nur innerhalb deiner aktuellen Seite, sondern auch seitenübergreifend!

Die wichtigsten Copy & Paste Methoden

Methode 1: Klassisches Kopieren

1. Element auswählen
2. Kopieren: Strg + C oder rechte Maustaste „Kopieren“
3. an die Stelle wechseln, wo du den kopierten Inhalt einfügen möchtest
4. Einfügen: Strg + V oder rechte Maustaste „Einfügen“

Methode 2: Duplizieren

1. Element auswählen
2. Duplizieren: Strg + D oder rechte Maustaste „Duplizieren“
   Perfekt, wenn du das Element direkt darunter brauchst

Die Funktion „Duplizieren“ nutze ich gerne, um in einem Abschnitt etwas auszuprobieren. So kann ich vergleichen, welche Option mir besser gefällt und den anderen Abschnitt löschen – oder ihn als Template speichern, um ihn für andere Zwecke zu nutzen.

Extra-Tipp aus meinem Alltag: Wenn du mehrere Elemente von einer Seite auf eine andere kopieren willst, öffne beide Seiten in verschiedenen Tabs. So kannst du schnell hin und her springen.

Und noch ein Tipp: Wenn du einen Abschnitt häufig brauchst, speichere ihn als Template ab. Damit hast du ihn immer griffbereit in deiner Template-Bibliothek. Einzelne Elemente, die du häufig nutzt, kannst du als globales Widget abspeichern und anschließend die Verknüpfung aufheben, um es unabhängig von anderen Elementen bearbeiten zu können.

Elementor-Tipp 7: Rechtsklick-Menü

Mit einem Rechtsklick bekommst du in Elementor ein Menü voller praktischer Funktionen. Ein paar davon hast du in den ersten Tipps kennengelernt.

Die wichtigsten Funktionen im Rechtsklick-Menü

• Duplizieren
• Kopieren
• Einfügen
• Stile anwenden
  mehr Tipp 8: Stil kopieren und einfügen
• Als global speichern (nur für einzelne Elemente verfügbar)
  mehr Tipp 2: Globales Widget erstellen
• Als Template speichern (nur für Container verfügbar)
  mehr Tipp 5: Templates erstellen und einfügen
• Als Standard speichern
  mehr Tipp 4: Standard-Einstellungen
• Löschen

Das Rechtsklick-Menü zeigt dir immer nur die Optionen, die für das ausgewählte Element verfügbar sind. Also nicht wundern, wenn mal eine Option fehlt – dann ist sie für dieses Element nicht verfügbar!

Elementor-Tipp 8: Stil kopieren und einfügen

Du hast einen Button perfekt eingerichtet und möchtest genau dieses Design für andere Buttons übernehmen. Statt alle Einstellungen einzeln neu einzugeben, kannst du den kompletten Stil kopieren und auf andere Elemente übertragen. Das ist ein wenig wie zaubern.

So kopierst du Stile in Elementor

1. Stil kopieren:
   • Rechtsklick auf das Element mit dem Design, das du magst
   • Wähle „Kopieren“
2. Stil einfügen:
   • Rechtsklick auf das Element, das das Design bekommen soll
   • Wähle „Stile anwenden“

Das war’s schon.

Praxis-Tipp: Das funktioniert auch zwischen verschiedenen Seiten. Kopiere den Stil auf Seite A und füg ihn auf Seite B ein.

Was wird alles kopiert?

• Farben
• Schriftarten
• Größen
• Abstände
• Hintergründe
• Rahmen
• Schatten
• Animationen
• …

Kurz gesagt: Du überträgst damit nur das Design, nicht den Inhalt. Text, Bilder und Links bleiben, wie sie sind. Das ist genau das, was wir wollen: Gleicher Look, individueller Inhalt!

Wenn du auch den Inhalt kopieren willst, sieh dir Tipp 6 (Elemente kopieren und einfügen) an.

Elementor-Tipp 9: Editor schneller öffnen

Gehst du noch den Umweg? Erst die Seite suchen, dann auf „Bearbeiten“, dann auf „Mit Elementor bearbeiten“… Das geht auch schneller! Ich zeig dir, wie du von der Seite direkt im Elementor-Editor landest.

Von der Live-Seite in den Elementor-Editor

• Öffne die jeweilige Seite, die du bearbeiten willst im Browser
• Klicke oben in der Bearbeitungs-Leiste auf „Mit Elementor bearbeiten“

Wenn du erstmal den Mauszeiger drauf bewegst, werden dir darunter weitere Elemente, die du auf dieser Seite nutzt, angezeigt. Zum Beispiel deine Kopf- und Fußzeile.

Und unten kannst du in die Website-Einstellungen oder in den Theme Builder wechseln.

Praxis-Tipp: Mach dir ein Lesezeichen von einer Seite im Elementor-Editor – dann kommst du direkt dort hin! Das ist praktisch für Seiten, an denen du über mehrere Tage oder Wochen regelmäßig arbeitest.

Elementor-Tipp 10: Navigator anzeigen

Der Navigator hilft dir, dir Überblick über deine Seiten-Struktur zu verschaffen und schnell zu finden, was du suchst. Das ist auf langen Seiten Gold wert.

Wo versteckt sich der Navigator?

Du findest den Navigator auf zwei Wegen:

Variante 1: Klick auf das Navigator-Symbol in der Elementor-Leiste

Variante 2: Drück einfach Strg + I auf deiner Tastatur

So arbeitest du mit dem Navigator

1. Benenne deine Container sinnvoll
   zum Beispiel
   • Header-Bereich
   • Anmelde-Formular
   • Angebots-Übersicht

Mach dir die Mühe, jeden Abschnitt beim Erstellen vernünftig zu benennen. Das fühlt sich am Anfang nach extra Arbeit an – spart dir aber später Zeit beim Suchen und Anpassen!

Kein Anspruch auf Vollständigkeit: Alles, was sich in der 2. Ebene oder tiefer befindet, benenne ich nicht um. Sobald ich den Container gefunden habe, ist klar, was sich hinter „Button“ oder „Überschrift“ verbirgt.

Die wichtigsten Navigator-Funktionen

Elemente finden:
– Klick auf ein Element im Navigator
– Elementor scrollt an die Stelle und das Element wird markiert
– Kein langes Suchen mehr!

Strukturen ändern:
– Zieh Elemente per Drag & Drop um
– Verschachtele sie in andere Container
– Ändere die Reihenfolge

schnelles bearbeiten:
– Rechtsklick im Navigator
– Elemente duplizieren oder kopieren

mehrere Elemente gleichzeitig bearbeiten:
– Halte Strg gedrückt und wähle mit der Maus mehrere Elemente aus
– Kopiere, verschiebe oder lösche sie gemeinsam

Elementor-Tipp 11: Finder-Funktion

Wusstest du, dass du direkt im Elementor-Editor zwischen verschiedenen Seiten wechseln kannst? Das funktioniert mit Hilfe der Finder-Funktion.

Die Finder-Funktion findest du im Elementor-Editor in der oberen Bearbeitungsleiste auf der rechten Seite unter dem Lupen-Symbol. Oder du nutzt die Tastenkombination Strg + E.

So nutzt du den Finder

1. Finder öffnen:
   • Drück Strg + E oder
   • klicke auf das Lupen-Symbol in der Elementor-Leiste (oben, rechts)
2. Namen der Seite oder Vorlage eintippen
3. jeweilige Seite oder Vorlage aus den Vorschlägen auswählen

Hinweis: Der Finder zeigt dir nur Seiten und Vorlagen, die mit Elementor erstellt wurden. Seiten, die du mit dem Standard-Editor erstellt hast, findest du hier nicht.

Elementor-Tipp 12: Verlauf anzeigen

Du probierst etwas aus, dann noch was und plötzlich denkst du: „Ups, die Version von vor 15 Minuten war eigentlich besser!“ Mit dem Verlauf in Elementor kein Problem. Denn damit kannst du zu früheren Versionen zurückspringen.

Wo versteckt sich der Verlauf?

Du findest den Verlauf auf zwei Wegen:

Variante 1: Klick auf das Elementor-Symbol links in der Elementor-Leiste und wähle „Verlauf“.

Variante 2: Drück Strg + Shift + H auf deiner Tastatur

Das kannst du mit dem Verlauf machen

Kurz zurückspringen:

– Einzelne Aktionen rückgängig machen
– Perfekt für schnelle Korrekturen
– Funktioniert wie Strg + Z

Weit zurückspringen:

– Zu einem bestimmten Punkt zurückkehren
– Alle Änderungen dazwischen werden rückgängig gemacht
– Super bei größeren Experimenten

Aber aufpassen: Der Verlauf wird zurückgesetzt, wenn du Elementor schließt oder die Seite neu lädst.

Für größere Experimente empfehle ich dir entweder einen einzelnen Abschnitt, den du bearbeiten willst zu duplizieren oder die Seite als Template abzuspeichern. So kannst du jederzeit die Vorgängerversion zuverlässig wiederherstellen.

Elementor-Tipp 13: Tastenkombinationen

Einmalig genutzt spart eine Tastenkombination nicht viel Zeit. Aber, wenn du sie immer wieder verwendest, wächst die Zeitersparnis und das Arbeiten mit Elementor wird immer flüssiger.

Wenn du bisher noch keine Tastenkombinationen genutzt hast, dann empfehle ich dir, dir erstmals die Basics anzusehen. Diese kannst du auch für viele andere Anwendungen am PC verwenden.

Basics, die du regelmäßig brauchst

Strg + C: Kopieren
Strg + D: Duplizieren
Strg + S: Speichern, speichern, speichern!
Strg + V: Einfügen
Strg + Z: Rückgängig
Strg + Shift + Z: Wiederholen – wenn du etwas versehentlich rückgängig gemacht hast

Praxis-Tipp: Mach es dir zur Gewohnheit, regelmäßig Strg + S zu drücken. Nichts ist frustrierender als verlorene Änderungen!

Weitere nützliche Tastenkombis

Strg + E: Schnellsuche (Finder) öffnen (mehr Tipp 11: Finder-Funktion)
Strg + I: Navigator ein/ausblenden (mehr Tipp 10: Navigator)
Strg + P: Vorschaumodus öffnen
Strg + Shift + H: Verlauf öffnen
Strg + Shift + M: Ansicht wechseln (Desktop, Tablet, Mobil)

Konzentriere dich am Anfang auf 2-3 Shortcuts, die du oft brauchst. Wenn du diese verinnerlicht hast, kommen die nächsten dran. So überforderst du dich nicht und baust dir Schritt für Schritt einen schnelleren Workflow auf.

Endlich weniger Klicks

Mit diesen 13 Zeitspar-Tipps verringerst du die Zeit, die du für Website-Änderungen brauchst und kannst dich auf das Wesentliche konzentrieren: Deine Angebote und deine Kund*innen.

Übrigens: Im Website-Hafen zeige ich dir Schritt für Schritt viele weitere Möglichkeiten, wie du deine Website selbstständig und zeitsparend gestalten kannst. Damit du mehr Zeit für die wichtigen Dinge in deinem Business hast.

Ich bin gespannt, welcher Tipp darf dir ab sofort Zeit sparen? Schreib es mir gerne in die Kommentare!

In dieser Elementor-Anleitung erfährst du, was du wissen musst, um mit Elementor deine Website zu erstellen und zu gestalten. Diese Elementor Tipps bieten dir eine schrittweise Einführung in die Grundlagen und zeigen dir, wie du das Beste aus dem Page Builder herausholst – ideal für Elementor für Anfänger*innen.

Was ist Elementor?

Elementor ist ein benutzerfreundlicher Page Builder für WordPress, der es dir ermöglicht, deine Website ohne Programmierkenntnisse zu erstellen und zu bearbeiten. Per Drag-and-Drop kannst du Elemente wie Texte, Bilder, Buttons und Videos auf deine Seite ziehen und dort platzieren, wo du sie haben möchtest.

Das Besondere an Elementor ist, dass du alles in Echtzeit bearbeiten kannst. Während du an deiner Seite arbeitest, siehst du die Änderungen, ohne ständig zwischen Bearbeitungs- und Vorschau-Modus wechseln zu müssen. Das spart Zeit und macht den Prozess besonders intuitiv – ideal für Anfänger*innen.

Wenn du Elementor nutzt, brauchst du den Standard-Editor von WordPress (fast) nicht mehr. Du kannst für jede Seite und jeden Beitrag entscheiden, ob du sie mit Elementor oder dem Gutenberg-Editor bearbeiten möchtest. So hast du die volle Flexibilität bei der Gestaltung deiner Inhalte.

Elementor installieren

Falls du Elementor noch nicht installiert hast, geht das ganz einfach:

1. Gehe in deinem WordPress-Dashboard auf Plugins > neues Plugin hinzufügen und suche nach „Elementor“.
2. Klicke auf „Jetzt installieren“ und danach auf „Aktivieren“.

Schon kannst du Elementor nutzen!

Brauche ich Elementor Pro?

Es gibt sowohl eine kostenlose als auch eine Pro-Version von Elementor. Grundsätzlich kannst du deine Website mit der kostenlosen Version erstellen. Wenn du dir erweiterte Funktionen, wie Popups oder einen Theme Builder wünschst, mit dem du deinen Header und Footer gestalten kannst, solltest du dir die Pro-Version ansehen.

In meinem Blogbeitrag Elementor oder Elementor Pro erkläre ich dir die Unterschiede und helfe dir bei der Entscheidung, welche Version für dich geeignet ist.

Elementor-Benutzeroberfläche verstehen

Elementor hat kürzlich eine neue Benutzeroberfläche eingeführt, die intuitiver und übersichtlicher gestaltet ist. Falls du die neue Ansicht noch nicht aktiviert hast, kannst du das so tun:

Gehe in deinem WordPress-Dashboard auf Elementor > Einstellungen > Eigenschaften und setze dort die Funktion „Editor Top Bar“ auf „Aktiv“.

Die wichtigsten Bereiche im Überblick

1. Seitenvorschau

Auf der rechten Seite siehst du eine Live-Vorschau deiner Seite, während du Änderungen vornimmst.

2. Linke Seitenleiste

Hier findest du alle Werkzeuge, die du für die Gestaltung deiner Seite brauchst, wie Container und Elemente. Ziehe sie einfach in den Seitenbereich, um neue Inhalte hinzuzufügen.

Wenn du ein Element anklickst, findest du in der linken Seitenleiste die Möglichkeiten, die du für dieses Element nutzen kannst. Mehr dazu findest du im Abschnitt Element einfügen.

3. Obere Bearbeitungsleiste

In der Leiste oben findest du nützliche Funktionen wie Theme Builder, Verlauf, Elemente-Auswahl, Website-Einstellungen, Navigator, Notizen, Seiteneinstellungen, Responsive Ansichten und den Button zum Veröffentlichen deiner neu erstellten oder aktualisierten Seite.

Falls du noch die alte Benutzeroberfläche verwendest, lohnt es sich, auf die neue Version umzusteigen, da sie einige Verbesserungen mitbringt. Zum Beispiel, dass du mit einem Klick in die Tablet- oder Smartphone-Ansicht wechseln kannst.

Neue Seite mit Elementor erstellen

Sobald du Elementor installiert hast, kannst du loslegen und deine erste Seite gestalten. So funktioniert’s:

Neue Seite erstellen

Gehe in deinem WordPress-Dashboard auf Seiten > Neue Seite erstellen. Gib deiner Seite einen Titel und klicke auf „Mit Elementor bearbeiten“.

Die Grundlage deiner Website: Container

Container bilden die Grundlage für den Aufbau deiner Seite. Sie ersetzen die früheren Abschnitte und Spalten und bieten dir mehr Flexibilität bei der Gestaltung. Besonders für deine Mobilversion.

Layout auswählen

Nachdem der Elementor-Editor geladen ist, kannst du entscheiden, ob du mit einer leeren Seite oder einer Vorlage starten möchtest. Vorlagen bieten dir eine schnelle Möglichkeit, ein ansprechendes Design zu erstellen – und du kannst sie auch individuell anpassen.

Container hinzufügen

Klicke auf das Plus-Symbol und danach auf Flexbox, um einen neuen Container hinzuzufügen. Du kannst Container verschachteln, also Container in andere Container einfügen, um komplexe Layouts zu erstellen. Das gibt dir die Freiheit, deine Inhalte in verschiedenen Abschnitten zu strukturieren und anzuordnen.

Container-Größe und Anordnung

Du kannst jeden Container in Größe und Anordnung verändern.

In der linken Seitenleiste findest du unter „Layout“ die Optionen, um Breite, Höhe, Ausrichtung und Abstände festzulegen. Damit kannst du bestimmen, wie viel Platz deine Inhalte einnehmen sollen und wie sie sich in den Containern verteilen.

Gestaltung

Unter „Stil“ kannst du das Aussehen deiner Container verändern. Lege eine Hintergrundfarbe oder -bild fest, füge einen Rand oder Schatteneffekte hinzu.

Abstände

Bei der Gestaltung eines ansprechenden Layouts sind Abstände entscheidend. In den erweiterten Einstellungen kannst du Abstände zwischen Containern definieren und so für genügend Platz sorgen.

Inhalte erstellen

Elemente bieten dir die Möglichkeit, deine Seite mit vielfältigen Inhalten zu füllen. Sobald du ein Element auf deiner Seite platziert hast, kannst du es über die Einstellmöglichkeiten in der linken Seitenleiste an deine Wünsche anpassen.

Element einfügen

Um deine Seite mit Inhalten zu füllen, kannst du ein Element nach dem anderen aus der linken Seitenleiste in den gewünschten Container ziehen.

Elementor bietet dir eine Vielzahl von Elementen, mit denen du fast jede Art von Inhalt hinzufügen kannst – von einfachen Textblöcken und Bildern bis hin zu Videos, Buttons, Formularen und mehr.

Wenn dich interessiert, welche Elemente in der kostenlosen Version enthalten sind und welche es nur in der Pro-Version gibt, schau mal hier vorbei:
Elementor oder Elementor Pro?

Inhalte anpassen

Klicke auf ein Element, um es zu bearbeiten.

In der linken Seitenleiste findest du alle Einstellungen dazu. Hier kannst du die Inhalte verändern (Texte, Bilder, Links, …), die Darstellung (Farben, Größe, …) anpassen und erweiterte Einstellungen (Abstände, Animationen, …) vornehmen.

Die Optionen sind von Element zu Element unterschiedlich.

Element gestalten

Unter „Stil“ kannst du das Aussehen eines Elements verändern.

Wähle deine gewünschten Farben, Schriftarten, Größen und Hintergründe aus.

Nutze globale Farben und Schriften, um ein konsistentes Design auf deiner Seite zu schaffen.

Im Website-Hafen findest du eine Schritt-für-Schritt-Anleitung, um deine globalen Farben und Schriften richtig einzurichten.

Abstände

In den erweiterten Einstellungen kannst du bestimmen, wie nahe Elemente aneinander liegen oder wie viel Raum sie bekommen sollen.

Mit negativen Abständen kannst du Elemente überlappen lassen.

Globale Widgets: Einmal erstellen, überall nutzen

Eine besonders praktische Funktion in Elementor sind die globalen Widgets. Mit ihnen kannst du ein Element einmal erstellen und es auf mehreren Seiten verwenden, ohne es jedes Mal neu anpassen zu müssen. Das spart nicht nur Zeit, sondern sorgt auch dafür, dass deine Seite ein einheitliches Design behält.

Erstellung eines globalen Widgets

Wenn du ein Element in deiner Seite eingefügt und angepasst hast, kannst du mit Rechtsklick auf das Element „Als global speichern“ ein globales Widget.

Gib ihm einen aussagekräftigen Namen, damit du es später schnell wiederfindest.

Sieh dir auch die anderen Optionen an:
Du kannst einzelne Elemente und Container schnell mittels Rechtsklick duplizieren, kopieren und einfügen.

Globales Widget einfügen

Globale Widgets findest du in der Elemente-Auswahl im Reiter „Globals“. Ziehe es wie jedes andere Element per Drag-and-Drop aus der linken Seitenleiste in deinen Container.

Globales Widget bearbeiten

Um ein globales Widget zu bearbeiten hast du zwei Möglichkeiten:

Bearbeiten:
Klicke auf „Bearbeiten“, um das Widget an allen Stellen, wo du es verwendest, gleichzeitig zu verändern. Du brauchst die Änderungen nur einmal vornehmen, und sie werden überall aktualisiert.

Verknüpfung aufheben:
Klicke auf „Verknüpfung aufheben“, um es unabhängig von anderen globalen Widgets anzupassen. Die Änderungen, die du dann vornimmst, betreffen nur dieses eine Element.

Einsatzmöglichkeiten von globalen Widgets

Globale Widgets eignen sich perfekt für wiederkehrende Elemente wie Buttons, Formulare, Testimonials oder spezielle Info-Boxen. Sie ermöglichen dir, schnell Änderungen vorzunehmen, ohne jede Seite einzeln bearbeiten zu müssen.

Mit globalen Widgets sorgst du also für ein einheitliches Design und kannst deine Arbeit effizienter gestalten.

Arbeiten mit Vorlagen

Templates ermöglichen dir, komplexe Designs mit wenigen Klicks zu erstellen und später wiederzuverwenden. Egal ob für einzelne Abschnitte, ganze Seiten oder spezielle Layouts – Templates helfen dir, Zeit zu sparen und ein konsistentes Design auf deiner Website zu erhalten.

Elementor Templates nutzen

In der Elementor-Bibliothek findest du eine Auswahl an Vorlagen. Die Bibliothek öffnet sich beim Erstellen einer neuen Seite automatisch. Du kannst sie später über das kleine Ordner-Symbol nochmal öffnen.

Wähle aus einzelnen Blöcken oder ganzen Seiten eine Vorlage aus. Oder lade im Reiter „Meine Templates“ eigene oder gekaufte Layouts hoch. Nachdem du eine Vorlage ausgewählt und eingefügt hast, kannst du diese beliebig bearbeiten.

Eigene Templates erstellen

Wenn du ein Design erstellt hast, das du später wiederverwenden möchtest, kannst du es als Template speichern. Das gilt sowohl für einzelne Container als auch für komplette Seiten.

Container als Template abspeichern

Klicke im jeweiligen Container oben bei den 6 Punkten die rechte Maustaste und wähle die Option „Als Template speichern“.

Vergib einen klaren Namen, um die Vorlage später wiederzufinden. Das neu gespeicherte Template findest du jetzt in der Bibliothek im Reiter „Meine Templates“.

Seite als Templates speichern

Auch vollständige Seiten kannst du als Template abspeichern.

Klicke auf den kleinen Pfeil rechts neben dem Veröffentlichen-Button. Und wähle aus dem Menü „Als Template speichern“ aus.

Vergib einen eindeutigen Namen, um die abgespeicherte Seite in mehreren Wochen oder Monaten wieder zu finden. Das Template findest du in der Bibliothek im Reiter „Meine Templates“.

Wie die globalen Widgets helfen dir auch Templates deine Website effizient zu erstellen und professionell zu gestalten.

Abschnitte kopieren und auf anderer Seite einfügen

Du brauchst aber nicht unbedingt immer ein globales Widget oder Template erstellen. Wenn du schnell ein Element oder einen Container auf eine andere Seite kopieren möchtest, kannst du diese einfach kopieren.

Das spart dir Zeit und hält deine Template-Bibliothek sauber. So funktioniert’s:

Element oder Container kopieren

Klicke mit der rechten Maustaste auf den Container oder das Element, das du kopieren möchtest, und wähle „Kopieren“ aus dem Menü.

Abschnitt einfügen

Öffne die Seite, auf der du den Container oder das Element verwenden möchtest in einem anderen Tab. Klicke mit der rechten Maustaste auf den gewünschten Bereich im Editor und wähle „Einfügen“. Der Container oder das Element wird an der gewählten Stelle hinzugefügt.

Mobile Anpassungen und responsive Design

Im Zeitalter von Smartphones und Tablets ist es unerlässlich, dass deine Website auf allen Geräten gut aussieht und funktioniert. Elementor bietet dir umfangreiche Möglichkeiten, damit deine Website sowohl auf dem Desktop als auch auf mobilen Geräten optimal dargestellt wird.

Responsive Einstellungen

In der oberen Bearbeitungsleiste kannst du zwischen der Desktop-, Tablet- und Smartphone-Ansicht wechseln. Das ist richtig hilfreich, um sicherzustellen, dass deine Seite auf allen Geräten gut aussieht.

Individuelle Anpassungen für mobile Geräte

In Elementor kannst du spezielle Anpassungen für mobile Geräte vornehmen. Du hast die Möglichkeit, Inhalte, Abstände, Schriftgrößen und andere Designelemente für jedes Gerät separat zu optimieren.

Beispielsweise kannst du einen größeren Abstand auf dem Desktop einstellen, während du für mobile Geräte weniger Platz verwendest, um eine kompaktere Darstellung zu gewährleisten.

Aufgepasst:
Wenn du Änderungen speziell für eine Ansicht vornimmst, achte immer darauf, dass du bei der jeweiligen Einstellung ein Smartphone, Tablet oder Desktop-Symbol siehst.

Wenn du dieses Icon siehst, bedeutet das, dass du die Einstellungen für die jeweilige Ansicht anpasst.

Ich empfehle dir, deine Seiten mit Elementor immer in folgender Reihenfolge zu bearbeiten:
1. Desktop
2. Tablet
3. Smartphone

Warum?

• Einstellungen, die du in der Desktop-Version triffst, werden auch in der Tablet- und Smartphone-Ansicht übernommen.
• Einstellungen, die du in der Tablet-Version triffst, werden auch in der Smartphone-Ansicht übernommen. Aber nicht in der Desktop-Version.
• Einstellungen, die du in der Smartphone-Version triffst, werden weder in der Tablet- noch in der Desktop-Ansicht übernommen.

Elemente in bestimmter Ansicht ausblenden

Du kannst ganze Container oder einzelne Elemente nur auf dem Desktop anzeigen lassen, während du sie auf mobilen Geräten ausblendest. Oder umgekehrt. Das sorgt für eine aufgeräumte Darstellung auf allen Geräten.

Klicke im jeweiligen Element oder Container auf den Reiter „Erweitert“ und scrolle zu „Responsiv“.

Wähle aus, in welcher Ansicht du ein Element oder einen Container ausblenden möchtest.

Im Vorschau-Modus rechts wird dir das jeweilige Element in der ausgewählten Ansicht ausgegraut angezeigt.

Tipps für die mobile Optimierung

• Verwende ausreichend große Buttons und Schriftgrößen, damit die Benutzer sie auf kleinen Bildschirmen problemlos lesen und bedienen können.
• Prüfe die Abstände zwischen den Elementen, um eine deine Inhalte übersichtlich darzustellen.
• Reduziere die Anzahl an Bildern und Videos, um die Ladezeiten auf mobilen Geräten zu verbessern.
• Prüfe deine Seite nach der Veröffentlichung auf deinem Smartphone. Manchmal schleichen sich Darstellungsfehler ein, die du in der Vorschau nicht siehst.

So sorgst du dafür, dass deine Elementor-Seite auf jedem Gerät gut aussieht – egal ob auf dem großen Bildschirm oder dem kleinen Smartphone.

Neue Seite veröffentlichen

Sobald deine Seite gestaltet ist und du mit dem Ergebnis zufrieden bist, ist es Zeit, sie online zu stellen.

Vorschau und Speichern

Wenn du mit deinen Änderungen zufrieden bist, klicke in der oberen Bearbeitungsleiste auf „Vorschau“, um deine Seite zu überprüfen. Passt alles? Dann kannst du sie über den Button „Veröffentlichen“ rechts oben live schalten.

Falls du ein Caching-Plugin, wie WP-Rocket* oder Cache Enabler nutzt, empfehle ich dir den Cache zu leeren. So stellst du sicher, dass deine neue Seite bei allen Besucher*innen korrekt dargestellt wird. Die Option „Cache leeren“ findest du im WordPress-Dashboard in der oberen Leiste.

Und schon ist deine Seite online! Mit Elementor kannst du jederzeit weitere Anpassungen vornehmen und Schritt für Schritt deine Website selbst gestalten.

Sieh dir auch diesen Beitrag an:
Deine WordPress Website veröffentlichen (+ Checkliste)

Tipps für deine Arbeit mit Elementor

Damit deine Website nicht nur gut aussieht, sondern auch rund läuft, habe ich dir ein paar praktische Tipps zusammengestellt, wie du Elementor optimal nutzen kannst. Von der sauberen Struktur bis hin zur Performance – diese Empfehlungen helfen dir, deine Website effektiv und übersichtlich zu gestalten.

Weniger ist oft mehr

Achte darauf, dass deine Seite nicht überladen wirkt. Zu viele verschiedene Schriftarten, Farben oder Animationen können schnell chaotisch wirken. Besonders bei Animationen und Effekten gilt: Weniger ist mehr.

Für’s Smartphone optimieren

Da ein Großteil deiner Besucher*innen deine Website wahrscheinlich über mobile Geräte aufruft, solltest du stets im Hinterkopf behalten, wie deine Seite auf Smartphones und Tablets aussieht. Überprüfe daher regelmäßig die mobile Ansicht in der Vorschau und auf deinem Smartphone.

Elemente sinnvoll einsetzen

Elementor bietet eine riesige Auswahl an Elementen, aber das bedeutet nicht, dass du sie alle einsetzen musst. Überlege dir, welche Elemente sinnvoll sind und deinen Besucher*innen einen Mehrwert bieten.

Ladezeit prüfen

Große Bilder, Videos und Animationen können die Ladezeit beeinträchtigen. Optimiere deine Bilder und verwende ein Caching-Plugin, um die Ladezeit deiner Seite zu verbessern.

Sieh dir auch diesen Beitrag an:
5 praktische Tipps, die deine (Elementor-)Website schneller machen

Globale Farben & Schriften für ein professionelles Design

Verwende globale Farben und Schriften, für ein einheitliches Erscheinungsbild auf deiner gesamten Website. Das spart dir Zeit bei der Gestaltung neuer Seiten und sorgt für ein stimmiges Design. Du findest die globalen Einstellungen in der oberen Bearbeitungsleiste unter Website-Einstellungen.

Im Website-Hafen findest du eine Schritt-für-Schritt-Anleitung, um deine globalen Farben und Schriften einmal richtig einzurichten.

SEO im Hinterkopf behalten

Damit deine Website in Suchmaschinen gefunden wird, solltest du sie für Suchmaschinen optimieren. Achte darauf, dass deine Seiten gut strukturiert sind und nutze die HTML-Tags (H1, H2, H3) für deine Überschriften sinnvoll.

Füge Alt-Texte für Bilder hinzu und stelle sicher, dass deine Seite schnell lädt, um die Suchmaschinen-Rankings zu verbessern. Und nutze ein SEO-Plugin, wie Rank Math SEO: Rank Math richtig einrichten

Website auf dem neuesten Stand halten

Stelle sicher, dass alle Plugins, Themes und deine WordPress-Version immer auf dem neuesten Stand sind. Updates bringen nicht nur neue Funktionen, sondern schließen oft auch Sicherheitslücken und verbessern die Performance.

Sieh dir auch diesen Beitrag an:
So kannst du deine WordPress-Website sicher machen: 10 effektive Tipps zum selbst umsetzen

Wenn du diese Tipps berücksichtigst, wird deine Arbeit mit Elementor einfacher und effizienter. So schaffst du eine Website, die professionell aussieht und technisch reibungslos funktioniert.

Du willst noch mehr Tipps, um dir die Arbeit mit Elementor zu vereinfachen?

Schau hier: 13 Elementor Tipps und Tricks, die dir täglich Zeit sparen

Erweiterungen für Elementor

Auch wenn Elementor eine Vielzahl an Funktionen bietet, gibt es zahlreiche Erweiterungen (Addons), die zusätzliche Elemente und Designoptionen hinzufügen.

Ich empfehle dir auf Erweiterungen, wie Essential Addons, Ultimate Addons, Happy Addons usw. zu verzichten und die integrierten Funktionen von Elementor (Pro) zu nutzen. Warum? Jedes zusätzliche Plugin verlangsamt deine Website und bietet ein zusätzliches Risiko für deine Website.

Elementor Pro: Die beste Erweiterung für deine Elementor-Website

Elementor Pro ist nicht nur eine Erweiterung, sondern ein umfassendes Upgrade. Es bietet dir alles, was du brauchst, um deine Website professionell und flexibel zu gestalten.

Vorteile von Elementor Pro:

• Theme Builder:
  Gestalte Header, Footer, Archive, Single Posts und mehr individuell.
• Popup Builder:
  Erstelle ansprechende Popups direkt in Elementor.
• Premium Elemente:
  Nutze erweiterte Elemente wie Formulare, WooCommerce-Elemente und mehr.
• Globale Widgets:
  Verwende Elemente wiederholt auf verschiedenen Seiten und spare so Zeit.
• Custom CSS:
  Füge eigene CSS-Codes im Elementor-Editor hinzu.

Mehr über die Unterschiede zwischen Elementor und Elementor Pro erfahren:
Elementor oder Elementor Pro: Brauche ich die Pro-Version?

Wenn du dir für deine Website mehr Funktionen wünschst, Elementor Pro die sicherste und effizienteste Option. Andere Erweiterungen solltest du nur verwenden, wenn du wirklich spezifische Funktionen brauchst, die Elementor (Pro) nicht bietet.

Häufige Fehler in Elementor und wie du sie behebst

Auch wenn Elementor ein sehr nutzerfreundliches Tool ist, können bei der Arbeit mit dem Page Builder Fehler oder Probleme auftreten. Hier sind einige der häufigsten Probleme und schnelle Lösungen, um sie zu beheben:

Änderungen werden nicht angezeigt

Manchmal kann es passieren, dass du Anpassungen vornimmst, diese aber nicht in der Vorschau oder der veröffentlichten Seite angezeigt werden. In den meisten Fällen liegt das an einem Cache-Problem.

Lösung:
Lösche den Cache von WordPress, falls du ein Caching-Plugin verwendest. Die Funktion findest du üblicherweise in deinem WordPress-Dashboard in der oberen Leiste.

500 Internal Server Error

Dieser Fehler tritt häufig bei Hosting-Problemen oder unzureichendem Speicherplatz auf.

Lösung:
Folge meiner Anleitung aus diesem Blogbeitrag: Serverfehler (500 Error) beheben

Problem mit der mobilen Ansicht

Deine Seite sieht auf dem Desktop perfekt aus, aber auf mobilen Geräten verschieben sich Elemente oder Texte werden abgeschnitten.

Lösung:
Verwende die responsiven Einstellungen in Elementor, um die Darstellung auf verschiedenen Geräten zu optimieren. Prüfe, ob Abstände, Schriftgrößen und Layouts korrekt angepasst sind.

Probleme mit der Ladegeschwindigkeit

Elementor-Seiten können durch viele Bilder, Videos oder komplexe Layouts langsamer laden.

Lösung:
Optimiere deine Bilder und nutze meine 5 Tipps, um deine Elementor-Website schneller zu machen.

Darstellungsproblem

Manchmal kann es passieren, dass deine Website nach der Veröffentlichung oder der Aktualisierung von Elementor (Pro) völlig anders aussieht, als sie sollte. Farben, Schriftarten oder Layouts stimmen nicht mehr, und das Design wirkt chaotisch. Das kann verschiedene Ursachen haben, wie etwa ein Fehler beim CSS oder ein Cache-Problem.

Lösung 1: Cache löschen
Leere den Cache deiner Website. Der Cache ist ein Zwischenspeicher. Oft wird das Design falsch angezeigt, weil der Cache eine alte Version der Seite speichert. Wenn du ein Caching-Plugin verwendest, findest du die Option „Cache leeren“ üblicherweise im WordPress-Dashboard in der oberen Leiste.

Lösung 2: CSS neu generieren
Manchmal wird benutzerdefiniertes CSS nicht korrekt angewendet oder es gibt einen Fehler bei der Speicherung. Gehe im WordPress-Dashboard zu Elementor > Werkzeuge und klicke neben CSS & Daten neu generieren auf den Button „Dateien und Daten neu generieren“.

Lösung 3: Inkompatible Plugins überprüfen
Wenn das alles nichts hilft, deaktiviere nacheinander alle Plugins, um herauszufinden, ob eines der Plugins die Darstellung beeinflusst. Häufige Übeltäter sind Caching- und Optimierungs-Plugins, die CSS oder JavaScript minimieren und dadurch Layout-Probleme verursachen können.

Mehr Elementor-Hilfe

Mit diesen Elementor-Grundlagen hast du die wichtigsten Bausteine, um deine Website nach deinen Vorstellungen zu gestalten. Schritt für Schritt wirst du sicherer im Umgang mit dem Pagebuilder und kannst schon bald ganz entspannt deine Seiten anpassen.

Falls du beim Erstellen noch unsicher bist oder Unterstützung brauchst, findest du im Website-Hafen konkrete Anleitungen und kannst mir deiner Website-Fragen persönlich stellen. Schau vorbei – gemeinsam geht’s leichter!

Die Adventszeit steht vor der Tür und du planst einen digitalen Adventskalender für deine Website-Besucher*innen, Newsletter-Abonnent*innen oder Follower*innen? Sehr cool!

Aber was packst du rein, um deinen Adventskalender spannend, nützlich und inspirierend zu gestalten? Ich habe meine besten Ideen für dich gesammelt, die nicht nur deine Leser*innen begeistern, sondern auch perfekt zu deiner Selbständigkeit passen – egal ob du Coach bist, eine Dienstleistung anbietest oder ein Online-Business führst.

Verbindung aufbauen, die langfristig wirkt

Dein Online-Adventskalender ist eine großartige Möglichkeit, um in der festlichen Zeit wertvolle Inhalte zu teilen und deine Community zu begeistern und bietet dir die Chance, eine tiefere, langfristige Verbindung zu deinen Leser*innen aufzubauen.

Ein gut geplanter Adventskalender kann somit nicht nur die Vorweihnachtszeit bereichern, sondern auch den Grundstein für eine dauerhafte, wertvolle Beziehung zu deiner Zielgruppe legen.

🎄 Aktionen & Angebote

Eine einfache und gleichzeitig effektive Idee ist es, Rabatte & Gutscheine für deine Produkte und Dienstleistungen zu verschenken.

Rabatte

z.B. 10 % Rabatt auf ein Produkt aus deinem Online Shop

Gutscheine

z.B. 20€-Gutschein für einen deiner Online-Kurse

🎄 Ressourcen

Biete in deinem Adventskalender praktische Ressourcen, mit denen du den Einstieg in deinen Bereich erleichterst.

Vorlagen passend zu deinem Themengebiet

z.B. Canva-Templates, Social Media-Planer, Checklisten, …

Checklisten passend zu deinem Themengebiet

z.B. Jahres-Abschluss-Checkliste, 5 Dinge, die du vor 2025 noch erledigen solltest, …

Mini-Anleitungen passend zu deinem Themengebiet

Stelle kurze Anleitungen bereit, die deinen Leser*innen Lösungen für spezifische Herausforderungen bieten.

wichtige Begriffe aus deinem Themengebiet

Erkläre wichtige Fachbegriffe aus deinem Bereich auf verständliche Weise, um deinen Leser*innen den Einstieg zu erleichtern.

Adventskalender-Mini-Kurs

Advents­kalender
für deine Website

• mehr Website-Besucher*innen
• Vertrauen & langfristige Verbindungen
• flexible Gestaltung
• Inhalte in allen Formen möglich
• neue Newsletter-Kontakte gewinnen

• Und das Beste: Du kannst ihn jährlich mit wenig Aufwand wiederverwenden!

mehr Infos zum Mini-Kurs

„Toller Workshop mit super Vorlagen und vor allem Service durch Dich. Wie schon gesagt, hatte ich sowas nicht auf dem Schirm, finde es aber nun richtig toll, einen Adventskalender zu haben. Ich hab ja quasi nun Content und Werbung für fast den ganzen Dezember, wunderbar (+ die Vorlage fürs nächste Mal).“ Uta von slowsetter.de

🎄 Inspiration

Inspiration darf in der Vorweihnachtszeit nicht fehlen. Biete in deinem Adventskalender inspirierende Zitate, Geschichten oder Fragen.

Zitate & positive Affirmationen

Teile inspirierende Zitate oder positive Affirmationen, die deine Leser*innen durch die Vorweihnachtszeit oder ins neue Jahr begleiten können.

Inspiration für’s Jahresmotto

Gib Ideen für ein Jahresmotto, das deinen Leser*innen hilft, ihre Ziele für das kommende Jahr zu erreichen.

Interviews mit inspirierenden Menschen

Führe Interviews mit Personen, die deine Leser*innen inspirieren könnten, und teile diese in deinem Adventskalender.

Reflexionsfragen

Stelle Fragen, die deine Leser*innen zur Selbstreflexion anregen, z.B. „Was sind meine größten Erfolge dieses Jahr?“

(Erfolgs-)Geschichten

Teile Geschichten von erfolgreichen Projekten oder persönlichen Erfolgen, um deine Leser*innen zu motivieren und zu inspirieren.

Adventsrätsel

Füge ein Rätsel hinzu, das zum Miträtseln einlädt.

🎄 Weihnachtliches

Deine Community freut sich über Empfehlungen für eine gemütliche Weihnachtszeit. Tritt mit deiner Community in Kontakt und frag sie nach ihren liebsten Empfehlungen für die Weihnachtszeit.

Weihnachts-Rezepte

z.B. Weihnachtskekse, Heißgetränke, …

weihnachtliche Empfehlungen

z.B. Filme, Bücher, Musik, …

Weihnachts-Pinterest-Board

Teile ein Pinterest-Board mit Ideen für Weihnachtsdeko, Rezeptideen, Geschenkinspiration. So kann deine Community dich und deinen Weihnachtsstil kennenlernen und Gemeinsamkeiten finden.

DIY-Anleitungen passend zu Weihnachten

z.B. natürliche Weihnachtsdeko, umweltfreundliche Geschenkverpackungen, selbstgemachte Geschenke, …

Ideen für kreative Weihnachtsgrüße

z.B. digitale Karten, Videos, Foto-Ideen, Weihnachtswünsche, …

Ideen für ein gemütliches Zuhause

Teile deine Tipps, wie du dein Zuhause für die Weihnachtszeit gemütlich und einladend gestaltest.

Routinen & Rituale in der Weihnachtszeit

Teile deine eigenen Weihnachtsrituale und -routinen, die dir helfen, die festliche Zeit zu genießen.

Weihnachtsgeschichte

Teile eine besondere Weihnachtsgeschichte, die dich berührt hat, oder eine, die du selbst geschrieben hast.

🎄 Empfehlungen

Erstelle eine Liste mit wertvollen Inhalten, die deine Community interessieren könnten. Du kannst sowohl eigene Inhalte als auch Inhalte von anderen inspirierenden Selbständigen verwenden.

Tool-Empfehlungen passend zu deinem Themengebiet

z.B. Online-Tools, Browser-Erweiterungen, Smartphone-Apps, …

Linkliste passend zu deinem Themengebiet

z.B. Podcast-Folgen, Blogbeiträge oder YouTube-Videos

🎄 praktische Tipps & Übungen

Zeige einfache, schnelle Tipps, die deine Leser*innen noch in der Vorweihnachtszeit umsetzen können. Diese Tipps sollten praxisnah und ohne großen Aufwand durchführbar sein, sodass sie sofort Ergebnisse merken.

Praxis-Übungen passend zu deinem Themengebiet

z.B. Meditation für eine entspannte Adventszeit, Achtsamkeits-Übung, Dankbarkeits-Übung, …

Tipps, die du selbst anwendest

Teile persönliche Tipps, die dir helfen und von denen deine Leser*innen profitieren können – z.B. für einen bewussten Umgang mit Social Media, für regelmäßigere Bewegung, …

Tipps für die Jahresplanung oder den Jahreswechsel

Gibt es einen Tipp, der dir bei der Jahresplanung besonders hilft?

Tipps für die Weihnachtszeit passend zu deinem Themengebiet

Biete spezifische Tipps für die Weihnachtszeit an, die sich auf dein Fachgebiet beziehen.

Journaling-Fragen & Schreibimpulse

Teile Fragen und Impulse, die deine Leser*innen zum Schreiben anregen und ihnen helfen, ihre Gedanken zu ordnen und Ziele zu setzen.

Adventskalender-Mini-Kurs

Advents­kalender
für deine Website

• für deine Website mit Elementor Pro
  ohne zusätzliche kostenpflichtige Plugins
• individuell anpassbare Vorlagen
  für Übersicht und Popup-Türchen
• Jahr für Jahr wiederverwenden
  einmal erstellt, jedes Jahr wieder verwenden

mehr Infos zum Mini-Kurs

„Ich fand deine Erklärung sehr nachvollziehbar und stimmig aufeinander aufbauend. Deine ruhige Art den Inhalt und die einzelnen Schritte zu erklären war sehr angenehm. Deine Vorlagen hilfreich und mit vielen Details aufbereitet.“
Shireen von kaleka.academy

🎄 virtuelle Events

Wie wäre es mit einem virtuellen Weihnachts-Event? Solche Events stärken die Bindung zu deiner Zielgruppe.

virtuelle Weihnachtsfeier

Organisiere eine kleine virtuelle Weihnachtsfeier mit deiner Community.

Online-Workshop passend zu deinem Themengebiet

Lade zu einem Online-Workshop ein, in dem du deine Expertise teilst.

🎄 Gewinnspiele

Verlosungen schaffen Interaktion und erhöhen die Aufmerksamkeit für deinen Adventskalender.

Umfrage in Verbindung mit einem Gewinnspiel

Starte eine Umfrage, um Feedback von deiner Community zu erhalten, und verknüpfe diese mit einem Gewinnspiel.

Wettbewerb in Verbindung mit einem Gewinnspiel

Veranstalte einen Wettbewerb und verlose unter allen Teilnehmer*innen ein Geschenk.

Challenge in Verbindung mit einem Gewinnspiel

Veranstalte eine kleine Challenge und verlose unter allen Teilnehmer*innen ein passendes Angebot.

🎄 Kooperationen

Wenn du mit anderen Selbständigen zusammenarbeitest, kannst du Inhalte von Kooperationspartner*innen in deinen Adventskalender integrieren. Das bereichert deinen Adventskalender und bietet deinen Leser*innen noch mehr Mehrwert.

Inhalte von Kooperationspartner*innen

z.B. Gastbeitrag, Geschenk, Mini-Workshop, …

🎄 Überraschungen

Verschenke etwas Besonderes. Das gibt deinen Leser*innen die Möglichkeit, dein Angebot auszuprobieren und vielleicht später Kund*in zu werden.

Geschenke

Verschenke kleine Überraschungen, wie z.B. kostenloser Testzugang, Mini-Coaching, Webinar, Platz in einem Beta-Kurs, …

Mini-Workshop passend zu deinem Themengebiet

Biete einen kurzen, aber wertvollen Workshop an, der deinen Leser*innen hilft, ein spezifisches Problem zu lösen.

🎄 für’s kommende Jahr

Blicke mit deinem Adventskalender schon jetzt auf das kommende Jahr. Nutze die Gelegenheit, um einen Ausblick auf kommende Trends zu geben und gleichzeitig Inspiration für ihre eigenen Ziele und Pläne zu bieten.

Trends für 2025 passend zu deinem Themengebiet

Gib einen Ausblick auf kommende Trends und Entwicklungen, die für deine Leser*innen relevant sein könnten.

Vision-Board-Vorlage

Biete eine Vorlage für ein Vision Board an, die deine Leser*innen nutzen können, um ihre Ziele für das nächste Jahr festzulegen.

Business-Rückblick auf’s vergangene Jahr

Teile deine Learnings, Erfolge, Misserfolge und Erkenntnisse aus dem vergangenen Jahr. Deine Community wird es zu schätzen wissen, wenn du authentisch und ehrlich über deine Erfahrungen sprichst. Das inspiriert und verbindet.

Business-Ausblick auf’s nächste Jahr

Gib einen Ausblick auf deine Pläne und Ziele für das kommende Jahr, um deine Leser*innen zu inspirieren, motivieren und neugierig zu machen.

Noch nicht alle 24 Türchen gefüllt?

Lass dir von KI weiterhelfen! Nutze deine bisher gesammelten Ideen, um weitere Ideen zu finden, die in dein Konzept passen. Gib einfach diesen Prompt ein:

Dein Online-Adventskalender kann mehr sein als nur ein Countdown bis Weihnachten

Er bietet eine hervorragende Möglichkeit, deine Community zu begeistern, Mehrwert zu liefern und echte Verbindungen aufzubauen. Mit den richtigen Inhalten kannst du die Adventszeit deiner Website-Besucher*innen bereichern und den Grundstein für langfristige Beziehungen legen.

Dein Adventskalender für deine Website

Im Adventskalender-Mini-Kurs zeige ich dir Schritt für Schritt, wie du deinen Adventskalender mit Elementor auf deiner Website einrichtest. Dazu bekommst du hilfreiche Vorlagen und kurze Anleitungen im Video-Format. Die Anleitungen sind auch für Einsteiger*innen geeignet.

Viel Freude beim Erstellen und Befüllen deines Adventskalenders! 🎄

Du schiebst die Arbeit an deiner Website ständig vor dir her? Dann ist dieser Beitrag für dich. Denn Mara, Expertin für Aufschieberitis, verrät dir darin 7+1 Tipps, wie du es schaffst, deine Website oder einzelne Unterseiten davon online zu bringen.

Viele der Tipps kannst du natürlich auch für andere Bereiche in deiner Selbständigkeit und deinem Alltag abwandeln und anwenden.

Wenn du diesen Blogartikel liest, dann bist du vermutlich – genau wie ich auch – selbstständig. Und du willst Sachen alleine hinbekommen. Und weil du auch weißt, wie wichtig eine eigene Website ist, hast du natürlich eine Domain besorgt und angefangen alles aufzusetzen….

So lange bis es zu viel und zu kompliziert wurde. Andere Sachen wichtiger waren. Oder du vor lauter Frust den Laptop am liebsten gegen die Wand geworfen hättest, weil diese Sch***e nicht so funktioniert, wie du es willst.

Jetzt steht „Website“ als ständiges To-do auf deiner Liste. Und du fühlst dich jedes Mal ein kleines bisschen schlechter, wenn du es siehst. Das soll sich jetzt ändern!

In diesem Artikel bekommst du 7+1 praktische und sofort umsetzbare Tipps, damit du mit deiner Website endlich vorankommst.

1. Mache dir einen Projektplan

Die Arbeit an deiner Website kann überwältigend sein. Du musst dir überlegen, welche Seiten du brauchst, Plugins installieren, Angebotstexte schreiben, Blogartikel erstellen und das Ganze SEO-optimieren, passenden Footer und Header und Kontaktformulare einrichten… und dann soll das Ganze auch bitte sowohl mobil als auch am Desktop gut aussehen. Diese Mammutaufgabe fühlt sich schnell an wie ein gigantischer Berg. 

Und ein Berg lähmt und lässt dich das ganze Projekt aufschieben, weil du nicht genau weißt, wo du anfangen sollst. Deshalb: Teile dein Projekt „Website“ in kleine überschaubare Aufgaben ein.

Erstelle dir einen Projektplan, in dem du alle (kleinen) Zwischenschritte sammeln kannst. Wenn du während der Erledigung einer Aufgabe auf eine neue Herausforderung stößt oder neue Ideen bekommst, kannst du sie dort außerdem ergänzen, ohne die aktuelle Aufgabe zu unterbrechen.

2. Entscheide, wie viel und wann du an deiner Website arbeiten willst

Wenn du schon etwas Zeitmanagement-Erfahrung hast, weißt du, dass du zur Erledigung einer Aufgabe am besten auch einen Zeitslot im Kalender blockierst. Du schätzt also, wie lange du für einen Teilschritt z.B. „Anmeldeseite für den Newsletter erstellen und einrichten“ brauchst und trägst ihn dann in den Kalender ein, z.B. Donnerstag 13-14 Uhr.

Als Website-Newbie lässt es oft schlecht vorher sagen, wie lange einzelne Aufgaben dauern. Es kann deshalb demotivierend sein, wenn du innerhalb der vorgenommenen Zeit doch nicht fertig wirst.

Ich empfehle dir deshalb nicht nur festzulegen, wann du an bestimmten Website-Bereichen arbeiten möchtest, sondern auch wie lange insgesamt. Du könntest z.B. 3 bis 5 Stunden pro Woche reservieren und dann eine Stoppuhr nach oben laufen lassen und versuchen, so viel wie möglich zu schaffen. Durch die Stoppuhr integrierst du außerdem einen Gamification-Aspekt, der die Aufgabe zu einem kleinen Wettbewerb macht. Auch das kann beim Anfangen helfen.

3. Beachte die 80-20-Regel

Diese Regel besagt, dass 20 % Aufwand für 80 % der Ergebnisse verantwortlich sind. Für deine Website bedeutet das: Konzentriere dich auf die wirklich wichtigen Sachen.

Du brauchst am Anfang nur eine Seite auf der deine Blogartikel erscheinen, ein Impressum, ein Cookie-Banner, eine Möglichkeit kontaktiert zu werden und eine Datenschutzerklärung. Alles andere darf mit der Zeit dazu wachsen. Überlege dir genau, welche Aufgaben auf deinem Projektplan den größten Effekt bringen. Was brauchen potenzielle Kund*innen unbedingt, wenn sie auf deine Seite kommen?

Fokussiere dich auf die 20 % deiner Website, die wirklich entscheidend sind. Wichtiger als Perfektion ist hier, dass du vorankommst. Mein Footer war jahrelang super minimalistisch und bestand nur aus einem Link zur Datenschutzerklärung und zum Impressum. That’s it.

Du kannst Texte später immer noch überarbeiten, Fotos austauschen und weitere Informationen ergänzen. Sorge zuerst dafür, dass das Grundgerüst steht. Dieses Vorgehen wird dich außerdem motivieren, da du schneller Fortschritte sehen wirst.

4. Protokolliere und teile deine Fortschritte

Mache zu Beginn deiner Arbeit Screenshots von deiner Website, damit du den Prozess im Nachhinein noch verfolgen kannst.

Für zusätzliche Motivation kannst du eine Form des Goaltracking verwenden. Das ist z.B. ein großes Bild, das du mit jedem erledigten Schritt weiter ausmalst. Dadurch wird sichtbar, dass du deinem Ziel näher kommst, auch wenn es sich noch gar nicht so anfühlt.

Teile deine Fortschritte und sprich mit anderen Menschen über dein Ziel, eine gute Website aufzubauen. Lass deine Community an dem Prozess teilhaben (Menschen lieben Behind the Scenes!) und sprich mit wohlgesonnenen Freunden/Familienmitgliedern/Business-Buddys über die Arbeit an deiner Website.

Entgegen der gängigen Business-Bubble-Meinung, dass du Ziele für dich behalten solltest, wenn du sie wirklich erreichen willst, sagt die psychologische Forschung nämlich etwas anderes! Gail Matthews fand in ihren Untersuchungen heraus, dass Menschen ihre Ziele eher erreichen, wenn sie mit anderen darüber sprechen und sich öffentlich zu ihren Vorhaben bekennen.

5. Mache es so angenehm und leicht wie möglich

Deine Expertise liegt bestimmt woanders, und nicht im Website bauen, stimmt’s?

Sehr wahrscheinlich hast du das Erstellen von Website nicht in deiner Berufsausbildung gelernt. Und trotzdem gehört es jetzt zu deiner Arbeit dazu. Aber Dinge, die wir nicht gelernt haben, sind am Anfang ganz schön herausfordernd und schwierig. (Und schwierige Dinge werden gerne aufgeschoben, weil Menschen ein Grundbedürfnis nach Spaß und Unlust-Vermeidung haben.)

Mache dir die Arbeit deshalb so leicht und angenehm wie irgendwie möglich. Wenn es dir einfacher fällt, anzufangen, wenn du in Jogginghose auf dem Sofa eingemummelt bist – mach das! Wenn man es genau nimmt, musst du nicht mal das Bett verlassen, um an deiner Website zu basteln.

Manche Personen brauchen eher ein richtiges Arbeitsfeeling, um sich für unangenehme Aufgaben zu motivieren. Wenn du dazu gehörst: Dusch dich, mach deine Haare, zieh dir offizielle Kleidung an, eventuell sogar Schuhe und setzte dich an den Schreibtisch.

Schalte Ablenkungen bestmöglich aus, also schließ die Tür und lass dein Handy davor liegen. Deaktiviere Benachrichtigungen auf dem Computer und informiere, falls nötig, Menschen, die mit dir wohnen, dass du ungestört arbeiten möchtest.

Du kannst es dir außerdem noch einfacher machen, indem du (kostenlose) Vorlagen, z.B. direkt von WordPress oder Webdesigner*innen verwendest, anstatt alles komplett selbst zu bauen.

6. Setze dir Belohnungen in Aussicht

In deinem Projektplan hast du dir bereits Zwischenziele gesetzt. Als Nächstes kannst du der Erreichung von größeren Etappen zusätzliche Belohnungen zuordnen. Zum Beispiel: Das Anti-Aufschiebe-E-Book von Mara 😀 (oder meinetwegen auch ein guter Roman für den Sommer). Wähle etwas, das dir Freunde bereitet und dich motiviert oder zumindest für die harte Arbeit ‚entschädigt’.

Wichtig beim Thema Belohnungen: Die Erfüllung von Grundbedürfnissen ist keine Belohnung! Also Schlaf, Zeit mit Freunden, Pausen, Bewegung, gesundes Essen, etc. sind essenziell, damit du überhaupt in der Verfassung bist, gute Arbeit zu leisten.

Als Belohnungen eignen sich kleine und große Dinge oder Aktivitäten, die du dir sonst möglicherweise nicht gönnst oder um die du vielleicht schon eine Weile herumschleichst. Erstelle dir am besten eine Liste mit kleinen und größeren Belohnungen, die dich wirklich erfreuen. So kannst du je nach erreichtem Zwischenziel spontan entscheiden, welche Belohnung gerade passt.

7. Mach es mit anderen gemeinsam

Um die Arbeit an deiner Website nicht mehr länger aufzuschieben, kannst du dir auch Menschen suchen, mit denen du gemeinsam daran arbeiten kannst. Diese Technik, bei der du eine Aufgabe erledigst, während eine andere Person dabei ist, nennt sich Body-Doubling. Das funktioniert auch online.

Vielleicht kennst du ja durch deine Arbeit oder Instagram andere Selbstständige, mit denen du dich verabreden kannst. Oder du fragst im Freundeskreis herum. Es ist nicht mal notwendig, dass die andere Person auch an ihrer Website arbeitet. Es reicht die Anwesenheit und damit der soziale Druck, auch wirklich etwas zu machen.

Auch digitale Co-Workings können diese Funktion erfüllen. Bei dem Website-CoWorking von Anita hat man außerdem noch die Chance auch Fragen zu stellen, wenn man an einer Stelle hängt. Das ist extrem hilfreich und sorgt dafür, dass du mit deiner Website wirklich vorankommst.

7+1 Lass dir helfen

Dieser letzte Tipp gilt sowohl für dich, als auch für deine Website.

Ich weiß, dass du als Solo-Selbstständige alles selber machen willst. Aber du darfst auch Hilfe annehmen! Wenn deine Website einfach nicht fertig wird, kannst du die Arbeit auch auslagern oder es in 1:1-Sessions mit jemandem gemeinsam aufsetzen lassen.

Und wenn deine Aufschieberitis so stark ist, dass sie dich am beruflichen Weiterkommen hindert, kann es eine kluge Idee sein, mal mit einer Expertin wie mir zu sprechen. Gemeinsam können wir dann den Ursachen der Aufschieberitis auf den Grund gehen und für dich passende Lösungen finden.

Über Mara Pairan
Mara ist Psychologin und Expertin für gesunde Produktivität. Sie hilft Menschen ihre aufgeschobenen To-dos endlich anzugehen und zeigt selbstständigen Workaholics wie sie Arbeit und Freizeit gestalten, ohne sich kaputt zu schuften. Ihre Methoden ermöglichen es, die Freizeit wieder ohne schlechtes Gewissen zu genießen.

Mara bietet persönliche Beratungen, ein Anti-Aufschiebe-E-Book sowie interaktive Workshops und Vorträge an, die auf individuelle Bedürfnisse zugeschnitten sind.

Website: marapairan.de
Instagram: @marapairan
Für 0 €: Dein Anti-Überforderungs-Plan

Puuh… welche Worte wähle ich in meiner Einleitung, um den Gastbeitrag einer Texterin einzuleiten. Ich hab einige Bücher über’s Texten gelesen, aber so richtig sicher fühle ich mich beim Schreiben trotzdem nicht. Umso mehr freue ich mich, dass Katharina diesen Part auf meinem Blog übernimmt und ihre Tipps teilt, um Texte für Webseiten zu schreiben, die Besucher*innen im Gedächtnis bleiben.

Vegan geworden bin ich über Nacht.

Dank einer 30-Tage-Challenge eines mittlerweile nicht mehr so gefragten Vegan-Kochs …

Komischerweise fiel mir der Umstieg nicht schwer, obwohl ich vorher Allesesserin war.

Denn ich habe festgestellt:

Ich habe tonnenweise Energie!

Keine ständigen Erkältungen mehr, keine Blasenentzündungen.

Stattdessen: schöne, gesunde Nägel, eine schönere Haut.

Warum erzähle ich dir das, wo es doch um Texte für Webseiten geht?

Dazu komme ich gleich.

Erst mal möchte ich sagen:

Wir Menschen lieben Geschichten.

An Zahlen und Fakten können wir uns nicht so gut erinnern wir an richtig gute Storys.

Weil wir uns Szenen besser vorstellen können als abstrakte Zahlen.

Weil Geschichten Emotionen wecken.

Uns berühren.

Und damit kommen wir zur Auflösung:

Geschichten lesen sich spannender als die Feststellung, dass die richtigen Worte auf deiner Webseite Besucher*innen informieren und fesseln.

Und sie helfen dir, eine tiefere Verbindung zu deinen Leser*innen herzustellen.

Kurzum:

Storytelling hilft dir, beeindruckende Website-Texte zu schreiben.

Bevor wir zu den 5 Tipps kommen, ist eines aber noch wichtig …

Was du wissen solltest, bevor du deine Website-Texte schreibst

Ich liebe Barfußschuhe.

Während ich diese Zeilen schreibe, sitze ich in einem Café – mit einem Paar Leguanos an den Füßen.

Sie wurden nicht in Asien, sondern in Deutschland hergestellt.

Und ich habe, seit ich sie trage, keine Schmerzen oder Blasen an den Füßen.

Was hat das mit Texten für Webseiten zu tun?

Schau:

Jemand, der gern in High Heels durchs Leben läuft, gehört nicht zwingend zur Zielgruppe von Leguano.

Das sind eher Menschen, die es sportlich und funktional mögen.

Und so richten sich die Produktbeschreibungen und Blogtexte auf der Webseite von Leguano an genau diese Menschen.

Bevor du also Texte für deine Webseiten schreibst, solltest du wissen, für wen du schreibst.

Frage dich:

• Wer besucht meine Webseite?
• Welche Probleme oder Bedürfnisse haben meine Besucher*innen?
• Nach welcher Lösung suchen sie?

Wenn du als vegane Ernährungsberaterin arbeitest, sind deine Leser*innen wahrscheinlich an gesunden pflanzlichen Rezepten interessiert.

Und an einer Ernährungsberatung.

Aber eine 40-jährige Mutter von drei Kindern hat eine andere Ausgangslage als ein 20-jähriger Student, der bei seinen Eltern lebt.

Deswegen ist es wichtig, dass du deine Zielgruppe kennst.

So kannst du gezielt die Menschen ansprechen, mit denen du am liebsten zusammenarbeiten willst.

Deine Leser*innen sollten das Gefühl haben, dass du genau für sie schreibst.

Damit schaffst du eine Vertrauensbasis.

Und die ist wichtig.

Wenn deine Besucher*innen spüren, dass du sie verstehst, sind sie eher bereit, sich auf deine Tipps einzulassen und deine Beratung zu buchen.

Nun aber …

7 Tipps, um Texte für Webseiten zu schreiben, die im Gedächtnis bleiben

1. Schreib klar und konkret

Welcher Satz spricht dich eher an?

1. Ich bin eine erfahrene Mentaltrainerin mit einem breiten Hintergrund in psychologischer Beratung und Coaching und helfe dir, deine mentale Stärke zu entwickeln und deine Ziele zu erreichen.

2. Mit meinen Atemtechniken findest du nach 10 Minuten innere Ruhe.

Wenn du deine Website-Texte schreibst, solltest du dich kurzfassen.

• Keine langen Sätze.
• Kein Fachjargon.
• Einfache Sprache.
• Konkrete Angaben.

Warum?

Komplizierte Sätze und Formulierungen verwässern deine Botschaft.

Kompakte Website-Texte und konkrete Angaben holen Leser*innen hingegen genau dort ab, wo sie stehen.

Und lassen sie nicht mehr los.

2. Achte auf einen roten Faden

„Mein Albtraum ist wahr geworden. Ich stecke in einem Maisfeld fest, Bro.“

Der Mann wollte eigentlich nur ein Paket ausliefern.

Er folgte den Anweisungen seines Navis – und strandete im Matsch.

Die Geschichte des Paketboten ging viral.

Und warum erzähle ich sie dir?

Der rote Faden beim Schreiben funktioniert wie ein Navigationssystem.

Er hilft, das Ziel nicht aus den Augen zu verlieren und führt Leser*innen sicher durch den Text.

Wenn du einfach drauflosschreibst, kann es passieren, dass du abschweifst und von einem Thema zum anderen springst.

Wenn dir deine Website-Besucher*innen nicht folgen können oder verwirrt sind, sind sie weg.

Auch wenn deine Dienstleistung oder dein Produkt genial ist.

Deshalb:

Hab ein Auge auf den roten Faden und darauf, dass du mit den Texten für deine Webseiten ein angenehmes Erlebnis schaffst.

Wie das geht?

• Beherzige eine logische Abfolge deiner Worte und Sätze.
• Schaffe klare Übergänge. Am besten ergibt sich ein Satz aus dem vorhergehenden.
• Bleibe bei deinem Thema.
• Sorge dafür, dass die einzelnen Abschnitte für sich und als Ganzes nachvollziehbar sind.
• Achte auf eine einheitliche Sprache.

3. Behalte deine Zielgruppe im Blick

„Willkommen auf meiner Website. Ich habe diese und jene Aus- und Weiterbildungen und biete das an.“

So etwas lese ich online ganz oft.

Viele Selbstständige vergessen, dass es in den Texten für ihre Webseiten nicht darum geht, sich selbst in den Mittelpunkt zu stellen.

Sondern die potenziellen Kund*innen.

Natürlich hast du ganz wunderbare Eigenschaften und sehr viel Expertise.

Aber auf deiner Seite geht es in erster Linie nicht um dich, sondern darum, was du für deine Zielgruppe tun kannst.

Warum dir deine Besucher*innen vertrauen sollten.

Was heißt das nun für dich?

• Versetze dich in deren Situation und schreib empathisch.
• Sprich die Bedürfnisse und Herausforderungen deiner Zielgruppe an.
• Richte dich direkt an deine Besucher*innen und wähle Du-Formulierungen.
• Liste auf deiner „Über mich“-Seite nicht nur deine Qualifikationen auf, sondern erkläre, was deine Zielgruppe davon hat. Sprich: Wie kannst du mit all deinen Gaben und deinem Können das Leben deiner potenziellen Kund*innen verbessern?

4. Schildere den Nutzen deines Angebots

Du bist nicht nur Naturfotografin.

Dank dir können andere eine tiefere Verbindung zur Natur herstellen.

Sie können die Schönheit der Natur (wieder) schätzen lernen.

Warum solltest du das auf deiner Website sagen?

Weil du so das Interesse deiner Besucher*innen weckst.

Weil du sie so davon überzeugst, dass deine Dienstleistung oder dein Produkt genau richtig für sie ist.

5 Fragen, um den Nutzen deines Angebots herauszuschälen

Du hast dich mit deiner Zielgruppe beschäftigt.

Du weißt, für wen dein Angebot ist.

Überlege nun:

1. Was bereitet deinen potenziellen Kund*innen schlaflose Nächte? Worüber machen sie sich Sorgen?
2. Was können andere dank deiner Arbeit erreichen?
3. Was sind die Vorteile deines Angebots, deiner Lösung?
4. Welchen zusätzlichen Mehrwert bietet dein Angebot?
5. Wie würde sich das Leben deiner Zielgruppe während oder nach eurer Zusammenarbeit emotional verändern?

Eine Yoga-Lehrerin bietet zum Beispiel nicht nur Kurse an, damit die Fitness der Teilnehmer besser wird.

Sie ermöglicht es ihnen auch, geistige Balance zu finden.

Sie schafft einen Raum für Achtsamkeit.

Und das heißt:

Wer Yoga übt, respektiert sich selbst und seinen Körper.

Er wird mitfühlender und findet endlich die innere Ruhe, nach der er sich lange gesehnt hat.

5. Veröffentliche Erfolgsgeschichten

Ein Kleid aus recycelten Plastikflaschen.

Das hatte Emma Watson 2016 auf einer Benefizveranstaltung an.

Die Schauspielerin achtet darauf, dass ihre Kleidung – auch die, die sie in ihren Filmen trägt – nachhaltig produziert wurde.

Und schafft damit ein Bewusstsein für Nachhaltigkeit.

Was möchte ich dir damit sagen?

Wir Menschen neigen dazu, uns am Verhalten und an den Meinungen anderer zu orientieren.

Wenn wir hören, wie eine Person, die wir schätzen, von einem bestimmten Produkt schwärmt, sind wir eher geneigt, es ebenfalls zu kaufen.

Für die Texte auf deiner Webseite heißt das:

• Erwähne, wie du anderen Menschen geholfen hast.
• Erzähle Geschichten zufriedener Kund*innen.
• Erfolgsgeschichten zeigen, dass deine Methode funktioniert.

Das schafft Vertrauen.

6. Verwende die richtigen Keywords

Sie hilft Mamas, im Alltag entspannter zu sein.

Ihre wunderschöne Startseite ist zugeschnitten auf ihre Zielgruppe.

Aber nicht optimiert für Google.

Und wird online nicht gefunden.

Damit dir das nicht passiert, solltest du dich um SEO kümmern.

Heißt:

• Verwende relevante Keywords in den Texten für deine Webseiten. Lass sie natürlich einfließen; der Text sollte sich immer noch natürlich und flüssig lesen.
• Optimiere den SEO-Titel und die Meta-Beschreibung – auch darin sollte dein Hauptkeyword stecken.
• Verbessere, wenn nötig, die Ladezeit deiner Website.
• Halte deine Seite aktuell.
• Schreib regelmäßig suchmaschinenoptimierte Blogbeiträge zu Themen, die deine Zielgruppe interessieren.

Möchtest du mehr zu diesem Thema wissen?

Dann hol dir mein kostenloses E-Book „5 Schritte, um die richtigen Keywords zu finden„.

7. Sag Besucher*innen, was sie tun sollen

„Los! Schneller“

Die Frauen im Spinning-Kurs strampeln und schwitzen.

Aber als die Trainerin sie anfeuert, noch schneller zu treten, geben alle noch mehr Gas.

Wenn es um Texte für Webseiten geht, musst du wie in diesem Beispiel die Führung übernehmen.

Du solltest deinen Besucher*innen sagen, was sie tun sollen.

Deinen Newsletter abonnieren.

Dich kontaktieren.

Wenn du klar sagst, was du möchtest, gibt es zumindest die Wahrscheinlichkeit, dass deine Besucher*innen deinem Aufruf folgen.

Wenn du auf einen Call-to-Action (CTA) verzichtest, überlässt du Interessent*innen sich selbst.

Sie fühlen sich verloren – und klicken im Browser-Fenster auf das X.

Natürlich werden nicht alle Besucher*innen deinem Aufruf folgen.

Aber zumindest haben sie die Wahl.

Denk daran, dass ein guter CTA kurz und prägnant sein sollte.

Er sollte Besucher*innen direkt ansprechen und gut sichtbar sein.

Etwa so:

Texte für Webseiten: Fazit

Mit diesen 7 Tipps hast du einen Fahrplan, um gute Texte für deine Webseiten zu schreiben.

Was noch wichtig ist:

• Achte auf eine übersichtliche Darstellung:
  Lockere den Text durch Zwischenüberschriften und (passende) Bilder auf.
• Schreib so, wie du sprichst.
  Das macht deinen Text natürlich und dich sympathisch für die richtigen Menschen.
• Bearbeite deine Texte und lies sie mehrmals, bevor du sie veröffentlichst.
  Du kannst auch Freunde oder Verwandte darum bitten.

Wenn du deine Zielgruppe im Blick behältst, …

Wenn du klar, auf den Punkt und einfühlsam schreibst, …

Hinterlässt du einen bleibenden Eindruck.

Ich wünsche dir viel Spaß beim Schreiben!

Alles Liebe
Katharina

Über Katharina
Katharina ist Texterin und Lektorin. Sie mag gute Geschichten – auch in Blogbeiträgen und Texten für Webseiten.

Website: katharinapavlustyk.de

Nutze für deine WordPress-Website unbedingt ein SEO-Plugin, wie Rank Math, Yoast SEO oder All in One SEO, um deine Website für den technischen SEO-Part vorzubereiten. Mit einem solchen Plugin kannst du deine Snippets in Suchmaschinen optimieren. Also den Text, der potenziellen Besucher*innen in Suchmaschinen angezeigt wird. Einzelne Unterseiten für Suchmaschinen ausblenden und vieles mehr.

Meine persönliche Empfehlung ist Rank Math, weil es bereits in der kostenlosen Variante nützliche Funktionen bietet, die andere erst in der kostenpflichtigen Version mitbringen. Zum Beispiel die Möglichkeit, Weiterleitungen von einer Unterseite zu einer anderen oder zu einem externen Link einzurichten.

In diesem umfangreichen Beitrag zeige ich dir Schritt für Schritt, wie du das Plugin vollständig einrichtest, damit Rank Math die Sichtbarkeit deiner Website in Suchmaschinen optimal unterstützen kann.

Warum du ein SEO-Plugin wie Rank Math brauchst

Stell dir vor, du hast die perfekte Website erstellt. Mit ansprechendem Design, für deine Zielgruppe interessante Inhalte und hilfreiche Angebote. Aber niemand findet sie. Genau dabei soll dich das Plugin Rank Math unterstützen.

Es liefert dir die technische Basis für einen besseren Platz in den Suchergebnissen. Und der ist entscheidend. Denn die wenigsten Menschen scrollen in den Suchergebnissen weit nach unten, sondern klicken auf eins der ersten Ergebnisse.

Wenn du Rank Math installiert, aber dich bisher nicht damit beschäftigt hast, es richtig einzurichten, verschenkst du Potenzial für eine bessere Sichtbarkeit in Suchmaschinen.

Was kann das WordPress-Plugin Rank Math?

Mit Rank Math kannst du nicht nur die Anzeige deiner Website in den Suchergebnissen optimieren, sondern auch…

✅ Social Media-Snippet optimieren
Wenn jemand eine Unterseite auf Facebook oder LinkedIn teilt, wird ein Text und ein Bild der jeweiligen Unterseite angezeigt. Diese kannst du individuell bearbeiten.

✅ Sitemap erstellen
Das ist ein Verzeichnis mit allen Links zu deinen Unterseiten, die in Suchmaschinen gefunden werden sollen.

✅ einzelne Unterseiten von der Sichtbarkeit in Suchmaschinen ausschließen
Unterseiten, wie deine Datenschutzerklärung, eine passwortgeschützte Seite oder leere Kategorien sollten in Suchmaschinen nicht gefunden werden, weil sie sich negativ auf deine Sichtbarkeit auswirken können.

✅ 404-Fehler auf deiner Website analysieren
Der 404-Monitor von Rank Math hilft dir, nicht funktionierende Links herauszufinden und du kannst damit direkt Weiterleitungen einrichten.

✅ Weiterleitungen einrichten
Wenn du eine URL änderst, fragt dich Rank Math, ob du auch eine Weiterleitung einrichten möchtest, damit Besucher*innen weiterhin über den alten Link auf der richtigen Seite landen.

Genug davon, warum ich Rank Math so gut finde. Jetzt zeige ich dir, wie du das WordPress-Plugin richtig einrichtest.

Rank Math installieren

Falls du Rank Math noch nicht installiert hast, dann ist das der erste Schritt:

1️⃣ Mach eine Sicherung deiner Website.
So bist du auf der sicheren Seite. Falls beim Installieren eines neuen Plugins mal etwas schief geht, kannst du die alte Sicherung wiederherstellen.

2️⃣ Installiere Rank Math.
▶ Gehe im WordPress-Dashboard in der linken Seitenleiste auf » Plugins » neues Plugin hinzufügen.
▶ Suche in der Suchleiste rechts oben nach “Rank Math”.
▶ Klicke auf den Button “Jetzt installieren”.
▶ Und danach auf “Aktivieren”.

Damit hast du Rank Math erfolgreich installiert.
Jetzt richten wir, das Plugin einmal ordentlich ein.

Rank Math einrichten mit dem Einrichtungsassistenten

Nach der Installation öffnet sich ein Fenster mit dem Einrichtungsassistenten für Rank Math.

Falls sich der Einrichtungsassistent bei dir nicht öffnet oder du ihn (versehentlich) schließt, gelangst du über das WordPress-Dashboard in der linken Seitenleiste unter » Rank Math SEO » Dashboard über den Punkt „Einrichtungsassistent“ in das Fenster, das du für die folgenden Schritte brauchst.

1️⃣ Entscheide, ob du einen kostenlosen Rank Math Account erstellen willst.

In dieser Anleitung überspringe ich diesen Schritt. Du kannst auch später noch einen Account erstellen.

Mit Einrichtung eines Rank Math Accounts bekommst du ein paar zusätzliche Funktionen.

2️⃣ Wähle “Erweitertes” aus, um Rank Math im erweiterten Modus einzurichten und klicke darunter auf “Starten”.

3️⃣ Ergänze oder ändere, wenn notwendig, die Daten deiner Website.

Gib den Namen deiner Website an, füge ein Logo ein und hinterlege ein standardmäßiges Bild zum Teilen in Social Media, wenn kein anderes Bild hinterlegt ist.

Wenn du damit fertig bist, klicke auf “Speichern und fortfahren”.

4️⃣ Verbinde dein Rank Math Konto mit den Google Diensten, wenn du Google Analytics nutzen willst.

In dieser Anleitung überspringe ich diesen Schritt.

Ich persönlich rate dir davon ab, Google Analytics zu verwenden, weil du dich damit aktuell datenschutzrechtlich in einer Grauzone bewegst.

3 DSGVO-konforme Alternativen zu Google Analytics

5️⃣ Konfiguriere deine Sitemap. Eine Sitemap ist eine Datei, die die Unterseiten deiner Website auflistet. Sie hilft Suchmaschinen deine Website vollständig zu indexieren.

Mit dem Tag “noindex” kannst du einzelne Unterseiten aus der Sitemap ausschließen, damit diese in Suchmaschinen nicht angezeigt werden.

Meine empfohlenen Einstellungen siehst du im Screenshot.

Falls du einen Blog oder Online Shop hast…

kannst du unten neben „Öffentliche Taxonomien“ die Kategorien aktivieren. Mach das besser nur, wenn du dir die Zeit nimmst, um deine Kategorie-Seiten für Suchmaschinen zu optimieren. Ich empfehle dir, sie vorerst zu deaktivieren.

Klicke auf “Speichern und fortfahren”.

6️⃣ Nimm die weiteren SEO-Optimierungen vor.

Meine empfohlenen Einstellungen siehst du im Screenshot.

Die Einstellungen erkläre ich dir weiter unten.

7️⃣ Klicke auf „Zurück zum Dashboard“. Die erweiterten Einstellungen nehmen wir direkt in den Einstellungen von Rank Math vor.

Du solltest dich nun im Dashboard von Rank Math befinden und die Übersicht der Funktionen von Rank Math sehen. Falls nicht, klicke einfach im WordPress-Dashboard in der linken Seitenleiste auf “Rank Math SEO”.

Aktiviere auf jeden Fall diese Funktionen:

✅ 404-Monitor
✅ Lokales SEO
✅ Weiterleitungen
✅ Schema (strukturierte Daten)
✅ Sitemap

Deaktiviere alle Funktionen, die du nicht brauchst:

❌ Analysen, wenn du kein Google Analytics nutzt
❌ Inhalt-KI, wenn du keinen Rank Math Account erstellt hast
❌ SEO-Analysator, wenn du keinen Rank Math Account erstellt hast
❌ WooCommerce, wenn du keinen WooCommerce-Online Shop hast

Allgemeine Einstellungen vornehmen

Ich gehe mit dir die Einstellungen Registerkarte für Registerkarte durch. Du kannst die Einstellungen aus den Screenshots übernehmen, oder dir die Erklärungen durchlesen, um zu verstehen, warum ich die Einstellungen so vornehme.

Falls Fragen auftauchen, schreib sie mir gerne in die Kommentare, damit ich den Beitrag verständlicher machen kann.

Klicke im WordPress-Dashboard in der linken Seitenleiste auf » Rank Math SEO » Allgemeine Einstellungen.

📂 Links

✅ Kategorie-Basis entfernen [aktiv]

Ich empfehle dir, diese Funktion zu aktivieren, weil deine Links dadurch kürzer werden.

Ist die Funktion deaktiviert, sehen die Links zu deinen Kategorie-Seiten so aus:
https://anitaschwarz.com/category/website-erstellen/

Ist die Funktion aktiviert, sehen die Links zu deinen Kategorie-Seiten so aus: https://anitaschwarz.com/website-erstellen/

✅ Anhänge umleiten [aktiv]

Aktiviere diese Funktion, damit Suchmaschinen deine Bilder mit deinen Beiträgen oder Unterseiten in Verbindung bringen.

📝 Umleitung von verwaisten Anhängen [Link zu deiner Startseite]

Verwaiste Anhänge sind Bilder und Dokumente, die keiner Unterseite und keinem Beitrag zugeordnet werden können. Hier kannst du eine Seite angeben, auf die du weiterleiten möchtest, wenn ein verwaistes Bild oder Dokument aufgerufen wird.

Ich empfehle dir, den Link zu deiner Startseite zu hinterlegen.

❌ Externe Links mit “nofollow” [inaktiv]

❌ Bilddatei Links mit “nofollow” [inaktiv]

Diese beiden Einstellungen solltest du für jeden Link separat festlegen und somit deaktivieren. Ich bin der Meinung, dass du auf deiner Website vorrangig hochwertige Links setzen solltest. Wenn du das machst, brauchst du das “nofollow-Tag” nur selten.

✅ Öffne externe Links in einem neuen Tab/Fenster [aktiv]

Wenn du diese Funktion aktivierst, öffnen sich externe Links, das sind Links zu anderen Websites, immer in einem neuen Tab. So bleibt deine Website weiterhin geöffnet, wenn Besucher*innen einen Link auf eine externe Website anklicken.

Deaktivierst du diese Funktion, werden externe Links im gleichen Fenster wie deine Website geöffnet. Und so finden Besucher*innen mit höherer Wahrscheinlichkeit nicht mehr zurück auf deine Website.

📂 Breadcrumbs

❌ Breadcrumbs-Funktion aktivieren [inaktiv]

Entscheide, ob du diese Funktion auf deiner Website verwenden möchtest oder nicht.

Ich persönlich verwende auf meinen Websites keine Breadcrumbs.

Wenn du die Breadcrumbs aktivierst, erscheinen darunter weitere Optionen, um die Darstellung zu individualisieren. Damit die Breadcrumbs auf deiner Website angezeigt werden, musst du diese auf der jeweiligen Unterseite oder im Header oder Footer einfügen.

Wenn du Elementor verwendest, kannst du an der gewünschten Stelle das Element “Shortcode” einfügen und in das Feld den Shortcode hineinkopieren. Dieser Shortcode wird dir bei Rank Math oben angezeigt.

📂 Webmaster-Tools

Dieser Bereich hilft dir bei der Verifizierung von Search Console, Bing Webmaster-Tools und weiteren.

Um diese Tools zu verifizieren, bekommst du von ihnen einen Code, den du hier im jeweiligen Code einfügen kannst. So bestätigst du, dass die Website dir gehört.

weitere Beiträge:
Google Search Console einrichten

Die nächsten 3 Punkte:
▶ Andere
▶ Bearbeiten der robots.txt und
▶ .htaccess Datei bearbeiten)
kannst du überspringen.

📂 Blöcke

Hier kannst du das Inhaltsverzeichnis, das Rank Math dir bietet, einrichten. Wie das funktioniert, zeige ich dir in diesem Beitrag:

👉 So kannst du bei WordPress ein Inhaltsverzeichnis erstellen

📂 404-Monitor

Über den 404-Monitor von Rank Math siehst du, wenn jemand eine nicht (mehr) existierende Seite aufruft. Er hilft dir, um für nicht (mehr) existierende Links eine Weiterleitung einzurichten, so dass deine Besucher*innen bei Eingabe eines Links nicht mehr auf der 404-Seite landen, sondern auf der von dir gewünschten Seite.

Den 404-Monitor kannst du über zwei Wege aufrufen:
▶ linke Seitenleiste im WordPress-Dashboard » Rank Math SEO » 404-Monitor
▶ obere Menü-Leiste in WordPress » Rank Math SEO » 404-Monitor

Ich empfehle dir den einfachen Modus mit einem Protokolllimit von 100, um nicht zu viel Speicherplatz mit den Daten des 404-Monitors zu belegen.

📂 Weiterleitungen

❌ Debug-Umleitungen [inaktiv]

Diese Funktion brauchst du nur, wenn es Probleme mit Weiterleitungen gibt.

📝 Rückfallverhalten

Lege fest, wohin Besucher*innen weitergeleitet werden sollen, wenn sie einen nicht (mehr) existierenden Link aufrufen:

▶ auf deine 404-Fehler-Seite
▶ auf deine Startseite
▶ auf eine andere Unterseite

👉 Standard 404:
Weiterleitung zur vordefinierten 404-Fehler-Seite

Deine 404-Seite kannst du, wenn du Elementor Pro verwendest, über Templates » Theme Builder » Error 404 erstellen und anpassen.

Siehe auch:
So richtest du deine 404-Seite mit Elementor ein

👉 Weiterleitung zur Homepage:
Weiterleitung zur Startseite

👉 individuelle Umleitung:
Weiterleitung zu einem beliebigen Link – falls du die kostenlose Version von Elementor verwendest oder dein Page Builder dir keine Möglichkeit gibt, eine 404-Fehler-Seite zu erstellen, kannst du hier einen individuellen Link hinterlegen.

📝 Umleitungstyp

Wähle hier „301 Permanente Umleitung“ aus. Das ist die Standard-Einstellung für zukünftige Weiterleitungen. Du kannst diese Einstellung für jede Weiterleitung individuell anpassen. Wie du Weiterleitungen einrichtest und wann du welchen Umleitungstyp verwenden sollst, verrate ich dir in einem eigenen Blogbeitrag. Melde dich zum Newsletter an, um darüber informiert zu werden.

✅ Automatische Beitragsumleitung

Aktiviere diese Funktion, damit automatisch eine Weiterleitung erstellt wird, falls du später einen Link für eine Unterseite oder einen Beitrag änderst.

Title & Meta

Klicke im WordPress-Dashboard in der linken Seitenleiste auf » Rank Math SEO » Title & Meta.

📂 Globales Meta

📝 Robots-Meta [Index]

Wähle „Index“ aus, damit deine Unterseiten und Blogbeiträge standardmäßig in Suchmaschinen indexiert werden.

Für einzelne Unterseiten oder Beiträge kannst du in den jeweiligen Einstellungen diese Tags einzeln anpassen und zum Beispiel für deine Impressum- und Datenschutz-Seite den Tag „noindex“ vergeben.

📝 Erweiterte Robots-Meta

Behalte die Standard-Einstellungen bei.

✅ Noindex für leere Kategorie- und Schlagwort-Archive [aktiv]

Für jede Kategorie und jedes Schlagwort, das du anlegst, wird automatisch ein Archiv erstellt. Aktiviere diese Einstellung, damit Kategorie- und Schlagwort-Archive, die keine Beiträge enthalten in Suchmaschinen nicht angezeigt werden. Denn leere Archive können dein Ranking in Suchmaschinen negativ beeinflussen.

📝 Trennzeichen

Lege ein Trennzeichen fest, das für die Darstellung deiner Unterseiten und Beiträge in Suchergebnissen standardmäßig verwendet werden soll.

❌ Titel großschreiben [inaktiv]

Deaktiviere diese Einstellung, um zu verhindern, Dass Jeder Anfangsbuchstaben In Der Darstellung Deiner Suchergebnisse Groß Geschrieben Wird.

📝 OpenGraph Vorschaubild

Füge ein Bild ein, das in Social Media verwendet werden soll, wenn du in einem Beitrag oder auf einer Unterseite kein eigenes Titelbild festgelegt hast.

📝 Twitter-Kartentyp

Wähle aus, in welcher Ansicht deine Website-Links angezeigt werden sollen, wenn jemand deine Website teilt.

📂 Lokales SEO

Fülle alle Felder, so weit wie möglich aus, um deine Suchergebnisse für lokale Suchanfragen zu optimieren. Mach das auch, wenn du, wie ich, keinen festen Standort hast. Die Adresse lässt du in diesem Fall frei.

📂 Social Meta

Füge, wenn vorhanden, die Links zu deiner Facebook-Seite und zu deinem Facebook-Profil ein.

Den nächsten Punkt:
▶ Homepage
kannst du überspringen.

📂 Autoren

📝 Autoren Archive

❌ Wenn auf deinem Blog nur du schreibst oder du keinen Blog hast, kannst du diese Einstellung deaktivieren und zum nächsten Punkt weitergehen.

✅ Wenn du deinen Blog gemeinsam mit anderen Autor*innen befüllst, aktiviere diese Einstellung.

📝 Autorenbasis

Standardmäßig erhalten Autorenarchive den Begriff „author“. So lautet die URL, unter der alle Beiträge eine*r Autor*in gesammelt aufscheinen zum Beispiel: https://anitaschwarz.com/author/anita

In diesem Feld kannst du den Begriff beliebig ändern.

Die weiteren Einstellungen erkläre ich dir weiter unten.

📂 Sonstige Seiten

❌ Datum Archive [inaktiv]

Diese Funktion macht für die meisten Websites keinen Sinn, weil es keine oder sehr wenige Tage geben wird, an denen du mehrere Blogbeiträge veröffentlichst und das Datum keine Relevanz hat.

📝 404-Titel

Hier kannst du den Titel deiner 404-Seite überarbeiten. Dieser wird deinen Besucher*innen im Tab, in dem sie deine Seite geöffnet haben, angezeigt.

Der Code %sep% steht für das Trennzeichen und der Code %sitename% für den Namen deiner Website. Wenn du diese Variablen verwendest, passen sich diese Texte automatisch an, solltest du sie einmal ändern.

Meine Empfehlung:
Seite nicht gefunden %sep% %sitename%

📝 Titel der Suchergebnisse

Hier ist das gleiche gemeint, wie bei der 404-Seite, mit dem Code „%search_query% %page% %sep% %sitename%“ wird meinen Besucher*innen in ihrem Tab der Titel „Suchbegriff | Anita Schwarz“ angezeigt.

Du kannst Änderungen vornehmen, sie anschließend speichern und in einem neuen Tab entweder eine 404-Fehler-Seite aufrufen oder deine Suchfunktion ausprobieren und siehst direkt, wie sich der Titel in deinem Tab ändert.

Meine Empfehlung:
%search_query% %page% %sep% %sitename%

✅ Noindex Suchergebnisse [aktiv]

Diese Einstellung verhindert, dass Suchergebnisse in Suchmaschinen indexiert werden. Ich empfehle dir unbedingt, diese Funktion zu aktivieren, denn Suchergebnis-Seiten sind keine für Suchmaschinen relevanten Inhalte und können sich negativ auf dein Ranking auswirken.

❌ Noindex-Unterseiten [inaktiv]

❌ Noindex Paginierte Einzelseiten [inaktiv]

WordPress bietet dir die Möglichkeit, lange Beiträge, auf mehrere Seiten aufzuteilen. Das machst du, in dem du im Gutenbergeditor den Block „Seitenumbruch“ einfügst.

Wenn du diese Funktion deaktivierst, werden alle Unterseiten einzeln in die Suchergebnisse mit aufgenommen.

✅ Noindex für passwortgeschützte Seiten [aktiv]

Mit dieser Option kannst du entscheiden, ob passwortgeschützte Seiten in Suchmaschinen indexiert werden oder nicht. Ich empfehle dir, diese Einstellung zu aktivieren, damit deine passwortgeschützten Unterseiten nicht in die Suchergebnisse aufgenommen werden.

Denn was machen die Menschen, wenn sie merken, dass diese Seite passwortgeschützt ist?
Sie gehen zurück in die Suchergebnisse und das ist für Suchmaschinen ein Zeichen, dass deine Inhalte nicht relevant sind und das kann dein Ranking in Suchmaschinen verschlechtern.

📂 Beiträge

In diesem Abschnitt geht’s um die Einstellungen, die sich auf deine einzelnen (Blog-)Beiträge auswirken. Hier triffst du die Standard-Einstellungen. Diese kannst du beim Erstellen eines neuen Beitrags für einzelne Beiträge nach Bedarf anpassen.

Falls du (noch) keinen Blog hast, kannst du diesen Abschnitt überspringen und zu den Seiten-Einstellungen wechseln.

📝 Einzelner Beitrag Titel

Erstelle eine Standard-Vorlage für deine Beitragstitel. Die Codes %title%, %sep% usw. helfen dir dabei, so dass sich deine Beitragstitel an deine Beiträge anpassen.

Wenn du auf den kleinen Pfeil rechts im Feld klickst, erhältst du noch mehr Variablen zur Auswahl.

Meine Empfehlung:
%title%

So wird bei deinen Beiträgen ausschließlich der Beitragstitel angezeigt.

📝 Einzelne(r) Beitrag Beschreibung

Hier kannst du eine Vorlage für die Beschreibung deiner Beiträge erstellen. Wie beim Titel hast du die Möglichkeit über das Dropdown-Menü weitere Variablen auszuwählen.

Meine Empfehlung:
%excerpt%

📝 Schema-Typ

Lege einen Standard-Schema-Typ für alle Beiträge fest. Normalerweise sind das Artikel. Sieh dir aber die Auswahl im Dropdown-Menü an, um zu sehen, welche Typen es gibt und ob ein anderer Typ für deine Beiträge besser geeignet ist.

Wenn keiner der Schema-Typen richtig passt, dann verwende:
Artikel

📝 Überschrift

Hier kannst du eine Vorlage für deine Überschriften, wie sie in den Suchergebnissen aufscheinen sollen, erstellen. Auch hier kannst du die Variablen aus der Dropdown-Liste verwenden.

Meine Empfehlung:
%seo_title%

📝 Beschreibung

Hier kannst du eine Vorlage für deine Beschreibungen, wie sie in den Suchergebnissen aufscheinen sollen, erstellen. Wie bei der Überschrift kannst du weitere Variablen auswählen.

Meine Empfehlung:
%seo_description%

📝 Artikel Type

Diese Einstellung siehst du, wenn du oben bei Schema-Typ „Artikel“ ausgewählt hast. Du hast 3 Optionen zur Wahl:

• Artikel
  👉 für längere ausführlichere (Meinungs-)Beiträge zu einem Thema

• Blogbeitrag
  👉 für kürzere (Meinungs-)Beiträge zu einem Thema

• Nachrichtenartikel
  👉 für Beiträge mit sachlichen und faktenbasierten Informationen

❌ Beitrag Robots-Meta [inaktiv]

Wenn du diese Einstellung deaktiviert lässt, werden die Standard-Einstellungen übernommen, die du unter Globales Meta festgelegt hast.

Aktivierst du dieses Feld, kannst du die Einstellungen separat für deine Beiträge festlegen.

✅ Linkvorschläge [aktiv]

Aktivierst du diese Funktion, so macht dir Rank Math angeblich Linkvorschläge. Mir wird allerdings immer dieser Text angezeigt. Falls es bei dir funktioniert, gib mir gerne in den Kommentaren Bescheid.

📝 Linkvorschlag-Titel

Dieses Feld ist nur sichtbar, wenn du die Linkvorschläge aktivierst. Du kannst auswählen, ob du Vorschläge basierend auf dem Titel oder die Fokus-Schlüsselwörter deines Beitrags erhalten möchtest.

Du kannst für jeden Beitrag ein oder mehrere Fokus-Schlüsselwörter festlegen. Fokus-Schlüsselwörter helfen dir, deinen Beitrag mit Rank Math für bestimmte Suchbegriffe (Keywords) zu optimieren.

Das ist zwar ein nützliches Tool, um daran erinnert zu werden, dass du Keywords in Überschriften und Zwischenüberschriften platzierst. Du solltest aber nicht als Ziel haben, deine Beiträge für dieses Tool zu optimieren, sondern für deine Leser*innen.

📝 Primäre Taxonomie

Wähle aus, worüber du deine Beiträge vorrangig ordnen möchtest.

Meine Empfehlung:
Kategorien

✅ Verbessertes Teilen auf Slack [aktiv]

Aktiviere diese Option, damit beim Teilen eines Beitrags in Slack die geschätzte Lesedauer und der Name der*des Autor*in angezeigt wird.

✅ SEO-Steuerelemente hinzufügen [aktiv]

Aktiviere dieses Feld, damit du im Beitrag die Möglichkeit hast, die SEO-Optionen, wie die Texte, die in Suchmaschinen angezeigt werden, anpassen zu können.

✅ Massenbearbeitung [aktiv]

Wenn du die Massenbearbeitung aktivierst, hast du die Möglichkeit, auf der Seite, auf der du alle deine Beiträge aufgelistet findest, folgende Einstellungen für einen oder mehrere Beiträge anzupassen:

• Fokus-Schlüsselwort
• SEO-Titel
• SEO-Beschreibung

Vor allem, wenn du Rank Math bisher nicht genutzt hast und schon mehrere Beiträge erstellt hast, ist diese Option praktisch, um SEO-Titel und SEO-Beschreibung schnell anzupassen, ohne jeden Beitrag separat zu öffnen. Dazu klickst du einfach in der jeweiligen Spalte auf das Stift-Symbol.

📝 Individuelle Felder

Dieses Feld kannst du leer lassen.

📂 Seiten

📝 Einzelne Seite Titel

Wie unter den Beiträgen kannst du hier eine Vorlage für den standardmäßigen Titel deiner Unterseiten einrichten.

Wenn du auf den kleinen Pfeil rechts im Feld klickst, erhältst du noch mehr Variablen zur Auswahl.

Meine Empfehlung:
%title% %sep% %sitename%

So werden für deine Seiten der Seitentitel, dein festgelegtes Trennzeichen und der Name deiner Website angezeigt.

Für manche Unterseiten macht es auf jeden Fall Sinn, diesen Namen individuell anzupassen. Das machst du in den Seiteneinstellungen.

Für die nächsten Einstellungen liste ich dir meine Empfehlungen auf.
Die jeweilige Beschreibung dazu kannst du oben unter den Einstellungen für die Beiträge nachlesen. Hier hast du die selben Optionen, aber nicht für Blogbeiträge, sondern für deine Unterseiten, wie deine Über mich-Seite & Co.

📝 Einzelne Seite Beschreibung

Meine Empfehlung:
%excerpt%

📝 Schema-Typ

Wenn keiner der Schema-Typen richtig passt, dann verwende:
Artikel

📝 Überschrift

Meine Empfehlung:
%seo_title%

📝 Beschreibung

Meine Empfehlung:
%seo_description%

📝 Artikel Type

Meine Empfehlung:
Artikel

❌ Beitrag Robots-Meta [inaktiv]

Wenn du diese Einstellung deaktiviert lässt, werden die Standard-Einstellungen übernommen, die du unter Globales Meta festgelegt hast.

Aktivierst du dieses Feld, kannst du die Einstellungen separat für deine Unterseiten festlegen.

✅ Linkvorschläge [aktiv]

📝 Linkvorschlag-Titel

Meine Empfehlung:
Probiere es selbst aus.

✅ Verbessertes Teilen auf Slack [aktiv]

✅ SEO-Steuerelemente hinzufügen [aktiv]

✅ Massenbearbeitung [aktiv]

📝 Individuelle Felder

Meine Empfehlung:
leer lassen

Die nächsten 2 Punkte:
▶ Anhänge
▶ Startseiten
kannst du überspringen.

📂 Kategorien

Die Einstellungen sind denen unter den Beiträgen ähnlich, weshalb ich nicht mehr tiefer darauf eingehe. Hier sind die Einstellungen auf deine Kategorie-Unterseiten bezogen. Also die Seite, auf der deine Blogbeiträge einer bestimmten Kategorie angezeigt werden.

Falls du (noch) keinen Blog hast, kannst du diesen und den nächsten Abschnitt überspringen und zu den Sitemap-Einstellungen wechseln.

📝 Kategorie Archiv-Titel

Meine Empfehlung:
%term% %sep% %sitename%

Anstatt %sitename% eignet sich hier der Name deines Blogs. Den kannst du einfach an dieser Stelle eintippen.

📝 Kategorie Archiv-Beschreibungen

Meine Empfehlung:
%term_description%

❌ Beitrag Robots-Meta [inaktiv]

Wenn es dir zu viel Aufwand ist, für alle deine Kategorie-Seiten eine aussagekräftige Beschreibung zu erstellen, kannst du diese auch von der Indexierung ausnehmen lassen.

Dazu aktivierst du dieses Feld und wählst unter „Kategorie Archive Roboter-Meta“ die Option „kein Index“ aus.

✅ Verbessertes Teilen auf Slack [aktiv]

✅ SEO-Steuerelemente hinzufügen [aktiv]

❌ Snippet-Daten entfernen [inaktiv]

📂 Schlagwörter

Für deine Blogbeiträge kannst du auch Schlagwörter vergeben. Für diesen Beitrag, den du jetzt liest, könnten das zum Beispiel sein Rank Math, SEO, Website optimieren, WordPress, …

Falls du (noch) keinen Blog hast oder keine Schlagwörter für deine Beiträge nutzt, kannst du diesen Abschnitt überspringen und zu den Sitemap-Einstellungen wechseln.

Wenn du mit Schlagwörtern arbeitest und deine Schlagwort-Archive für Suchmaschinen optimieren möchtest, solltest du zu jedem Schlagwort eine aussagekräftige Beschreibung erstellen. Die Einstellungen kannst du genauso, wie oben bei den Kategorien vornehmen.

Hast du dazu keine Zeit, empfehle ich dir, die Schlagwort-Archive von der Indexierung in Suchmaschinen auszunehmen. So verhinderst du, dass nicht relevante Seiten dein allgemeines Ranking in Suchmaschinen verschlechtern.

Im folgenden Screenshot zeige ich dir die Einstellungen, um die Schlagwort-Archive von der Indexierung auszunehmen.

✅ Beitrag Robots-Meta [aktiv]

Wenn du dieses Feld aktivierst, erscheint darunter eine weitere Option…

📝 Kategorie Archive Roboter-Meta

Wähle „Kein Index“ aus, damit deine Schlagwort-Archive von der Indexierung ausgenommen werden.

Sitemap-Einstellungen

Klicke im WordPress-Dashboard in der linken Seitenleiste auf » Rank Math SEO » Sitemap-Einstellungen.

📂 Allgemein

Hier findest du oben den Link zu deinem Sitemap-Index. Dieser Link hilft dir, deine Beiträge und Unterseiten in Suchmaschinen zu indexieren. Darin befindet sich ein Verzeichnis mit allen Links zu deinen Unterseiten, die du in Suchmaschinen indexieren möchtest.

Mit dem Tag „noindex“ kannst du einzelne Seiten oder Beiträge von der Sitemap ausschließen, damit sie in Suchmaschinen nicht indexiert werden.

📝 Links pro Sitemap

Lass am besten die Standard-Einstellung von 200. Die empfiehlt Rank Math, weil sie beobachtet haben, dass Google besser auf kleinere Sitemaps reagiert.

✅ Bilder in Sitemaps [aktiv]

Aktiviere diese Option, damit deine Bilder in der Bilder-Suche von Suchmaschinen gefunden werden können.

✅ Ausgewählte Bilder einbinden [aktiv]

Lege fest, ob Suchmaschinen die Möglichkeit haben sollen, deine Beitragsbilder in den Suchergebnissen anzuzeigen.

📝 Beiträge ausschließen

Über diese Option kannst du einzelne Beiträge von der Sitemap ausschließen. Ich empfehle dir, das Feld leer zu lassen und das über die Beitragseinstellungen und den Tag „noindex“ zu regeln.

📝 Begriffe ausschließen

Hier kannst du einzelne Kategorien von der Sitemap ausschließen. Ich empfehle dir, das Feld leer zu lassen und das über die Einstellungen in den Kategorien und den Tag „noindex“ zu regeln.

So sieht eine XML-Sitemap beispielsweise aus:

Du kannst sie über den Link deinedomain.com/sitemap_index.xml erreichen.

Hinter dem Link /post-sitemap.xml findest du eine Übersicht über deine zu indexierenden Beiträge und unter /page-sitemap.xml über deine zu indexierenden Unterseiten.

📂 HTML-Sitemap

✅ HTML-Sitemap [aktiv]

Aktiviere diese Option, damit Rank Math nicht nur eine XML-Sitemap, sondern auch eine HTML-Sitemap deiner Website erstellt.

Eine HTML-Sitemap ermöglicht dir, deine Website-Inhalte übersichtlich für deine Besucher*innen aufzulisten.

Du kannst damit schnell und einfach ein Inhaltsverzeichnis deiner gesamten Website erstellen.

📝 Anzeige-Format

Wähle aus, ob du deine HTML-Sitemap als Shortcode verwenden oder auf einer eigenen Seite anzeigen lassen möchtest.

📝 Sortieren nach

Wähle aus, wonach du die Links in deiner Sitemap sortieren möchtest.

📝 Datum anzeigen

Entscheide, ob du das Veröffentlichungsdatum in deiner Sitemap anzeigen möchtest.

📝 Titel der Einträge

Hier kannst du auswählen, ob du den Titel deiner Seiten und Beiträge oder den SEO-Titel anzeigen möchtest.

So sieht eine HTML-Sitemap beispielsweise aus:

Du kannst sie über die Seite, die du unter Anzeige-Format ausgewählt hast oder über die Integration eines Shortcodes erreichen.

📂 Beiträge

Hier findest du oben den Link zu der Sitemap für deine Beiträge.

✅ In die Sitemap aufnehmen [aktiv]

Aktiviere diese Option, damit deine Beiträge (nicht Unterseiten) in deine XML-Sitemap aufgenommen werden.

✅ In HTML-Sitemap einbinden [aktiv]

Aktiviere diese Option, damit deine Beiträge (nicht Unterseiten) in deine HTML-Sitemap aufgenommen werden.

📝 Individuelle Bildfelder

Dieses Feld kannst du frei lassen.

📂 Seiten

Hier findest du den Link zur XML-Sitemap für deine Unterseiten. Diesen Link solltest du in der Google Search Console einreichen, um deine Website schnell und vollständig bei Google zu indexieren.

✅ In die Sitemap aufnehmen [aktiv]

Aktiviere diese Option, damit deine Unterseiten in deine XML-Sitemap aufgenommen werden.

✅ In HTML-Sitemap einbinden [aktiv]

Aktiviere diese Option, damit deine Unterseiten in deine HTML-Sitemap aufgenommen werden.

📝 Individuelle Bildfelder

Dieses Feld kannst du frei lassen.

Die nächsten 2 Punkte:
▶ Anhänge
▶ Startseiten
kannst du überspringen.

📂 Kategorien & Schlagwörter

Wenn du keinen Blog hast, kannst du diesen Schritt überspringen. Ansonsten empfehle ich dir, dich zu entscheiden, ob du lieber mit Kategorien oder Schlagwörter arbeiten möchtest. Ich persönlich finde Kategorien einfacher und übersichtlicher.

Hier findest du die Links zu den XML-Sitemaps für deine Kategorie- und Schlagwörter-Archive.

📝 In die Sitemap aufnehmen

Aktiviere diese Einstellung, wenn du möchtest, dass deine Schlagwort- bzw. Kategorie-Archive in Suchmaschinen gefunden werden.

📝 In HTML-Sitemap einbinden

Aktiviere diese Option, damit deine Schlagwort- bzw. Kategorie-Archive in deine HTML-Sitemap aufgenommen werden.

Mit dieser Anleitung legst du die technische Basis für deine Sichtbarkeit in Suchmaschinen.

Häufig sehe ich, dass Plugins einfach nur auf der Website installiert werden. Bei manchen Plugins ist das auch ausreichend. Doch meistens kannst du mit den richtigen Einstellungen noch viel mehr raus holen. Klar, es braucht ein bisschen Zeit. Aber bei einem Plugin wie Rank Math, das die hilft, in Suchmaschinen besser gefunden zu werden, lohnt sich das auf jeden Fall.

Wenn du noch Fragen hast, schreib sie mir gerne entweder als Kommentar oder per Mail an hallo@anitaschwarz.com.

Du bist im Online-Business unterwegs? Dann hast du bestimmt schon öfter von Landingpage und Salespage gehört. In diesem Beitrag erkläre ich dir, wann eine Internetseite als Landingpage und wann als Salespage bezeichnet wird.

Außerdem zeige ich dir, wie du deine Landing- & Salespages aufbauen kannst, damit du genau weißt, welche Elemente an welche Stelle sollen. Das erleichtert dir das Erstellen enorm.

Unterschied – Landingpage & Salespage

Was ist eine Landingpage?

Eine Landingpage (Lande- bzw. Zielseite) ist eine Unterseite auf einer Website, die Besucher*innen zu einer festgelegten Handlung (Marketingziel) bewegen soll.

Mögliche Marketingziele:

• Anmeldung für einen Newsletter
• Ausfüllen eines Kontaktformulars
• Kennenlerngespräch vereinbaren
• Download eines 0 €-Produkts
• Eintragung auf Warteliste

Was ist eine Salespage?

Eine Salespage (Verkaufsseite) ist eine spezielle Art von Landingpage, die das Ziel hat, ihren Besucher*innen ein Angebot gegen Geld zu verkaufen. Eine Salespage ist also auch eine Landingpage, aber eine Landingpage ist nicht immer eine Salespage, sondern erst, wenn du dein Angebot gegen Geld verkaufst.

Mögliche Marketingziele:

• Verkauf von Dienstleistungen, Beratung, Coaching, …
• Verkauf von Online-Kursen, E-Books, Workshops, Vorlagen, Membership, …

Die Unterschiede

Eine Salespage ist meistens länger als eine Landingpage, weil von den Besucher*innen mehr, als ihre E-Mail-Adresse oder ihre Kontaktdaten gefordert wird. Besucher*innen müssen überzeugt werden, dass sich eine Investition für sie lohnt und das Angebot seinen Preis wert ist.

Die Gemeinsamkeiten

Sowohl Landingpage, als auch Salespage verfolgen ein einziges Ziel.

Aus diesem Grund wird üblicherweise auf Header und Footer verzichtet, um Besucher*innen nicht abzulenken und zum festgelegten Ziel zu führen. Im Footer sind deshalb üblicherweise nur Impressum, Datenschutz und evtl. AGB zu finden.

Vorlage für den Landingpage-Aufbau

Klicke hier und sieh dir die gesamte Landingpage-Vorlage an.

Elemente einer Landingpage

1. Logo

Falls du ein Logo hast, setze es ganz oben hin. So, dass es gut erkennbar und nicht zu groß ist. Es schafft Vertrauen und zeigt deinen Besucher*innen, wo sie sich befinden.

Die Navigationsleiste blendest du auf einer Landingpage typischerweise aus, um nicht vom eigentlichen Ziel abzulenken.

2. Above-the-Fold

Als „Above the Fold“ bezeichnet den Bereich, der beim Aufruf deiner Landingpage dargestellt wird, bevor Besucher*innen beginnen zu scrollen.

Platziere hier eine überzeugende Überschrift und eine Unterüberschrift. Kommuniziere in diesem Bereich unbedingt den Nutzen, den deine Besucher*innen erwarten können, wenn sie die gewünschte Handlung (Newsletter-Anmeldung, 0 €-Produkt holen, …) ausführen.

Wenn du ein Bild von deinem Produkt hast, dann platziere es daneben. Oder verwende ein Bild von dir. Wenn du das Bild in den Hintergrund setzen willst, achte darauf, dass die Schrift gut lesbar bleibt.

Fragen, die du hier beantworten kannst:

❔ Was ist der größte Nutzen für deine*n Wunschkund*in?

❔ Für wen ist dein Angebot?

3. Optional: Trust-Symbole

Trust-Symbole sind Logos von Unternehmen oder Selbständigen, mit denen du bereits zusammengearbeitet hast oder im Blog oder einer Podcast-Folge als Expertin für dein Thema zu Gast warst.

4. Optional: Ausgangspunkt

Beschreibe die aktuelle Situation (Herausforderungen, Probleme, Sorgen, Zweifel) deiner Wunschkund*innen.

Zeige damit, dass du die Probleme deiner Zielgruppe kennst und verstehst.

Fragen, die du hier beantworten kannst:

❔ Welche konkreten Probleme, Herausforderungen, Sorgen und/oder Zweifel hat dein*e Wunschkund*in (jeden Tag)?

5. Vorstellung der Lösung

Zeige deinen Besucher*innen die Lösung, die du für sie hast. Gehe dabei nicht (nur) auf die Inhalte deiner Lösung ein, sondern vor allem auf die Vorteile (Nutzen) für deine Zielgruppe. Frag dich bei jeder Aussage, welchen Nutzen sich andere davon erwarten können.

Fragen, die du hier beantworten kannst:

❔ Was wünscht sich dein*e Wunschkund*in?

❔ Welchen konkreten Nutzen hat dein Angebot für deine*n Wunschkund*in?

6. Handlungsaufforderung (Call to Action)

Zeig deinen Besucher*innen, wie sie sich diese Lösung holen können. Platziere hier dein Anmelde-Formular, Terminbuchungs-Tool, Kontaktformular, … oder verlinke mit einem Anker-Link zu diesem am Ende deiner Landingpage.

Mach es deinen Website-Besucher*innen so einfach, wie möglich, die Handlung auszuführen, die du dir von ihnen wünschst.

Fragen, die du hier beantworten kannst:

❔ Wie kann ich es meinen Besucher*innen besonders einfach machen?

7. Testimonial(s)

Zeige aussagekräftige Testimonials von Menschen, für die dein Angebot in der Vergangenheit hilfreich war.

8. Optional: Inhalte

Wenn dein Angebot umfangreicher ist, es einen konkreten Ablauf oder feste Termine gibt, dann kannst du dafür einen eigenen Abschnitt erstellen.

Fragen, die du hier beantworten kannst:

❔ Was beinhaltet dein Angebot konkret?

❔ Wie ist der genaue Ablauf? Gibt es feste Termine? Wenn ja, wann finden diese statt?

9. Vorstellung von dir

Zeige ein Foto von dir und erzähle von deiner eigenen Transformation, wenn du die gleichen Herausforderungen wie deine Zielgruppe hattest. Oder stell dich kurz vor und erkläre, warum du die Lösung für deine Besucher*innen hast.

Fragen, die du hier beantworten kannst:

❔ Warum kannst du deine*r Wunschkund*in helfen?

❔ Welche Fähigkeiten und Erfahrungen machen dich zur richtigen Person für deine*n Wunschkund*in?

❔ Welches Detail sollte dein*e Wunschkund*in von dir Wissen?

10. Letzte Handlungsaufforderung

Setze ganz unten auf deiner Landingpage einen letzten Button, der deine Besucher*innen auffordert, die gewünschte Handlung auszuführen und mach erneut den Nutzen klar.

Platziere ein weiteres Mal dein Anmelde-Formular, Terminbuchungs-Tool, Kontaktformular, …

Beispiele:

• Lade dir … herunter und starte …
• Vereinbare ein Kennenlern-Gespräch und erhalte Klarheit darüber, …
• Melde dich zum Newsletter an und erhalte wöchentlich …

11. Datenschutz & Impressum

Wie jede Unterseite muss auch jede Landingpage einen Link zu deiner Datenschutzerklärung und zu deinem Impressum enthalten.

Vorlage für den Salespage-Aufbau

Eine Salespage ist normalerweise länger als eine Landingpage. Denn mit ihr willst du Besucher*innen überzeugen, Geld in dein Angebot zu investieren. Damit dir das gelingt solltest du immer darauf achten, dass du den Nutzen deines Angebots besonders hervorhebst. Nicht nur das, was alles drinsteckt.

Es ist schön, dass du in deinem Online-Kurs 20 Videos, ein Workbook mit 50 Seiten, anpassbare Vorlagen, … mitlieferst, aber was bringen diese Inhalte deinen Kund*innen?

Klicke hier und sieh dir die gesamte Salespage-Vorlage an.

Elemente einer Salespage

1. Logo

Falls du ein Logo hast, setze es ganz oben hin. So, dass es gut erkennbar und nicht zu groß ist. Es schafft Vertrauen und zeigt deinen Besucher*innen, wo sie sich befinden.

2. Navigation

Deaktiviere den üblichen Header auf deiner Salespage, damit deine Besucher*innen nicht vom Ziel deiner Salespage abgelenkt werden. Stattdessen kannst du dir überlegen, ob du eine Navigation für deine Landingpage einrichten möchtest. Darüber kannst du mithilfe von Anker-Links zum Beispiel zum Preis, den Testimonials oder einem FAQ-Bereich verlinken.

Mach das am besten ganz zum Schluss, wenn alle anderen Inhalte fertig sind.

3. Above-the-Fold

Mit „Above the Fold“ ist der Bereich gemeint, der beim Aufruf einer Webseite dargestellt wird, bevor deine Besucher*innen zum Scrollen beginnen.

Hier solltest du den größten Nutzen für Kund*innen deines Produkts oder deiner Dienstleistung kommunizieren. Außerdem kannst du deine Zielgruppe benennen, damit sich potenzielle Kund*innen angesprochen fühlen.

Im Hintergrund oder daneben ist Platz für ein passendes Bild oder ein Bild von deinem Produkt. Wenn du ein Bild in den Hintergrund setzt, pass auf, dass die Schrift gut lesbar bleibt.

Fragen, die du hier beantworten kannst:

❔ Was ist der größte Nutzen für deine*n Wunschkund*in?

❔ Welches Ergebnis bekommt deine*n Wunschkund*in?

❔ Wer ist deine*n Wunschkund*in?

❔ Was ist das größte Hindernis deiner*s Wunschkund*in?

❔ Was ist der größte Wunsch deiner*s Wunschkund*in?

4. Optional: Trust-Symbole

Platziere Logos von Unternehmen oder Selbständigen bei denen du im Blog oder Podcast zu Gast warst, oder mit denen du zusammengearbeitet hast.

5. Ausgangspunkt

Beschreibe die Situation (Herausforderungen, Probleme, Sorgen, Zweifel) deiner Wunschkund*innen, die dein Angebot brauchen. Versuche nicht, jede*n anzusprechen, sondern werde ganz konkret.

Auf Salespages werden Schmerzpunkte oft besonders lebendig ausgeführt. So werden die Zweifel und Probleme der Menschen größer gemacht und es wird ihnen eine Welt ausgemalt, wie sie sein würde, wenn sie ihre Herausforderung jetzt nicht lösen.

Das ist eine Marketing-Methode, die zwar funktioniert, sich für mich aber nicht richtig anfühlt. Deshalb achte ich darauf, Schmerzpunkte nur kurz zu benennen, um zu zeigen, dass ich meine Wunschkund*innen verstehe und ihnen an diesem Punkt helfen kann.

Fragen, die du hier beantworten kannst:

❔ Welche konkreten Probleme, Herausforderungen, Sorgen und/oder Zweifel hat dein*e Wunschkund*in (jeden Tag)?

❔ Was hält deine*n Wunschkund*in aktuell noch zurück?

6. Wunschszenario

Und jetzt mach das Gleiche nochmal, aber mit der Situation, zu der du deinen Wunschkund*innen mit deinem Angebot hilfst. Schreibe das in einer bildhaften Sprache. Wenn du dich, so wie ich, nicht besonders sicher im bildhaften Schreiben fühlst, nimm ChatGPT zur Hilfe und probiere mal diesen Prompt:

Du bist Metaphern-Generator.
Du generierst einzigartige, lebendige, einleuchtende Metaphern, Analogien und Vergleiche, um komplexe Konzepte leicht verständlich zu machen.

Ich nenne dir ein Konzept, du generierst dafür jeweils 3 Metaphern, 3 Analogien und 3 Vergleiche.

Erstes Konzept: [Website-Probleme als Selbständige]

In diesem Abschnitt ist dein Ziel, bei deinen Leser*innen ein „Haben-wollen-Gefühl“ zu erzeugen.

Fragen, die du hier beantworten kannst:

❔ Welche konkreten Wünsche hat dein*e Wunschkund*in?

❔ Welche Transformation wünscht sich dein*e Wunschkund*in?

❔ Was will dein*e Wunschkund*in erreichen?

7. Vorstellung

Wenn du die Herausforderungen deiner Wunschkund*innen selbst durchlebt hast, erzähle von deiner eigenen Transformation. Oder mach klar, warum du die Richtige bist, um ihnen aus ihrer aktuellen Situation beim Erreichen ihres Wunschszenarios helfen kannst.

Stelle dich außerdem selbst in wenigen Worten und mit einem Foto vor. Und lass Details deiner Persönlichkeit, die dich ausmachen, mit einfließen.

Fragen, die du hier beantworten kannst:

❔ Warum kannst du deine*r Wunschkund*in helfen?

❔ Was kann dein*e Wunschkund*in von dir lernen?

❔ Welche Fähigkeiten und Erfahrungen machen dich zur richtigen Person für deine*n Wunschkund*in?

❔ Welches Detail sollte dein*e Wunschkund*in von dir Wissen?

❔ Welche Erfolge hast du in deinem Themen-Bereich bereits erzielt?

8. Angebot-Vorstellung

Stelle dein Produkt vor, mit dem du deinen Wunschkund*innen hilfst, ihr Wunschszenario zu erreichen. Nenne die emotionalen Vorteile deines Angebots. Eine Kaufentscheidung hat meistens emotionale Gründe, keine rationalen. Die rationalen Fakten, wie Ablauf, Inhalte, Umfang, … kommen später.

Platziere hier, wenn möglich, ein Bild von deinem Produkt und einen Kaufen-Button für alle, die bereits wissen, dass sie dein Angebot haben wollen. Mit einem Anker-Link kannst du zum Beispiel auf ein Buchungsformular weiter unten auf deiner Website verlinken.

Fragen, die du hier beantworten kannst:

❔ Welche emotionalen Vorteile bringt dein Angebot deiner*m Wunschkund*in?

❔ Wie kannst du dein Angebot optisch ansprechend darstellen?

9. Ergebnisse

Beschreibe, wie dein Produkt das Leben deiner Wunschkund*innen verbessern wird. Noch immer geht es nicht um die Inhalte deines Angebots, sondern weiterhin um den Nutzen für deine Kund*innen.

Fragen, die du hier beantworten kannst:

❔ Was wird sich für deine*n Wunschkund*in mit deinem Angebot verändern?

❔ Wie fühlt sich dein*e Wunschkund*in mit diesem Angebot?

10. Testimonial(s)

Zeige ein oder mehrere aussagekräftige Testimonials von Kund*innen. Hebe die wichtigsten Aussagen hervor. Achte darauf, dass deine Testimonials nicht zu lange sind. Verwende gegebenenfalls nur Auszüge davon.

11. Inhalte

Jetzt geht’s endlich um die Inhalte deines Angebots. Gib einen konkreten Einblick über die Bestandteile (Module, Kapitel, Vorlagen, Checklisten, Umfang, Dauer, Ablauf, …).

Kombiniere jedes Feature mit dem Nutzen (Benefit) für deine Kund*innen.

Beispiele:

• 25 kurze Videos (je 5-10 Minuten) in denen du praktische Tipps bekommst, die du direkt anwenden kannst, um …
• 3 1:1-Calls, in denen ich dich bei … unterstütze, damit du …
• 11 Vorlagen, die dir helfen, … noch heute / so schnell wie möglich umzusetzen.

Fragen, die du hier beantworten kannst:

❔ Was beinhaltet dein Angebot konkret?

❔ Wie lange haben Kund*innen Zugriff?

❔ Gibt es Live-Termine oder 1:1-Calls? Wenn ja, wann finden diese statt?

❔ Welchen Nutzen haben die einzelnen Inhalte für deine Kund*innen?

12. Investition

In diesem Abschnitt nennst du den Preis bzw. die Preise, wenn es mehrere Varianten (z.B. Ratenzahlung oder VIP-Paket) gibt. Liste die in der jeweiligen Variante enthaltenen Inhalte übersichtlich auf. So, dass man die einzelnen Varianten gut miteinander vergleichen kann.

Zudem kannst du eine Sicherheit, wie zum Beispiel eine Geld-zurück-Garantie oder einen kostenlosen Testzeitraum kommunizieren, wenn du das anbietest.

Wenn du dein Angebot in mehreren Varianten anbietest, sollte jeder Button auf deiner Salespage zu diesem Abschnitt führen. Hier sehen deine Besucher*innen den Preis und können sich zwischen verschiedenen Varianten deines Angebots entscheiden.

Von hier aus kannst du auf deinen Zahlungsanbieter verlinken. Ich nutze ThriveCart*, weil dort keine monatlichen Gebühren und auch keine Gebühren bei einem Verkauf fällig werden. Zusätzlich ist bei ThriveCart* eine Lernplattform (ThriveLearn) inkludiert.

Fragen, die du hier beantworten kannst:

❔ In welchen Varianten willst du dein Produkt anbieten?

❔ Welche Variante soll welchen Preis haben?

❔ Was genau ist in welcher Variante enthalten?

❔ Kannst bzw. willst du eine Sicherheit geben, wie z.B. eine Geld-zurück-Garantie?

13. Optional: Bonus-Inhalte

Wenn dein Angebot Bonus-Inhalte enthält, die es sinnvoll ergänzen, kannst du diese in einem eigenen Abschnitt anführen. Achte dabei darauf, dass du, wie im Abschnitt mit dem Angebots-Inhalt, für jedes Feature den Nutzen für deine*n Kund*in hervorhebst. Denn es ist wichtig, dass sie den Nutzen deines Angebots verstehen.

Mögliche Bonus-Inhalte:

• Vorlagen, die dir wertvolle Zeit ersparen
• Checklisten, die dich keinen wichtigen Schritt vergessen lassen
• Aufzeichnungen, damit du die Inhalte in deinem Tempo schauen kannst

Fragen, die du hier beantworten kannst:

❔ Welche Bonus-Inhalte kannst bzw. willst du anbieten, die dein Angebot sinnvoll ergänzen können?

❔ Welchen Nutzen haben die einzelnen Bonus-Inhalte für deine Kund*innen?

14. Zusammenfassung

Fasse nochmal in wenigen Punkten zusammen, was dein*e Kund*in mit dem Kauf deines Angebots bekommt. Und setze einen Button, über den potenzielle Kund*innen zum Abschnitt Investition mit den verschiedenen Preis-Varianten oder direkt zur Buchungs-Seite gelangen.

Manipulative Marketing-Techniken vs. ethisches Marketing

Oft sieht man Auflistungen, in denen dargestellt wird, welchen Wert die einzelnen Inhalte haben. Häufig mit Zahlen, bei denen ich mich frage, woher diese stammen. Am Ende der Rechnung steht ein Gesamtwert von beispielsweise 3.000 €. Dem gegenüber wird der Angebots-Preis für das gesamte Paket von nur 590 € gestellt. Im Gegensatz zum „Gesamtwert“ erscheint dieser nun gering.

Wenn du ethisches Marketing betreiben willst, verzichte darauf oder verwende realistische Beträge, die du für die einzelnen Bestandteile tatsächlich verrechnen würdest.

15. weitere Testimonials

Zeige weitere aussagekräftige Testimonials von Kund*innen. Markiere wieder die wichtigsten Aussagen. Achte darauf, dass deine Testimonials nicht zu lange sind und nur das Wichtigste enthalten. Verwende gegebenenfalls Auszüge davon.

16. Kriterien

Definiere 3-6 Kriterien, für wen dein Angebot gemacht ist und für wen es nicht das richtige ist.

Fragen, die du hier beantworten kannst:

❔ Für wen ist dein Angebot gemacht?

❔ Für wen ist dein Angebot nicht?

❔ Wozu sollten Käufer*innen bereit sein?

❔ Was könnten Menschen erwarten, das du in deinem Angebot nicht erfüllst?

❔ An welchem Punkt stehen Menschen, für die dein Angebot (nicht) richtig ist?

17. Optional: Garantie / Sicherheit

Wenn du eine Geld-zurück-Garantie oder einen Test-Zeitraum anbieten willst, dann kannst du in einem eigenen Abschnitt nochmal extra darauf hinweisen.

18. FAQ-Bereich

Im FAQ-Bereich kannst du zweifelnden Besucher*innen zu verstehen geben, dass sie mit deinem Angebot das bekommen, was sie brauchen.

Frage dich, welche Fragen potenzielle Kund*innen noch haben könnten. Gibt es Fragen, die dir in Kennenlerngesprächen häufig gestellt werden?

Damit dieser Bereich nicht zu lange und unübersichtlich wird, kannst du dafür ein Akkordeon- bzw. Umschalter-Element verwenden.

Fragen, die du hier beantworten kannst:

❔ Wie ist der Ablauf?

❔ Benötige ich Vorkenntnisse?

❔ Ich habe bereits …, ist das Angebot für mich geeignet?

❔ Wie lange habe ich Zugriff auf die Inhalte?

❔ Wie viel Zeit werde ich benötigen, um die Inhalte durchzuarbeiten?

❔ Was brauche ich, um …?

❔ Kommen weitere Kosten auf mich zu?

19. Letzte Handlungsaufforderung

Setze ganz unten auf deiner Salespage einen letzten Kauf-Button. Je nach Preis deines Angebots entscheiden sich viele erst ganz am Ende, auf „Kaufen“ zu klicken.

Erkläre ein letztes Mal, welches Problem dein Angebot für deine Kund*innen löst. Fasse die wichtigsten Punkte zusammen und setze einen Kaufen-Button, der entweder zur Buchungsseite oder mittels Anker-Link zum Abschnitt mit den verschiedenen Preis-Varianten führt.

20. Datenschutz & Impressum

Jede Unterseite deiner Website muss einen Hinweis zur Datenschutzerklärung und deinem Impressum enthalten. Verlinke unten diese beiden Seiten und falls du hast deine AGB.

Wie lange sollte eine Salespage sein?

Wenn du dich im Bereich Online-Business bewegst, dann hast du bestimmt schon gefühlt endlos lange Salespages gesehen. Eine Salespage muss aber nicht unbedingt so lange sein.

Ziel deiner Salespage ist, dass du den Menschen, die auf ihr landen, hilfst, eine Entscheidung zu treffen. Dafür stellst du ihnen auf ihr alle notwendigen Infos bereit.

Halte deine Salespage, wie alle anderen Texte auf deiner Website, so kurz wie möglich und so lange, wie nötig. Hast du ein kleines Produkt mit wenigen Inhalten, wird deine Salespage kürzer sein als für ein sehr umfangreiches und hochpreisiges Produkt.

Wie deine Besucher*innen deine Salespage lesen, ist ganz unterschiedlich. Manche überfliegen die Texte oder suchen direkt den Kaufen-Button, weil sie sowieso bereits entschieden haben, dass sie dein Produkt buchen wollen. Solche Kund*innen bekommst du zum Beispiel über deinen Newsletter.

Andere sind sich unsicher, ob dein Angebot für sie richtig ist. Öffnen jedes einzelne Akkordeon und lassen die Seite auch mal 3 Tage in ihrem Browser geöffnet, bis sie eine Entscheidung für oder gegen dein Angebot getroffen haben.

Teste Neues aus!

Jetzt weißt du, wie Sales- und Landinpages aufgebaut werden. Aber fühl dich bitte nicht gezwungen, dich immer an diese Vorlage zu halten. Sondern trau dich ruhig, Dinge anders zu machen, damit sich deine Landingpage von anderen abhebt.

Hat dir der Beitrag geholfen?

Verlinke die letzte Sales- oder Landingpage, die du erstellt hast, unten in den Kommentaren.

Die Ladezeit deiner Website ist ein entscheidender Faktor für die Sichtbarkeit in Suchmaschinen und die Benutzererfahrung deiner Besucher*innen. Je schneller deine Website lädt, desto besser sind deine Chancen, in den Suchergebnissen aufzutauchen und deine Besucher*innen auf deiner Website zu halten.

In diesem Beitrag zeige ich dir 5 praktische Tipps, mit denen du die Ladezeit deiner Website verbessern kannst. Aber bevor wir dazu kommen, lass uns darüber sprechen, warum es so wichtig ist, deine Website schneller zu machen, und wie du herausfindest, wie schnell sie aktuell lädt.

3 Gründe, warum du deine Website schneller machen solltest:

1. Eine kurze Ladezeit sorgt dafür, dass deine Besucher*innen deine Website überhaupt sehen.

Wenn deine Website zu langsam lädt, verschwinden deine Besucher*innen, bevor deine Website überhaupt fertig geladen wurde.

2. Suchmaschinen platzieren deine Website weiter vorne, wenn sie schnell lädt.

Dieser Punkt steht in Verbindung mit Punkt 1. Denn Google und Co wollen ihre Nutzer*innen zufriedenstellen. Und dafür trägt eine schnelle Ladezeit einen wichtigen Teil bei.

3. Eine schnelle Website ist nachhaltiger.

Für die Speicherung und das Aufrufen deiner Website ist Energie notwendig und verursacht so CO₂. Je schneller deine Website lädt, umso weniger Speicherplatz nimmt sie ein und es werden bei ihrem Aufruf weniger Daten übertragen. Folglich ist ihr CO₂-Abdruck geringer.

Finde heraus, wie schnell bzw. langsam deine Website lädt:

Es gibt viele Tools, die dir helfen, die Geschwindigkeit deiner Website zu messen. Ich empfehle dir das Tool Bulk PageSpeed Test von Experte.de, weil du dort die Ergebnisse für alle deine Unterseiten auf einem Blick sehen kannst.

Öffne den Link am besten zweimal und teste in einem Tab die Geschwindigkeit deiner Desktopversion und in einem zweiten Tab die deiner Mobilversion. Bis du alle Ergebnisse hast, dauert es, je nach Umfang deiner Website, einige Minuten.

Auswertung der Ergebnisse:

Teste die Geschwindigkeit deiner Website am besten einmal vor und nach den Optimierungen. Und wenn du magst, auch nach jedem umgesetzten Tipp.

5 Tipps, um deine Website schneller zu machen

Tipp 1: Lazy Loading aktivieren

Lazy Loading verhindert, dass direkt beim Aufrufen deiner Website alle Bilder und Videos geladen werden. Das sorgt dafür, dass die ersten Inhalte deiner Website schneller sichtbar sind. Wenn deine Besucher*innen weiter nach unten scrollen, werden die weiteren Inhalte nach und nach geladen.

Lazy Loading macht deine Website schneller und nachhaltiger. Ohne Lazy Loading würden bei jedem Seitenaufruf alle Inhalte der Unterseite geladen. Egal, ob deine Besucher*innen bis ans Ende der Seite scrollen oder nicht. Hast du Lazy Loading aktiviert, werden nur die Inhalte geladen, die gebraucht werden.

Meine Empfehlung ist das LazyLoad Plugin von WP Rocket. Du kannst es kostenlos im WordPress-Dashboard unter » Plugins » neues Plugin hinzufügen installieren und aktivieren.

Nachdem du das Plugin installiert hast, findest du es unter » Einstellungen » LazyLoad. Dort brauchst du nur noch für alle Elemente ein Häkchen setzen, für die du Lazy Load aktivieren möchtest.

Tipp 2: Element Manager nutzen

Nutze den Element Manager, damit beim Aufrufen deiner Website kein Code geladen wird, den deine Website nicht braucht.

So verwendest du den Element Manager:

1. Gehe im WordPress Dashboard im Menü auf » Elementor » Element Manager.

2. Klicke auf „Scan Element Usage“, damit dir angezeigt wird, wie oft welches Element auf deiner Website im Einsatz ist.

3. Klicke anschließend auf „nicht verwendete Elemente deaktivieren“.

4. Und speichere die Änderungen mit dem Button „Änderungen speichern“.

Damit hast du alle Elemente, die du aktuell nicht auf deiner Website verwendest, deaktiviert.

Im Editor von Elementor werden dir nur die Elemente angezeigt, die du aktiviert hast. Im Element Manager kannst du jederzeit Elemente wieder aktivieren und dann findest du sie auch wieder im Editor.

Hinweis:

Falls du Erweiterungen für Elementor, wie Essential Addons oder Ultimate Addons nutzt, deaktiviere auch dort alle Elemente, die du auf deiner Website nicht verwendest.

Tipp 3: Bilder optimieren

Verringere die Größe deiner Bilder. Es gibt alle möglichen Plugins dafür. Einige davon speichern deine Bilder in verschiedenen Größen ab, nehmen so aber zusätzlichen Speicherplatz ein. Andere speichern das Original und eine Kopie davon.

Meine Empfehlung ist, dass du deine Bilder bereits vor dem Hochladen auf deine Website in die richtige Größe bringst. Wie du das machst, zeige ich dir in einem eigenen Blogbeitrag:

Tipp 4: unnötige Plugins löschen

WordPress bietet dir unzählige Plugins. Ich empfehle dir, so viele Plugins wie nötig, aber so wenige wie möglich zu installieren. Denn eine große Anzahl an Plugins machen deine Website langsam. Ein Richtwert für eine Website ohne Online Shop sind 10 bis 20 aktive Plugins. Für einen Online Shop 20 bis 30.

Gleichzeitig machst du deine Website sicherer, in dem du unnötige Plugins löscht.

Du bist unsicher, welche Plugins du auf deiner Website brauchst und welche du löschen kannst? Dann buch dir gerne eine Stunde Website-Hilfe und lass uns deine Plugins gemeinsam checken.

Tipp 5: Caching-Plugin nutzen

Ein Caching-Plugin speichert Kopien deiner Website, um sie schneller zu laden. Das heißt, wenn ein*e Besucher*in deine Website erneut besucht, wird beim 2. Besuch diese Kopie verwendet, anstatt die Seite neu zu laden. Vorausgesetzt, der Cache wurde in der Zwischenzeit nicht geleert.

Damit Änderungen für wiederkehrende Besucher*innen angezeigt werden, solltest du den Cache immer leeren, nach dem du auf einer Unterseite etwas verändert hast.

Wenn du ein kostenloses Caching-Plugin möchtest, ist meine Empfehlung Cache Enabler. Du kannst es im WordPress-Dashboard unter » Plugins » neues Plugin hinzufügen installieren und aktivieren.

Nachdem du es installiert hast, findest du es unter » Einstellungen » Cache Enabler. Dort empfehle ich dir, die Häkchen, wie in diesem Screenshot zu setzen:

Deine Website lädt nach den Optimierungen noch immer langsam?

Das kann mehrere Gründe haben. Prüfe, ob …

• du einen langsamen Hosting-Anbieter verwendest.
  Mit einem Hosting-Anbieter wie All Inkl*, Raidboxes* und Webgo bist du auf einem guten Weg zu einer schnellen Website.¹ Von IONOS, Strato oder Host Europe hingegen würde ich dir abraten.

• deine Website sehr verschachtelt aufgebaut ist.
  Hast du auf deiner Website viele Container im Container im Container? Jedes unnötige Elementor-Widget braucht Code. Dieser Code muss beim Aufruf deiner Website übertragen werden und verlangsamt so deine Website. Baue deine Website „sauber“ auf und achte darauf, dass du nur so viele Container wie nötig verwendest. Das macht deine Website schneller.
  
  Vielleicht hilft dir auch meine Elementor-Anleitung.

Je nach Umfang deiner Website ist es vor allem in der Mobilversion schwierig, mit kostenlosen Plugins im Geschwindigkeits-Test auf ein Ergebnis über 80 zu kommen.

Wenn dir die Ladezeit, die deine Website mit kostenlosen Tools schafft, zu lange ist, empfehle ich dir das kostenpflichtige Plugin WP Rocket*. Für eine Website kostet dich das Plugin etwa 60 € pro Jahr.

Meine Erfahrungen mit WP Rocket:

Ich nutze WP Rocket* selbst und habe damit meine bereits mit den oben angeführten Tipps optimierte Ladezeit nochmal spürbar verkürzt:

Lass uns deine Website gemeinsam schneller machen

Wenn du Unterstützung beim Umsetzen der Tipps, Hilfe beim Umzug deiner Website, beim Entschachteln deiner Elementor-Container oder beim Einrichten von WP Rocket brauchst, dann buch dir gerne meine Website-Hilfe und lass mich dir helfen, deine Website schneller zu machen.

Ein Anker-Link ist ein spezieller Link auf deiner Website, der deine Besucher*innen zu einer anderen Stelle auf derselben Seite bringt.

Vor allem in langen Blogbeiträgen ist diese Art der Verlinkung praktisch, um deine Leser*innen zu einem bestimmten Abschnitt bringen zu können. Auf Angebots- oder Buchungs-Seiten wird ein Anker-Link gerne genutzt, um zu einem Anmelde- oder Buchungs-Formular zu führen.

Probier’s einfach aus und klick‘ dich durch das Inhaltsverzeichnis. Denn das besteht aus Anker-Links.

Wie setze ich einen Anker-Link?

Es gibt verschiedene Möglichkeiten, einen Anker-Link zu setzen. Ich zeige dir hier 3 Varianten. Um zur jeweiligen Variante zu gelangen, habe ich praktischerweise Anker-Links verwendet. 😉

» Variante 1 mit Elementor mit Widget: Anker-Link setzen mit dem Anker-Widget
» Variante 2 mit Elementor ohne Widget: Anker-Link setzen über die CSS-ID
das hört sich komplizierter an, als es ist
» Variante 3 mit dem Gutenberg-Editor: Anker-Link in Blogbeiträgen setzen

Anleitung – Elementor: Anker-Link setzen mit dem Anker-Widget

Das Widget „Menü-Anker“ findest du in den Elementor-Widgets, so wie die anderen Widgets, wenn du eine Unterseite mit Elementor bearbeitest.

Füge es an der Stelle auf deiner Unterseite ein, zu der deine Besucher*innen springen sollen, wenn sie auf den Link oder Button klicken, den wir gleich einrichten.

Der Anker-Link erscheint als grauer Balken. Dieser wird deinen Besucher*innen nicht angezeigt. Hier brauchst du nichts zu gestalten.

Du brauchst nur noch eine „ID“ (Identifikator) für deinen Anker-Link vergeben. Diese kann aus einem oder mehreren Wörtern bestehen.

Vergib am besten ein Wort oder eine Wort-Kombination, die zum jeweiligen Abschnitt passt.

Beachte:
– Ersetze Leerzeichen durch einen Bindestrich.
– Verwende keine Sonderzeichen.
– Vergib auf jeder Unterseite eine ID nur ein einziges Mal.

Merke oder kopiere dir den Namen deiner ID. Geh zu dem Text oder dem Button, den du verlinken möchtest. Setze in das Link-Feld erst ein Hashtag-Symbol und füge daran anschließend die ID ein.

Diesen Anker-Link (nicht die ID) darfst du beliebig oft auf deiner Unterseite setzen.

Anleitung – Elementor: Anker-Link setzen über die CSS ID

Das hört sich erstmal kompliziert an, ist es aber nicht. Wenn du es 2-3mal gemacht hast, ist diese Variante sogar einfacher als die vorherige.

Klicke im Bearbeitungs-Modus deiner Unterseite das jeweilige Widget oder den Container an, zu dem deine Besucher*innen springen sollen, wenn sie auf einen Link oder Button.

Gehe links im Editor auf den Reiter „Erweitert“. Im Bereich Layout, fast ganz unten, findest du das Feld „CSS ID“. Dort gibst du jetzt eine ID (Identifikator) für deinen Anker-Link ein. Diese ID kann aus einem oder mehreren Wörtern bestehen.

Vergib ein Wort oder eine Wort-Kombination, die zum jeweiligen Abschnitt passt.

Beachte:
– Ersetze Leerzeichen durch einen Bindestrich.
– Verwende keine Sonderzeichen.
– Vergib auf jeder Unterseite eine ID nur ein einziges Mal.

Merke oder kopiere den CSS ID-Namen. Wechsle zu dem Text oder Button, den du zum ausgewählten Container bzw. Element verlinken möchtest. Setze in das Link-Feld erst ein Hashtag-Symbol und füge daran die zuvor vergebene CSS ID ein.

Diesen Anker-Link darfst du beliebig oft auf deiner Unterseite setzen. Im Feld CSS ID solltest du immer unterschiedliche Bezeichnungen setzen.

Anleitung – Gutenberg-Editor: Anker-Link in Blogbeiträgen setzen

Auch im Gutenberg-Editor kannst du einen Anker-Link setzen. Ich empfehle dir, den Gutenberg unbedingt zum Schreiben von Blogbeiträgen zu verwenden, weil deine Beiträge so schneller geladen werden. Und das wirkt sich positiv auf die Sichtbarkeit in Suchmaschinen und die Erfahrung deiner Besucher* innen aus.

Klicke das Element im Gutenberg-Editor an, zu dem du hinleiten willst. In den Einstellungen in der rechten Seitenleiste findest du den Punkt „Erweitert“. Öffne diesen mit einem Klick.

Gib bei HTML-Anker ein Wort oder eine Wort-Kombination ein, die beschreibt, was an dieser Stelle zu finden ist.

Beachte:
– Ersetze Leerzeichen durch einen Bindestrich.
– Verwende keine Sonderzeichen.
– Vergib auf jeder Unterseite eine Bezeichnung nur ein einziges Mal.

Füge im Gutenberg-Editor deinen Text oder Button ein, über den du auf diese Stelle weiterleiten willst.

Klicke auf das Link-Symbol und füge hier erst ein Hashtag-Symbol und anschließend die Bezeichnung deines HTML-Ankers ein.

Klicke die Enter-Taste oder auf den Pfeil neben dem Link-Text.

Diesen Anker-Link darfst du beliebig oft in deinen Beiträgen setzen. Die Bezeichnung des HTML-Ankers solltest du in jedem Beitrag nur ein einziges Mal vergeben.

Mit einem Anker-Link auf eine andere Seite verlinken

Um von einer Unterseite deiner Website auf eine bestimmte Stelle auf einer anderen Unterseite zu verlinken, kannst du ebenfalls diese Anker-Link-Methode nutzen.

Der erste Teil mit der (CSS) ID in Elementor bzw. dem HTML-Anker im Gutenberg-Editor bleibt gleich. Du hinterlegst wie in den Anleitungen oben an der Stelle, auf die deine Besucher*innen gelangen sollen, eine (CSS) ID bzw. einen HTML-Anker.

Der Link, über den du auf diese Stelle hinleiten willst, beinhaltet jetzt aber nicht mehr nur das Hashtag-Symbol und die ID- bzw. den HTML-Anker (z.B. #dein-ankerlink). Sondern jetzt fügst du erst den Link zur Unterseite ein, auf der sich die Stelle, auf die du hinleiten willst, befindet. Und zusätzlich fügst du danach das Hashtag-Symbol gemeinsam mit deinem Anker-Link ein.

Dein Link, den du in das Link-Feld einfügst, sieht zum Beispiel so aus:
https://deinedomain.com/unterseite-1/#dein-ankerlink

5 praktische Anwendungen von Anker-Links:

One-Pager

Für eine Website, die alle Inhalte, wie deine Angebote, einen Über-Mich-Teil und Kontaktmöglichkeit auf nur einer Unterseite darstellt, kannst du mithilfe von Anker-Links ein Menü erstellen. Über dieses Menü gelangen Website-Besucher*innen direkt zum jeweiligen Abschnitt.

Untermenü-Punkte

Ähnlich wie bei einem One-Pager kannst du Anker-Links auch verwenden, um mehrere (Unter-)Menü-Punkte zu erstellen, die auf eine bestimmte Stelle in einer Unterseite verlinken. So könntest du zum Beispiel eine Angebots-Seite mit 3 verschiedenen Angeboten erstellen und diese 3 Angebote als Punkte in einem Untermenü darstellen.

So erstellst du einen Menü-Punkt mit einem Anker-Link:

Klicke im WordPress-Dashboard auf » Design » Menüs.

Wähle oben erst das jeweilige Menü aus, das du bearbeiten möchtest, oder erstelle ein neues Menü.

Klicke in der linken Spalte auf „Individuelle Links“ und gib oben die URL zu dieser Stelle ein, zu der du verlinken möchtest (siehe Mit einem Anker-Link auf eine andere Seite verlinken). Unten fügst du den Link-Text ein, der in deinem Menü angezeigt werden soll.

Klicke auf „Zum Menü hinzufügen“. Verschiebe den Punkt an die gewünschte Stelle und klicke zum Schluss auf „Menü speichern“.

Anmeldungs- oder Buchungs-Formulare

Verlinke in Buttons mit einem Anker-Link auf einen Bereich auf deiner Unterseite, das ein Anmelde- oder Buchungs-Formular enthält. Auf meiner Website nutze ich das zum Beispiel auf der Unterseite, über die du dir meine Website-Checkliste holen kannst.

Inhaltsverzeichnis

Mit Anker-Links kannst du dir selbst ein Inhaltsverzeichnis erstellen. Das SEO-Plugin Rank Math kann dir diese Arbeit abnehmen und dein Inhaltsverzeichnis automatisch erstellen.

Navigation zum Kommentar-Bereich

In einem Blogbeitrag kannst du den Anker-Link #comments nutzen, um zum Kommentar-Bereich des aktuellen Blogbeitrags zu verlinken.

Dazu brauchst du keine (CSS)-ID bzw. keinen HTML-Anker anlegen. Verlinke einfach einen Text oder einen Button mit dem Link-Text #comments.

Probier’s gerne aus und schreib‘ mir einen Kommentar. Klicke einfach hier, um direkt zum Kommentar-Bereich unter diesem Beitrag zu gelangen. 💬

Du willst deine Website noch besser machen?

Mit Anker-Links bist du schon auf einem guten Weg. Denn diese helfen deinen Besucher*innen, um sich besser durch deine Website navigieren zu können.

40 weitere Punkte, die du auf deiner Website checken kannst, damit sie sicherer und benutzerfreundlicher wird, findest du in meiner Website-Checkliste um 0 €.

Sicher warst du schon auf Websites unterwegs, auf denen sich direkt beim 1. Besuch ein Popup öffnet und den Inhalt der Seite, den du dir gerade ansehen wolltest, verdeckt. Das nervt!

Elementor Pro* bietet dir gute Einstellmöglichkeiten, um deine Popups so einzustellen, dass sich Popups erst im Verlauf des Besuchs öffnen und dadurch deine Website-Besucher*innen nicht nerven, sondern ihnen noch eine Freude machen, weil du darin zum Beispiel auf ein 0€-Angebot hinweist, das sie gut gebrauchen können.

Popup-Arten

Ich unterscheide drei Arten von Popups:

• Popups, die sich automatisch öffnen, sobald man eine Website öffnet
  werden von Popup-Blockern oder von bestimmten Browsern geblockt
• Popups, die sich nach einer festgelegten Zeit oder Aktion öffnen
  werden von Popup-Blockern oder von bestimmten Browsern geblockt
• Popups, die sich mit Klick auf einen Button öffnen
  werden üblicherweise nicht geblockt

Die letzte Art ist die Art, wie ich Popups am liebsten nutze. Denn so nerve ich meine Besucher*innen nicht mit lästigen Popups.

Was kann man mit Popups machen?

Mit Popups kannst du unter anderem auf 0 €-Produkte oder aktuelle Angebote hinweisen. Oder du setzt ein Kontakt- oder Anmelde-Formular in ein Popup. So habe ich das mit der Anmeldung zum Website-CoWorking gemacht. Sobald du auf einen der Buttons klickst, öffnet sich ein Popup mit dem Formular zur Anmeldung.

Aber es gibt auch noch andere Möglichkeiten:

Im Adventskalender-Mini-Kurs zeige ich dir, wie du deinen eigenen Adventskalender erstellst. Die Basis dafür bilden 24 Popups, die in 24 Kästchen verlinkt sind und sich natürlich erst ab dem jeweiligen Tag öffnen lassen.

Hier findest du mehr Infos zum Mini-Kurs.

Wie erstelle ich ein Popup mit Elementor?

Elementor Pro* bietet dir zum Erstellen von Popups richtig viele Möglichkeiten. Um ein neues Popup anzulegen, klickst du einfach in deinem WordPress-Dashboard auf » Templates » Popups und dort findest du ganz oben den Button „Add new Template“.

Den Template-Typ lässt du auf Popup und darunter gibst du einfach den Namen deines Popups ein.

Die Einrichtung und Einstellmöglichkeiten deines Popups zeige ich dir in einem Video. Darin erfährst du außerdem auch, wie du dein Popup in einem Button verlinken kannst. Denn diese Funktion ist ein wenig versteckt.

Komm ins nächste Website-CoWorking, um dein erstes Popup auf deiner Website umzusetzen.

Bei Fragen kannst du mir diese direkt im CoWorking stellen. Oder die Zeit nutzen, um fokussiert an deiner Website zu arbeiten.