Du hast deine WordPress Website mit Divi erstellt und merkst jetzt plötzlich, dass sich in der mobilen Ansicht deine Website verschieben lässt? Keine Panik! Ich zeige dir in diesem Video, woher dieser weiße Rand links und rechts kommt und verrate dir außerdem, wie du das horizontale Scrollen behebst.

Ich wurde letztens gefragt, was genau eine 404 Fehlerseite ist und warum diese so wichtig ist. Diese Fragen klären wir heute im Video und anschließend zeige ich euch natürlich noch, wie ihr eure eigene 404 Seite mit WordPress und dem Divi Theme erstellen und gestalten könnt.

In dieser Anleitung zeige ich euch heute, welche Animationen ihr auf eurer Website mit dem Divi Theme einstellen könnt. Diese Effekte sorgen dafür, dass eure Seite lebendiger wirkt. Wie bei so Vielem, gilt aber auch hier die Devise: weniger ist mehr! Bitte überfordert eure Besucher nicht mit eurer animierten Webseite und setzt die Animationen sparsam ein. Viele Effekte sorgen nämlich auch für eine längere Ladezeit, was ein wichtiger SEO Faktor ist und euer Ranking in den Ergebnissen der Suchmaschinen beeinflussen kann. Wenn ihr eure WordPress Website mit dem Divi Theme erstellt und noch Anfänger seid, solltet ihr dies also immer im Hinterkopf haben.

Wenn ihr eure Website auch mit dem pulsierenden Pfeil gestalten wollt, dann müsst ihr diesen CSS Code im Modul einfügen:

animation-direction: alternate;

Manchmal gibt es Unterseiten, bei denen du nicht vom Inhalt der Seite ablenken willst. Zum Beispiel bei Landingpages, Salespages oder aber auch deiner Coming Soon Seite oder der Opt-In Seite für deinen Leadmagnet!

In Divi kannst du in nur wenigen Klicks das Menü ausblenden und den kompletten Header und auch den Footer für bestimmte Seiten deaktivieren.

Diese Funktion ist sehr nützlich. Wenn du deine WordPress Website mit dem Divi Theme erstellst, wirst du garantiert früher oder später darüber stolpern.

In dieser Divi Theme Anleitung zeige ich dir, wie du sogenannte Sprungmarken erstellst. Diese Art der Verlinkung bezeichnet man auch als Anker setzen. Du kannst damit innerhalb deiner Website an verschiedene Bereiche scrollen. Ideal geeignet auch für Landingpages, bei denen du nur auf einer bestimmten Seite navigieren möchtest. Wenn du deine eigene Website mit Divi erstellst, dann solltest du diese Funktion auf jeden Fall kennen!

Deine neue Website steht und jetzt fehlt nur noch die Mobiloptimierung? Mit Divi absolut kein Problem! Du kannst hier kinderleicht die mobile Ansicht anpassen und so bearbeiten, dass dein Webdesign auch in der Tablet und Handy Version super aussieht.

Heute zeige ich dir, wie du die Divi Bibliothek nutzt, um Elemente übersichtlich an einem Ort abzuspeichern und an einer anderen Stelle einzufügen. Außerdem verrate ich dir, wie du die Funktion der globalen Elemente am besten auf deiner Website verwendest, um richtig viel Zeit zu sparen! Du solltest dir die Bibliothek im Divi Theme auf jeden Fall genauer anschauen, wenn du deine WordPress Website selbst erstellt.

Bist du dabei deine Website selbst zu erstellen und fragst dich, wie du ein WordPress Menü anlegen und bearbeiten kannst? In diesem Tutorial zeige ich dir Schritt für Schritt, wie du vorgehst. Ich zeige dir außerdem, wie du den Theme Customizer von Divi nutzt, um deine Navigation farblich zu gestalten. Wir schauen uns natürlich auch noch an, wie du mit Hilfe von individuellen Links ein Dropdown Menü erstellst. Das Dropdown Menü ist aufklappbar und eignet sich, um verschiedene Unterpunkte anzuzeigen.

Wenn du deine neue Website veröffentlichst, dann möchtest du sie natürlich direkt mit der ganzen Welt teilen und tausende von Besuchern auf deine Seite holen. Damit diese aber überhaupt ihren Weg zu dir finden können, musst du als allererstes Google Bescheid geben, dass deine Website existiert. Dafür musst du deine Sitemap in der Google Search Console einreichen.

Bitte keine Panik, wenn du jetzt nur Bahnhof verstehst! Ich zeige dir in diesem Beitrag Schritt für Schritt, wie du vorgehen musst.

Bist du eher der visuelle Typ? Dann schau dir gerne mein detailliertes Video zu dem Thema an.

WordPress Website mit der Google Search Console verbinden

Als erstes wollen wir die Search Console mit deiner Website verbinden. Dafür loggst du dich in deinem WordPress Backend ein und rufst deine Plugins auf. Falls du Rank Math noch nicht runtergeladen hast, dann tu dies jetzt.

Währenddessen kannst du dir schon mal einen neuen Tab öffnen und die Google Search Console aufrufen. Um deine Website nun mit der Search Console zu verknüpfen, müssen wir sie erst validieren lassen. Google möchte einfach kurz sichergehen, dass du auch wirklich der Inhaber der jeweiligen Website bist. Gebe dafür im rechten Feld deine URL ein und klicke auf “Weiter”.

Klicke nun auf das Feld “HTML-Tag”, um das Code Snippet zu kopieren.

Mit dem kopierten Code springst du wieder zurück zu deiner Website und gehst auf “Rank Math – Allgemeine Einstellungen”. Unter dem Reiter Webmaster Tool findest du nun ein Feld für die Google Search Console vor. Hier fügst du den Code nun ein, scrollst weiter nach unten und speicherst deine Änderungen.

Zurück in der Google Search Console klickst du nun auf den Button “Bestätigen”. Nach einer kurzen Prüfung wird deine Inhaberschaft schließlich bestätigt. Klicke anschließend auf “zur Property”.

Sitemap einreichen

Super, die Hälfte haben wir schon geschafft! Deine Website ist nun mit der Search Console verbunden. Nun müssen wir ihr noch mitteilen, dass wir viele tolle Unterseiten haben, die doch bitte in den Google Suchergebnissen angezeigt werden sollen.

In deinem WordPress Backend gehst du nun zu “Rank Math – Sitemap Einstellungen”. Hier wird dir nun deine Sitemap angezeigt. Kopiere dir diesen Link (du brauchst nur den letzten Teil. In meinem Beispiel sitemap_index.xml ).

In der Search Console klickst du nun auf Sitemaps, fügst den eben kopierten Link ein und klickst auf “Senden”.

Wenn alles geklappt hat, sollte nun im Status relativ schnell “Erfolgreich” stehen. Falls bei dir eine Fehlermeldung erscheint, könnte es an den Permalinks liegen. Diese kannst du einfach nochmal aktualisieren, indem du bei WordPress auf “Einstellungen – Permalinks” gehst und auf Änderungen speichern klickst.

Jetzt kannst du nochmal nachschauen, ob die Sitemap erfolgreich eingereicht wurde bzw. kannst sie löschen und nochmal neu einreichen.

Bist du gerade dabei deine WordPress Website mit Divi zu erstellen? Dann möchtest du den Prozess bestimmt so einfach wie möglich haben und bei der Gestaltung deiner Website Zeit sparen. Mit den Presets im Divi Theme kannst du deine eigenen Vorlagen für verschiedene Module, Zeilen und Sektionen erstellen. Du musst das Design deiner Elemente nur einmal gestalten und kannst es dann beliebig oft an unterschiedlichen Stellen deiner Website verwenden. In dieser Anleitung zeige ich dir, wie es geht!

mit * markierte Links sind Affiliate Links. Das bedeutet, dass ich eine kleine Provision vom Verkauf bekomme. Für dich entstehen aber keine zusätzliche Kosten 🙂