WordPress & Divi Tutorial 2022 Deutsch, 08: Design Tweaks mit CSS und Design der Startseite

WordPress & Divi Tutorial 2022 Deutsch, 08: Design Tweaks mit CSS und Design der Startseite

drei kubik Tutorial Tuesday, Teil 8: Design Tweaks mit CSS und Design der Startseite

In diesem Teil werden wir die Startseite unserer Website (Homepage) aufbauen und lernen zwei Module des Divi Page Builders kennen. Außerdem schreiben wir ein bisschen CSS Code in die style.css unseres Child Themes, um ein paar Formatierungen auf unserer Website anzupassen, die nicht über die Einstellungen im Divi Theme vorgenommen werden können.

Divi Page Builder ausprobieren
Divi Theme kaufen
Webhosting All-Inkl PrivatPlus (3 Monate kostenlos, danach ~8 EUR pro Monat)
Webhosting Empfehlung All-Inkl Premium (3 Monate kostenlos, danach ~10 EUR pro Monat)

Divi Theme und das drei kubik Divi Child Theme herunterladen

Melde Dich mit dem folgenden Formular zu meinem WordPress Secrets Newsletter an und erhalte 2 kostenlose Downloads. Damit kannst Du direkt loslegen und das drei kubik WordPress & Divi Tutorial vollständig mitmachen. Wenn Dich die E-Mail nicht erreicht, sieh bitte auch in Deinem Spam-Ordner nach.

Webhosting Empfehlung für gute Performance (Google PageSpeed): All-Inkl Premium

Diesen Tarif nutze ich auch. Deine Websites werden auf schnellen SSD Laufwerken gehostet. Für gerade einmal 10 EUR im Monat kannst Du Dir bis zu 10 Domains kostenlos dazu sichern. Du kannst 50 Datenbanken einrichten, hast 250 GB Speicherplatz und noch jede Menge mehr inklusive. Ich kann Dir diesen Tarif nur sehr empfehlen.

Hast Du Fragen?

Wenn Du individuelle Fragen rund um WordPress, WordPress PlugIns, WordPress Themes oder das Divi Theme mit dem Divi Page Builder und Theme Builder hast, dann nutze die Kommentarfunktion unter diesem Beitrag oder unter dem YouTube Divi Tutorial Video und ich beantworte Dir gerne alles, was Du wissen musst, um Dir eine professionelle SEO WordPress Website mit dem Divi Theme aufbauen zu können. Feel Vergnügen!

Slider sind Gift für SEO und Usability Deiner Website

Slider sind Gift für SEO und Usability Deiner Website

Damit ein Slider funktioniert, benötigt er viel JavaScript Code, der zur Laufzeit auf dem Rechner des Besuchers ausgeführt wird. Große JavaScript-Dateien laden auch länger und blockieren damit das Laden essentieller Inhalte, die dem Nutzer einen wirklichen Mehrwert bieten.

Das Ausführen komplexer JavaScript-Programme kann den teilweise sehr alten Rechnern Eurer Besucher ordentlich einheitzen. Das verlangsamt die Seite und bietet Euren Besuchern damit eine schlechtere „User Experience“ (UX).

In der Regel scrollen Nutzer auch lieber, als zu klicken und deswegen haben 99% der Nutzer bereits nach unten gescrollt, bevor der zweite Slide geladen wird. Die Inhalte werden somit noch nicht einmal gesehen.

Nutzt doch stattdessen lieber untereinander angeordnete Sektionen, die sich immer der Höhe des jeweiligen Displays (CSS Einheit: 100vh = 100% der „Viewport Height“) anpassen und setzt ein schönes Hintergrundbild mit einem Parallax-Effekt ein, das sich beim Scrollen leicht mitbewegt.

Der HTML-Code von Slidern ist meistens sehr verschachtelt. Die DOM-Größe (Document Object Model: Könnt Ihr Euch vorstellen, wie eine komplexe Ordnerstruktur auf Eurem Rechner mit vielen Unterordnern und einer langen Pfadtiefe) beeinflusst die Auffindbarkeit von Inhalten für Suchmaschinen und die Inhalte in einem Slider liegen meist in „Untiefen“ des DOM versteckt, was Euer Ranking in den SERP’s (Search Engine Ranking Pages) negativ beeinflussen kann.

Es gibt nur einen Grund für einen Slider, aber der hat bei mir keine Gewichtung: Sieht fancy aus 😉

Setzt Ihr Slider ein? Wie ist Eure Meinung zu Slidern? Was habt Ihr für Erfahrung mit Slidern gemacht? Schreibt es in die Kommentare.

drei kubik
drei kubik
Privacy Overview

This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.