IT-Service
Cloud-Service
Web-entwicklung
Gebäude-technik
Sicherheits-technik
Webentwicklungs-Glossar
Webentwicklung - DIVI4/5-WordPress
Was ist WordPress?
Hier ist die vollständige Entwicklungsgeschichte von WordPress – vom Blog zum modernen CMS:
WordPress: Vom Blog zum CMS
2001–2003 — Die Wurzeln
Die WordPress-Geschichte beginnt nicht 2003, sondern zwei Jahre früher: Michel Valdrighi veröffentlichte 2001 b2/cafelog – eine PHP-basierte Blogging-Software, die bereits die Grundarchitektur mitbrachte, auf der WordPress heute noch aufbaut. Als Valdrighi die Entwicklung einstellte, übernahmen Matt Mullenweg und Mike Little das Projekt und veröffentlichten am 27. Mai 2003 WordPress 0.7 als Fork.
Das Ziel war simpel: Bloggen für alle zugänglich machen, ohne technische Hürden.
2004 — Das Plugin-System: der eigentliche Wendepunkt
Version 1.2 „Mingus" erschien im Mai 2004 und brachte das Plugin-System – die Architekturentscheidung, die WordPress von einer Blog-Software zum erweiterbaren CMS machte. Die Plugin-Architektur von 2004 ist der Grund, warum WordPress heute über 65.000 Erweiterungen bietet.
2005 — Themes & WordPress.com
Version 1.5 „Strayhorn" (Februar 2005) führte das Theme-System ein und positionierte WordPress erstmals als vollwertiges CMS durch statische Seiten.
2005 geht WordPress.com online, Automattic wird gegründet. Die Kommerzialisierung beginnt, aber der Open-Source-Geist bleibt erhalten.
2006–2009 — Professionalisierung
Die Jahre 2007–2008 brachten entscheidende Erweiterungen: ein Tagging-System, Update-Benachrichtigungen (Version 2.3), die Shortcode-API und Dashboard-Widgets (Version 2.5) sowie ein komplett überarbeitetes Admin-Interface mit automatischen Updates und Plugin-Installation (Version 2.7).
2010 — Offizieller Wandel zum CMS
Der offizielle Übergang zum CMS kam 2010 mit Version 3.0 – inklusive „Twenty Ten"-Theme und der Einführung von Custom Post Types als Standard. Diese Funktionen öffneten WordPress für komplexere Websites: Unternehmensseiten, Magazine, Shops – alles war mit der Software umsetzbar.
2011–2017 — Wachstum & E-Commerce
Auch WooCommerce, heute eine der bekanntesten E-Commerce-Lösungen weltweit, hat seine Wurzeln im WordPress-Ökosystem. Ursprünglich von einer separaten Firma entwickelt, wurde es später von Automattic übernommen.
WordPress wird zur Plattform für Blogs, Magazine, Unternehmenswebseiten und Online-Shops gleichzeitig.
2018 — Gutenberg: die größte Revolution
Version 5.0 „Bebo" (Dezember 2018) ersetzte den Classic Editor durch Gutenberg – den Block-Editor, der WordPress grundlegend veränderte. Der Paradigmenwechsel von TinyMCE zu React-basierten Blöcken war die größte Architekturänderung seit dem Theme-System von 2005.
2021–heute — Full Site Editing
Die Entwicklung verlief in Phasen: Block-basiertes Editing (Phase 1, 2018), Site-Customization mit Block-Widgets (Phase 2, 2021) und Full Site Editing mit Block-Themes (Phase 3, ab 2022). Version 5.9 „Josephine" brachte Full Site Editing und Twenty Twenty-Two als erstes Block-Theme.
Zwischen 2024 und 2025 setzt WordPress seine Evolutionsreise fort, indem es das Full Site Editing verfeinert, den Gutenberg-Block-Editor verbessert und Sicherheitslücken behebt.
WordPress heute — die Zahlen
WordPress treibt heute mehr als 43 % aller Websites an. Die WordPress-Entwicklung zeigt, wie Open-Source-Projekte skalieren: Von 180 Contributoren bei Version 3.1 (2011) auf über 900 bei Version 6.8 (2025).
Die Entwicklung auf einen Blick
| Jahr | Meilenstein |
|---|---|
| 2003 | Start als Blog-Software |
| 2004 | Plugin-System → Erweiterbarkeit |
| 2005 | Theme-System → visuelles Design |
| 2010 | Custom Post Types → vollwertiges CMS |
| 2011 | WooCommerce → E-Commerce |
| 2018 | Gutenberg → Block-Editor |
| 2022 | Full Site Editing → komplette Seite per Block |
| 2025 | KI-Integration, Performance, Kollaboration |
Das Blog in WordPress & DIVI
Blog in WordPress – ohne Kommentarfunktion & Gestaltung mit Divi + Divi Blog Extras
Das WordPress-Blog-System – Grundlagen
WordPress wurde ursprünglich als Blog-System entwickelt – das Blog ist daher tief im Core verankert. Beiträge (Posts) sind chronologisch sortierte Inhalte, die über Kategorien und Tags strukturiert werden.
Die drei Kernelemente eines WordPress-Blogs:
| Element | Beschreibung |
|---|---|
| Beitrag (Post) | Der einzelne Artikel |
| Kategorie | Thematische Hauptgruppe (z. B. „News", „Tipps") |
| Tag | Schlagwort zur feineren Verschlagwortung |
| Archivseite | Automatisch generierte Übersichtsseite |
Kommentarfunktion deaktivieren
Für professionelle Business-Websites ist die Kommentarfunktion meist unerwünscht – sie erzeugt Spam, braucht Moderation und wirkt oft unprofessionell.
Kommentare global deaktivieren:
WordPress-Dashboard → Einstellungen → Diskussion
- „Erlaube Besuchern, neue Beiträge zu kommentieren" → deaktivieren
- „Kommentare müssen manuell genehmigt werden" → optional zusätzlich deaktivieren
Für bereits bestehende Beiträge:
Dashboard → Beiträge → Alle Beiträge → alle auswählen → Sammelaktionen → „Bearbeiten" → Kommentare: Nicht erlauben
Per Code in der functions.php (sicherste Methode):
add_action('init', function() {
remove_post_type_support('post', 'comments');
remove_post_type_support('page', 'comments');
});
Das Blog in Divi gestalten
Divi bietet zwei Wege, das Blog darzustellen:
Weg 1 – Das Divi Blog-Modul (Standard)
Das eingebaute Blog-Modul von Divi wird per Drag-and-Drop in jede Seite oder direkt über den Theme Builder in das Blog-Template eingefügt.
Einstellungsmöglichkeiten:
| Option | Beschreibung |
|---|---|
| Layout | Raster (Grid) oder Liste |
| Beitragsanzahl | Wie viele Beiträge pro Seite |
| Kategorien-Filter | Nur bestimmte Kategorien anzeigen |
| Auszug | Kurzbeschreibung ein-/ausblenden |
| Beitragsbild | Vorschaubild ein-/ausblenden |
| Datum, Autor, Kategorien | Meta-Informationen steuern |
| Pagination | Seitennavigation |
Grenzen des Standard-Moduls:
- Nur Raster oder Liste – keine erweiterten Layouts
- Kein Masonry-Layout
- Kein Ajax-Filter (ohne Neuladen der Seite filtern)
- Begrenzte Styling-Möglichkeiten pro Karte
Weg 2 – Theme Builder für das Blog (empfohlen)
Über den Divi Theme Builder gestaltet man eigene Templates für:
- Einzelner Beitrag – das Layout jedes Blogartikels
- Blog-Archiv – die Übersichtsseite aller Beiträge
- Kategorie-Archiv – separate Darstellung pro Kategorie
Pfad: WordPress-Dashboard → Divi → Theme Builder → „Add New Template"
Dort lassen sich Header, Footer und der eigentliche Inhaltsbereich für Blogbeiträge individuell gestalten – mit allen Divi-Modulen und dynamischen Inhaltsfeldern (Titel, Datum, Kategorie, Beitragsbild etc.).
Divi Blog Extras – erweiterte Blog-Darstellung
Divi Blog Extras ist ein externes Plugin (kein Bestandteil von Divi selbst) das die Blog-Darstellungsmöglichkeiten erheblich erweitert.
Was Divi Blog Extras zusätzlich bietet:
Erweiterte Layout-Optionen:
| Layout | Beschreibung |
|---|---|
| Masonry | Pinterest-ähnliches versetztes Kachelraster |
| Klassisches Raster | Gleichmäßige Karten-Darstellung |
| Liste | Horizontale Beitragszeilen |
| Slider | Blog als automatischer Beitragsslider |
| Fullwidth | Große, volle Beitragsvorschau |
| Overlay | Beitragsbild mit Text-Overlay beim Hover |
Filterfunktionen:
- Kategorie-Filter per Klick – ohne Seitenneuladen (Ajax)
- Tag-Filter
- Kombinierter Kategorie- & Tag-Filter
- Suchfunktion innerhalb des Blog-Moduls
Erweiterte Darstellung pro Beitragskarte:
- Lesezeit anzeigen („5 Min. Lesezeit")
- Beitragsformat-Icons
- Individuelles Hover-Effekt pro Karte
- Benutzerdefinierte Excerpt-Länge
- Autor-Avatar anzeigen
- Social-Share-Buttons direkt auf der Karte
Pagination-Optionen:
- Klassische Seitennummerierung
- „Mehr laden"-Button (Load More)
- Infinite Scroll – automatisches Nachladen beim Scrollen
Zusammenspiel: WordPress Blog + Divi Theme Builder + Divi Blog Extras
WordPress Blog-System
│
├── Beiträge (Posts)
├── Kategorien & Tags
└── Archivseiten
│
Divi Theme Builder
│
├── Einzelbeitrag-Template
│ └── Divi Module (Text, Bild, etc.)
│
└── Archiv-Template
└── Divi Blog Extras Modul
│
├── Layout wählen (Masonry, Slider, etc.)
├── Filter aktivieren (Kategorien, Tags)
└── Pagination (Load More, Infinite Scroll)
Empfohlene Blog-Struktur für B.BIT e.k. K.
| Seite | URL | Funktion |
|---|---|---|
| Blog-Übersicht | /blog/ |
Alle Beiträge, gefiltert nach Kategorie |
| Kategorie: News | /blog/news/ |
Unternehmensnews |
| Kategorie: Tipps | /blog/tipps/ |
Ratgeber für Kunden |
| Kategorie: Projekte | /blog/projekte/ |
Referenzen & Case Studies |
| Einzelbeitrag | /blog/titel-des-beitrags/ |
Vollständiger Artikel |
SEO-Vorteile eines gepflegten Blogs
- Jeder Beitrag ist eine neue indexierbare Seite mit eigenem Keyword
- Kategorieseiten ranken für übergeordnete Begriffe
- Frischer Content signalisiert Google Aktivität
- Interne Verlinkung zwischen Beiträgen stärkt die gesamte Website
- Hochwertiger Content zieht Backlinks an (Off-Page SEO)
- Für GEO: gut strukturierte Fachartikel werden von KI-Systemen als Quelle zitiert
Checkliste: Blog-Setup für B.BIT e.k. K.
| Aufgabe | Status |
|---|---|
| Kommentare global deaktivieren | ✅ einrichten |
| Kategorienstruktur definieren | ✅ einrichten |
| Einzelbeitrag-Template im Theme Builder | ✅ gestalten |
| Archiv-Template im Theme Builder | ✅ gestalten |
| Divi Blog Extras installieren & lizenzieren | ✅ einrichten |
| Blog-Modul mit gewünschtem Layout konfigurieren | ✅ einrichten |
| Kategoriefilter aktivieren | ✅ einrichten |
| SEO-Optimierung pro Beitrag (Yoast/RankMath) | ✅ laufend |
Kurzfassung: Das WordPress-Blog ohne Kommentare ist sauber, professionell und wartungsarm. Mit dem Divi Theme Builder gestaltet man das exakte Layout jedes Beitrags und der Übersichtsseite. Divi Blog Extras erweitert das Standard-Blog-Modul um Masonry-Layouts, Ajax-Filter und flexible Pagination – und macht das Blog damit zu einem vollwertigen, modernen Content-Hub für B.BIT e.k. K.
Was ist ein Costumer Posty Type in WordPress?
Custom Post Type (CPT) in WordPress
Ein Custom Post Type (benutzerdefinierter Beitragstyp) ist eine eigene Inhaltsart in WordPress – neben den bereits eingebauten Standardtypen.
Die eingebauten Post Types in WordPress
WordPress bringt von Haus aus diese Inhaltstypen mit:
| Post Type | Beschreibung |
|---|---|
| Beitrag (Post) | Blogbeiträge, chronologisch sortiert |
| Seite (Page) | Statische Seiten wie „Über uns", „Kontakt" |
| Medien (Attachment) | Bilder, PDFs, Videos |
| Menüs | Navigationsmenüs |
Diese Standard-Typen reichen für einfache Blogs – aber sobald eine Website komplexere Inhalte benötigt, stößt man schnell an Grenzen.
Was ist ein Custom Post Type?
Ein CPT ist ein selbst definierter Inhaltstyp, der genau wie Beiträge oder Seiten im WordPress-Dashboard verwaltet wird – aber mit eigenen Feldern, eigener Struktur und eigenem Zweck.
Beispiele aus der Praxis:
| CPT | Verwendung |
|---|---|
| Projekte | Portfolio-Website mit eigenen Projektseiten |
| Teammitglieder | Über-uns-Seite mit Mitarbeiter-Profilen |
| Produkte | Online-Shop (WooCommerce nutzt CPTs) |
| Referenzen | Kundenstimmen & Case Studies |
| Veranstaltungen | Events mit Datum, Ort, Ticketlink |
| Immobilien | Immobilienportale mit Exposés |
| Rezepte | Food-Blogs mit strukturierten Rezepten |
| FAQs | Häufige Fragen als eigene Inhaltsart |
Warum nicht einfach normale Seiten nutzen?
Ein Beispiel: Man baut eine Portfolio-Website mit 30 Projekten. Würde man normale Seiten nutzen, müsste man jede Seite manuell gleich aufbauen, hätte keine einheitliche Struktur, könnte Projekte nicht einfach filtern oder sortieren und müsste Felder wie „Kunde", „Jahr" oder „Kategorie" mühsam in den Text einbauen.
Mit einem CPT „Projekte" hingegen hat jedes Projekt dieselbe Struktur, eigene Felder (Kunde, Jahr, Technologie), eine eigene Archivseite (/projekte/) und lässt sich filtern, sortieren und durchsuchen.
Wie erstellt man Custom Post Types?
Variante 1 – Per Plugin (einfachste Methode):
- Custom Post Type UI – das bekannteste Plugin dafür, komplett ohne Code
- Toolset oder JetEngine für komplexere Anforderungen
Variante 2 – Per Code in der functions.php:
register_post_type('projekte', array(
'label' => 'Projekte',
'public' => true,
'supports' => array('title', 'editor', 'thumbnail'),
));
Variante 3 – Per Divi / Page Builder: Viele Page Builder wie Divi unterstützen CPTs direkt im Theme Builder – man kann eigene Templates für jeden CPT gestalten.
Custom Post Types & Custom Fields
CPTs werden fast immer mit Custom Fields (benutzerdefinierten Feldern) kombiniert – also eigenen Eingabefeldern im Backend. Dafür gängige Plugins:
- Advanced Custom Fields (ACF) – der Standard in der Branche
- Meta Box
- JetEngine
Beispiel Teammitglied-CPT mit Custom Fields:
| Feld | Inhalt |
|---|---|
| Name | Max Mustermann |
| Position | Webentwickler |
| Telefon | +49 69 123456 |
| linkedin.com/in/max | |
| Foto | Profilbild |
Custom Post Types & SEO
CPTs haben automatisch eigene URLs und Archivseiten – das ist aus SEO-Sicht wertvoll:
/projekte/– Archivseite aller Projekte/projekte/website-relaunch-mustergmbh/– Einzelne Projektseite
Jede dieser Seiten kann für eigene Keywords optimiert werden – ein großer Vorteil gegenüber allem auf einer einzigen Seite zu packen.
Kurzfassung: Ein Custom Post Type ist eine maßgeschneiderte Inhaltsart in WordPress – strukturiert, wiederholbar und im Backend genauso einfach zu verwalten wie normale Beiträge. Sobald eine Website mehr als nur Blog und statische Seiten braucht, sind CPTs das richtige Werkzeug.
Was ist DIVI4/5
Hier ist eine übersichtliche Erklärung zum Divi Theme Framework von Elegant Themes:
Was ist Divi?
Divi ist das meistgenutzte WordPress-Theme der Welt und gleichzeitig ein fortschrittlicher visueller Page Builder. Es wird von der Firma Elegant Themes entwickelt und richtet sich an Website-Ersteller ohne tiefe Programmierkenntnisse, aber auch an professionelle Entwickler.
Divi ist mehr als ein normales Theme – es ist ein komplettes Theme-Framework, das Design und Seitenaufbau in einem vereint.
Divi 4 – Die etablierte Basis
Divi 4 war über viele Jahre die Standard-Version und hat sich mit zahlreichen Unterversionen (bis 4.27.x) weiterentwickelt. Die letzte stabile Divi-4-Version war 4.27.5 (erschienen im Dezember 2025) und 4.27.6 folgte danach noch.
Kernfunktionen von Divi 4:
- Visueller Drag-and-Drop Page Builder (Frontend & Backend)
- Sektionen → Zeilen → Spalten → Module-Struktur
- Hunderte vorgefertigte Layouts und Templates
- Theme Builder für Header, Footer und dynamische Inhalte
- Global Styles, Transformation Controls, Quick Actions
- Kompatibel mit WooCommerce und Drittanbieter-Plugins
Divi 5 – Der große Neustart
Divi 5 war lange in Entwicklung, aber es hat sich gelohnt: Das Entwicklungsteam hat sich von einem Jahrzehnt technischer Schulden befreit, das Produkt auf einer modernen Architektur komplett neu gedacht und viele lang ersehnte Funktionen implementiert.
Der offizielle Release von Divi 5 fand am 26. Februar 2026 statt – nach einer langen Alpha- und Beta-Phase.
Was ist neu in Divi 5?
- Komplett neu geschriebener Code auf moderner Architektur – kein altes technisches Erbe mehr
- Extendability API: Divi 5 führt eine neue Extendability API ein, über die Entwickler eigene Komponenten und Anpassungen hinzufügen können. Dazu kommt ein Marketplace für Drittanbieter-Erweiterungen.
- Divi AI: Eine KI-gestützte Assistenz zum Generieren von Bildern, Texten und individuell angepasstem Code, der auf den Divi-Modulen basiert.
- Modernisierter Visual Builder mit anpassbaren Workspaces, Ebenen-Panel und Echtzeit-Vorschau
- Neue Gradient-Funktionen, neue Module und verbessertes Flex-Layout
Migration von Divi 4 → Divi 5
Der Wechsel ist freiwillig und gut abgesichert:
- Divi 5 enthält ein eingebautes Migrator-Tool, das bestehende Divi-4-Inhalte in das neue Format konvertiert. Für alles, was nicht sofort bereit ist, gibt es einen Backward Compatibility Mode, der alte Module weiterhin funktionsfähig hält.
- Wer nicht auf Divi 5 updaten möchte, bleibt einfach auf dem Divi-4-Update-Pfad. Divi 4 wird noch mindestens 12 Monate weiter mit Sicherheits- und Kompatibilitäts-Updates versorgt.
- Um auf Divi 5 zu wechseln, navigiert man im WordPress-Backend zu Divi → Dashboard und klickt auf „Enable Divi 5 Updates".
Begleitende Tools des Divi-Ökosystems
Rund um Divi gibt es ein ganzes Ökosystem: Divi Dash für die Verwaltung mehrerer Websites, Divi AI für KI-gestützte Inhaltserstellung, und Divi Cloud als Cloud-Speicher für Layouts, Templates und Code-Snippets.
Kurz gesagt: Divi 4 ist die ausgereifte, stabile Version für bestehende Projekte. Divi 5 ist der komplette Neubau auf moderner Basis – mehr Performance, bessere Erweiterbarkeit und KI-Integration. Beide laufen parallel, der Umstieg ist optional und gut begleitet.
DIVI4/5 Cache - Darstellungsproblem (Layout zerschossen)
Es kommt vor, dass Ihre Webseite mal vom Layout her zerschossen dargestellt wird. Hier wurde das CSS nicht richtig geladen. Dieses wird verursacht durch das WP-Caching.
Lösung:
Melden Sie sich mit Ihren Zugangsdaten in WordPress an, öffnen einen zweiten Tab und klicken oben auf " Clear DIVI Cache"dann Speichern Sie die Seite neu. Melden sich von WordPress ab. Dann sollte die Seite wieder Funktionieren.
DIVI4/5 Sektionen, Zeilen/Spalten und Module
Die vier Ebenen im Divi Builder
1. Sektion (Section) — die äußerste Hülle
Eine Sektion ist der größte Baublock und umspannt die volle Seitenbreite. Jede Seite besteht aus mindestens einer Sektion, meistens mehreren. Es gibt drei Typen:
- Regular Section – normaler Inhaltsbereich
- Fullwidth Section – für Fullwidth-Module wie Slider oder Header
- Specialty Section – erlaubt verschachtelte Spalten mit unterschiedlichen Höhen
Sektionen lassen sich mit Hintergrundfarben, -bildern, Videos oder Parallax-Effekten gestalten.
2. Zeile (Row) — definiert die Spaltenstruktur
Innerhalb jeder Sektion gibt es Zeilen. Eine Zeile legt fest, wie viele Spalten nebeneinander erscheinen. Divi bietet vorgefertigte Spalten-Layouts, z. B. 1 Spalte, 2 gleiche Spalten (½ ½), 3 Spalten (⅓ ⅓ ⅓), oder asymmetrische Varianten wie ¾ ¼ – insgesamt über 20 Kombinationen.
In Divi 5 wurde das Zeilen/Spalten-System auf Flexbox umgestellt, was deutlich mehr Kontrolle über Ausrichtung und Abstände gibt.
3. Spalten (Columns) — die Behälter für Module
Spalten existieren immer innerhalb einer Zeile und nehmen die eigentlichen Inhaltsmodule auf. In Divi 4 waren Spalten eng an die Zeile gebunden. In Divi 5 gibt es zusätzlich Gruppen (Groups), die Spalten noch flexibler verschachteln lassen.
4. Module — die eigentlichen Inhaltselemente
Module sind die Bausteine, die tatsächlich sichtbaren Inhalt erzeugen. Sie werden in Spalten gezogen. Divi bietet über 40 vorgefertigte Module, darunter:
- Text, Überschrift, Bild, Button
- Video, Slider, Galerie
- Blurb (Icon + Text + Titel), Testimonial
- Kontaktformular, Login-Formular
- Blog-Feed, Portfolio, Shop (WooCommerce)
- Code, Sidebar, Social Media Follow-Buttons
In Divi 5 wurden viele Module überarbeitet und neue hinzugefügt (z. B. Group Carousel, Pagination, Icon-Modul), und alle Module nutzen jetzt die neue React-basierte Architektur für bessere Performance.
Die Hierarchie auf einen Blick
Seite
└── Sektion
└── Zeile
└── Spalte
└── Modul
Diese Struktur bleibt in Divi 4 und Divi 5 grundsätzlich gleich – der Hauptunterschied in Divi 5 ist die modernere technische Basis (React, Flexbox) und mehr Flexibilität durch das Gruppen-Konzept.
DIVI4/5 Header & Footer
Der Header & Footer werden in Divi 4/5 über den Theme Builder – WordPress-Dashboard → Divi → Theme Builder – gestaltet, realisiert und verwaltet.
DIVI4/5 Revisionen (WordPress Funktion)
WordPress-Revisionen ermöglichen das Wiederherstellen eines Beitrags-/Seiteninhalts auf einen vorherigen Zustand. Dies gilt auch für Inhalte aus Divi 4/5. Ausnahmen sind eingebundene Inhalte via Shortcode.
DIVI4/5 Layouts
In Divi 4/5 kann man ein Layout mehrmals verwenden bzw. sichern. Ein Layout besteht aus allen Sektionen, Zeilen und Spalten inkl. der Module. Ein Layout speichert man in der Divi-Bibliothek, die über das WordPress-Dashboard → Divi → Bibliothek zu finden ist.
DIVI4/5 Bibliothek
Die Divi-Bibliothek: Hier speichert man Layouts, Sektionen, Zeilen/Spalten und Module – diese können dort auch als .json-Datei exportiert und importiert werden. Eine weitere Backup-Funktion von Divi.
DIVI4/5 DIVI Pixel
Divi Pixel ist ein Plugin eines externen Entwicklers, der zusätzliche Module und Zusatzfunktionen bereitstellt. Es muss eine separate Lizenz erworben werden – für Bestandskunden ist Divi Pixel im Rahmen der Webseitenerstellung inklusive.
Ähnliche Erweiterungen sind Divi Plus, Divi Supreme, Divi Contact Form Helper und Divi Blog Extras.
DIVI4/5 DIVI Plus
Divi Plus, alternatives Plugin zu DIVI Pixel, Erweitert DIVI um weitere Module bei B.BIT im Einsatz.
Was ist Yoast-SEO & Rank Math?
Diese Plugins verwenden wir zur SEO Optimierung Ihrer Webseite
Above the Fold
- Logo & Navigation: Klarer Einstieg, um sich auf der Website zu orientieren und das Menü zu finden.
- H1-Headline & Sub-Headline: Die wichtigste Überschrift zusammen mit einem klaren Nutzenversprechen. Nutzer müssen innerhalb von 3 Sekunden verstehen, worum es geht. [1, 2]
- Hero-Image / Video: Ein visuelles Element, das die Stimmung transportiert oder das Produkt direkt präsentiert. [1, 2]
- Call-to-Action (CTA): Ein auffälliger Button (z.B. "Jetzt kaufen", "Kostenlos testen"), der die Hauptaktion auslöst. [1, 2]
- Trust-Elemente: Kleine Vertrauensbeweise wie Sterne-Bewertungen, Gütesiegel oder prominente Kundenstimmen direkt unter oder neben dem CTA
Below the Fold
Beschreibt den Bereich einer Website, der erst sichtbar wird, wenn der Nutzer nach unten scrollt. Der Begriff stammt aus dem Zeitungswesen und bezeichnete dort den Inhalt auf der unteren Hälfte der Titelseite, der erst nach dem Aufschlagen oder Umknicken sichtbar war.
Was ist SEO & GEO
SEO vs. GEO – der grundlegende Unterschied
Was ist SEO?
SEO (Search Engine Optimization) ist die klassische Suchmaschinenoptimierung. Das Ziel: Eine Website erscheint möglichst weit oben in den Ergebnislisten von Google & Co., wenn jemand einen Suchbegriff eingibt. Dabei stehen Keywords, technische Optimierung und Backlinks im Fokus.
Das Ergebnis ist eine Liste von Links – der Nutzer klickt auf eine Website und liest dort weiter.
Was ist GEO?
GEO (Generative Engine Optimization) ist die systematische Optimierung von Content für Sichtbarkeit in KI-generierten Antworten von KI-Suchen wie ChatGPT, Perplexity oder den Google AI Overviews. Im Gegensatz zu SEO, das Rankings in Suchergebnislisten optimiert, ist das Ziel von GEO, dass Unternehmen bzw. Marken als vertrauenswürdige Quellen erkannt, korrekt und positiv dargestellt und bevorzugt zitiert werden.
Das Ergebnis ist eine direkte Antwort – die KI fasst zusammen, nennt ggf. Quellen, aber der Nutzer verlässt die KI-Oberfläche oft gar nicht mehr.
Der entscheidende Unterschied
Nutzer bekommen, was sie wissen wollen, ohne zwingend auf eine Website zu klicken. Das verändert alles.
Eine Analyse von Ahrefs und Amsive (April 2025) hat ergeben, dass die Klickrate selbst für Seiten auf Platz 1 der Google-Suche um 34,5 % einbricht, sobald ein AI Overview eingeblendet wird.
Vergleich auf einen Blick
| SEO | GEO | |
|---|---|---|
| Ziel | Ranking in Suchergebnissen | Zitiert werden in KI-Antworten |
| Plattform | Google, Bing, etc. | ChatGPT, Gemini, Perplexity, Claude |
| Ergebnis | Link-Liste, Nutzer klickt | Direkte Antwort der KI |
| Erfolgsmessung | Rankings, Traffic, Klicks | Erwähnungen, Zitierungen durch KI |
| Hauptfaktoren | Keywords, Backlinks, Technik | Struktur, Autorität, Zitierwürdigkeit |
| Inhaltsstil | Keyword-optimiert | Klar, präzise, faktenbasiert |
Wie optimiert man für GEO konkret?
Klare Strukturen mit eindeutigen Überschriften, kurzen Absätzen und definierten Aussagen helfen KI-Systemen dabei, Informationen korrekt zu verarbeiten. Inhalte mit konkreten Zahlen, Studienbezügen und präzisen Definitionen werden deutlich häufiger zitiert als allgemein gehaltene Texte.
Außerdem wichtig: Autorschaft und Expertise klar ausweisen, strukturierte Daten (Schema Markup) verwenden und Inhalte so schreiben, dass sie Fragen direkt und vollständig beantworten – genau das, was eine KI als Antwort weitergeben würde.
Ist GEO ein Ersatz für SEO?
Nein. GEO SEO ist kein Entweder-oder. Wer für generative Systeme optimiert, braucht weiterhin eine solide SEO-Basis. Technische Qualität, Ladezeit, strukturierte Daten und Autorität bleiben relevant. Sie sind die Voraussetzung dafür, dass KI-Systeme Inhalte überhaupt als vertrauenswürdig einstufen. GEO baut auf SEO auf, ersetzt es aber nicht.
Kurz gesagt: SEO bringt dich in die Liste – GEO bringt dich in die Antwort.
Was ist SEA?
SEA (Search Engine Advertising) ist bezahlte Suchmaschinenwerbung – also das Gegenstück zu SEO.
Während SEO versucht, organisch (kostenlos) in den Suchergebnissen aufzutauchen, kauft man sich bei SEA sichtbare Plätze in der Suche – hauptsächlich über Google Ads.
Wie funktioniert SEA?
Werbetreibende bieten auf bestimmte Keywords. Sucht jemand nach diesem Begriff, erscheint die Anzeige ganz oben oder unten auf der Suchergebnisseite – gekennzeichnet mit dem Hinweis „Gesponsert". Bezahlt wird meist per CPC (Cost-per-Click) – also nur dann, wenn jemand tatsächlich auf die Anzeige klickt.
SEO vs. SEA vs. GEO im Vergleich
| SEO | SEA | GEO | |
|---|---|---|---|
| Was | Organische Suche | Bezahlte Anzeigen | KI-Antworten |
| Kosten | Keine direkten Kosten | Pro Klick bezahlen | Keine direkten Kosten |
| Geschwindigkeit | Monate bis Jahre | Sofort sichtbar | Mittel- bis langfristig |
| Sichtbarkeit | Organische Treffer | Ganz oben, markiert | In KI-Antworten |
| Nachhaltigkeit | Langfristig | Endet mit Budget | Langfristig |
| Plattform | Google, Bing | Google Ads, Bing Ads | ChatGPT, Gemini etc. |
Die wichtigsten SEA-Formate
- Suchanzeigen – Textanzeigen direkt in den Google-Suchergebnissen
- Shopping-Anzeigen – Produktbilder mit Preis (z. B. für Online-Shops)
- Display-Anzeigen – Bannerwerbung auf anderen Websites (Google Display-Netzwerk)
- Remarketing – Anzeigen gezielt an Nutzer, die die Website bereits besucht haben
Wann lohnt sich SEA?
SEA ist sinnvoll wenn man schnell Sichtbarkeit braucht (z. B. bei einem Website-Launch), saisonale Aktionen oder Angebote bewerben möchte, in einem hart umkämpften Markt mit SEO allein nicht weit oben rankt, oder den Traffic genau steuern und messen will.
Zusammengefasst: SEO, SEA und GEO sind keine Konkurrenten, sondern ergänzen sich. Eine gute digitale Marketingstrategie kombiniert alle drei – SEA für sofortige Sichtbarkeit, SEO für nachhaltigen Traffic und GEO für Präsenz in der KI-Suche der Zukunft.
Was ist die ON-Page Optimierung?
On-Page Optimierung
On-Page Optimierung umfasst alle Maßnahmen, die direkt auf der eigenen Website vorgenommen werden, um bessere Rankings in Suchmaschinen zu erzielen – im Gegensatz zur Off-Page Optimierung, die sich mit externen Faktoren wie Backlinks beschäftigt.
1. Inhalt (Content)
Das Herzstück jeder On-Page Optimierung. Suchmaschinen bewerten Inhalte danach, wie gut sie die Suchanfrage eines Nutzers beantworten.
- Keywords sinnvoll und natürlich im Text einsetzen
- Suchintention treffen – was will der Nutzer wirklich wissen?
- Inhalte regelmäßig aktualisieren und aktuell halten
- Ausreichende Texttiefe – Themen vollständig behandeln
- Keine Duplicate Content – jede Seite braucht einzigartigen Inhalt
2. Technische Struktur
- Title Tag – der klickbare Titel in den Suchergebnissen, max. ~60 Zeichen, mit Haupt-Keyword
- Meta Description – kurze Beschreibung unter dem Titel (~155 Zeichen), kein direkter Ranking-Faktor, aber beeinflusst die Klickrate
- Überschriften-Hierarchie – H1 (einmalig, Hauptthema), H2, H3 für logische Gliederung
- URL-Struktur – kurz, sprechend, mit Keyword (z. B.
/on-page-optimierung/) - Interne Verlinkung – Seiten untereinander sinnvoll verknüpfen
3. Bilder & Medien
- Alt-Texte für alle Bilder – beschreibt das Bild für Suchmaschinen und Screenreader
- Bilder komprimieren für schnelle Ladezeiten
- Sprechende Dateinamen statt
IMG_4567.jpgbesseron-page-optimierung.jpg
4. Ladezeit & Performance
Langsame Websites werden von Google abgestraft und von Nutzern sofort verlassen.
- Bilder optimieren und komprimieren
- Caching einsetzen
- Unnötige Plugins und Scripts reduzieren
- Core Web Vitals einhalten – Googles Messgrößen für Nutzererfahrung (LCP, CLS, FID)
5. Mobile Optimierung
Seit 2019 indexiert Google primär die mobile Version einer Website (Mobile First Indexing). Eine responsive, auf Smartphones gut nutzbare Website ist Pflicht.
6. Strukturierte Daten (Schema Markup)
Maschinenlesbare Zusatzinformationen im Seitencode, die Google helfen, Inhalte besser zu verstehen – und die sogenannte Rich Snippets ermöglichen (z. B. Sternebewertungen, FAQ-Boxen, Rezepte direkt in den Suchergebnissen).
On-Page vs. Off-Page vs. Technisches SEO
| On-Page | Off-Page | Technisches SEO | |
|---|---|---|---|
| Was | Inhalte & Struktur der Seite | Externe Signale | Server & Code |
| Beispiele | Keywords, Texte, H1-Tags | Backlinks, Erwähnungen | Crawlbarkeit, HTTPS, Sitemap |
| Kontrolle | Vollständig selbst steuerbar | Nur teilweise steuerbar | Vollständig selbst steuerbar |
Kurzfassung: On-Page Optimierung bedeutet, die eigene Website so zu gestalten, dass Suchmaschinen sie verstehen und Nutzer sich darin wohlfühlen – denn beides zusammen führt zu besseren Rankings.
Was ist die OFF-Page Optimierung?
Off-Page Optimierung
Off-Page Optimierung umfasst alle Maßnahmen außerhalb der eigenen Website, die das Ansehen und die Autorität einer Website in den Augen von Suchmaschinen stärken. Während On-Page direkt steuerbar ist, geht es bei Off-Page darum, wie andere das eigene Angebot wahrnehmen und darüber sprechen.
1. Backlinks – der wichtigste Faktor
Ein Backlink ist ein Link von einer fremden Website auf die eigene. Suchmaschinen werten das als Empfehlung – ähnlich wie eine Mundpropaganda-Weiterempfehlung im echten Leben.
Dabei gilt: Qualität schlägt Quantität.
- Ein Link von einer renommierten, themenrelevanten Website ist mehr wert als 100 Links von minderwertigen Seiten
- Linkbuilding – aktives Gewinnen von Backlinks durch Kooperationen, Gastbeiträge, Pressearbeit
- Linkbait – so guten Content erstellen, dass andere freiwillig darauf verlinken
- Toxische Links (Spam-Seiten) können schaden und sollten per Disavow bei Google entwerted werden
2. Markenerwähnungen (Brand Mentions)
Auch ohne direkten Link wertet Google Erwähnungen des Markennamens im Web als positives Signal – in Artikeln, Foren, sozialen Netzwerken oder Nachrichtenportalen.
3. Social Signals
Likes, Shares und Kommentare auf sozialen Netzwerken sind kein direkter Ranking-Faktor, haben aber indirekten Einfluss:
- Mehr Reichweite → mehr Menschen sehen den Content
- Mehr Sichtbarkeit → höhere Wahrscheinlichkeit, dass andere darauf verlinken
4. Local SEO & Google Business Profile
Für lokale Unternehmen besonders wichtig:
- Google Business Profile pflegen (Adresse, Öffnungszeiten, Fotos, Kategorie)
- Bewertungen sammeln und darauf antworten
- Einträge in lokalen Verzeichnissen (Yelp, Gelbe Seiten, Branchenportale) – sogenannte Citations
- NAP-Konsistenz – Name, Adresse und Telefonnummer müssen überall identisch sein
5. PR & digitale Öffentlichkeitsarbeit
- Pressemitteilungen auf Nachrichtenportalen
- Interviews und Expertenbeiträge in Fachmedien
- Erwähnungen in Online-Magazinen und Blogs
- Podcast-Auftritte als Experte
6. Gastbeiträge (Guest Posting)
Artikel auf fremden, themenrelevanten Websites veröffentlichen – mit einem Link zurück zur eigenen Seite. Doppelter Nutzen: Sichtbarkeit beim Publikum der Gastwebsite und wertvoller Backlink.
On-Page vs. Off-Page im Vergleich
| On-Page | Off-Page | |
|---|---|---|
| Wo | Auf der eigenen Website | Auf fremden Websites & Plattformen |
| Kontrolle | Vollständig steuerbar | Nur teilweise steuerbar |
| Hauptfaktoren | Keywords, Texte, Technik | Backlinks, Bewertungen, Erwähnungen |
| Geschwindigkeit | Änderungen schnell wirksam | Langfristiger Aufbau nötig |
| Ziel | Seite für Suchmaschinen optimieren | Autorität & Vertrauen aufbauen |
Wichtig zu verstehen
Off-Page Optimierung lässt sich nicht kaufen oder schnell erzwingen – zumindest nicht nachhaltig. Gekaufte Backlinks verstoßen gegen Googles Richtlinien und können zu manuellen Abstrafungen führen. Nachhaltiger Off-Page-Aufbau braucht Zeit, zahlt sich aber langfristig aus.
Kurzfassung: On-Page sagt Suchmaschinen, worum es auf der Website geht. Off-Page sagt Suchmaschinen, wie vertrauenswürdig und bedeutend die Website im Web ist. Beides zusammen ergibt eine starke SEO-Strategie.
Die Search Console & Analytics
Google Search Console vs. Google Analytics
Beide Tools kommen von Google, werden oft zusammen genutzt – verfolgen aber grundlegend unterschiedliche Zwecke.
Google Search Console – das Suchmaschinen-Werkzeug
Die Search Console zeigt, wie Google die eigene Website sieht – also alles, was vor dem Klick passiert.
Was sie beantwortet:
- Für welche Keywords erscheint meine Website in Google?
- Auf welcher Position ranke ich?
- Wie oft wird meine Seite angezeigt (Impressionen) vs. angeklickt (Klicks)?
- Welche Seiten hat Google gecrawlt und indexiert?
- Gibt es technische Fehler (defekte Seiten, Mobile-Probleme, Core Web Vitals)?
- Wurden Backlinks auf meine Seite gefunden?
Typische Kennzahlen:
- Impressionen – wie oft erscheint die Seite in den Suchergebnissen
- Klicks – wie oft wurde tatsächlich geklickt
- CTR (Click-Through-Rate) – Verhältnis Impressionen zu Klicks
- Durchschnittliche Position – wo rankt die Seite im Schnitt
Google Analytics – das Nutzerverhalten-Werkzeug
Analytics zeigt, was Besucher auf der Website tun – also alles, was nach dem Klick passiert.
Was es beantwortet:
- Wie viele Besucher kommen auf meine Website?
- Woher kommen sie (Google, Social Media, direkt, Newsletter)?
- Welche Seiten besuchen sie und wie lange bleiben sie?
- Wo springen Nutzer ab (Absprungrate)?
- Werden Ziele erreicht (Kontaktformular ausgefüllt, Kauf getätigt)?
- Welche Geräte nutzen die Besucher (Desktop, Mobil, Tablet)?
Typische Kennzahlen:
- Sessions – einzelne Besuche auf der Website
- Nutzer – wie viele verschiedene Personen
- Seitenaufrufe – wie viele Seiten insgesamt aufgerufen wurden
- Verweildauer – wie lange Nutzer auf einer Seite bleiben
- Conversions – Zielerreichungen (Kauf, Anmeldung, etc.)
Der direkte Vergleich
| Search Console | Analytics | |
|---|---|---|
| Fokus | Google-Suche & Indexierung | Nutzerverhalten auf der Website |
| Zeitpunkt | Vor dem Klick | Nach dem Klick |
| Hauptfrage | Wie findet Google mich? | Was tun Besucher auf meiner Seite? |
| Keywords | Ja – genaue Suchbegriffe | Eingeschränkt |
| Traffic-Quellen | Nur organische Suche | Alle Quellen (SEO, SEA, Social, etc.) |
| Technische Fehler | Ja | Nein |
| Conversions | Nein | Ja |
| Nutzerverhalten | Nein | Ja |
| Zielgruppe | SEO-Verantwortliche | Marketing & Webanalyse |
Zusammenspiel der beiden Tools
Die eigentliche Stärke entfalten beide Tools gemeinsam:
Die Search Console zeigt z. B., dass eine Seite 10.000 Impressionen hat, aber nur eine CTR von 1 % – also kaum jemand klickt. Analytics zeigt dann, dass die wenigen Besucher, die kommen, sofort wieder abspringen. Daraus folgt: Sowohl der Title Tag (für mehr Klicks) als auch der Inhalt (für mehr Verweildauer) müssen verbessert werden.
Kurzfassung: Die Search Console ist das Fenster zu Google – Analytics das Fenster zu den Besuchern. Wer beide kombiniert, versteht nicht nur wie Nutzer die Seite finden, sondern auch was sie dort erleben.
Die Landingpage für SEO/SEA
Landingpage: SEO vs. SEA
Beide nutzen Landingpages als Zielseite – aber mit unterschiedlichen Anforderungen, Zielen und Aufbau. Eine SEO-Landingpage und eine SEA-Landingpage sehen oft komplett anders aus.
SEO-Landingpage – für die organische Suche
Das Ziel ist es, langfristig in Google zu ranken. Google bewertet die Seite inhaltlich, technisch und nach Nutzerverhalten – deshalb muss eine SEO-Landingpage viel mehr Inhalt liefern.
Merkmale:
- Ausführlicher, tiefgehender Content (oft 800–2.000+ Wörter)
- Klare Keyword-Optimierung im Text, in Überschriften und Meta-Tags
- Interne Verlinkung zu anderen Seiten
- Strukturierte Daten (Schema Markup)
- Header, Footer, Navigation – vollständige Website-Struktur
- Bilder mit Alt-Texten, optimierte Ladezeit
- Regelmäßige Aktualisierung des Inhalts
Zeitrahmen: Monate bis der Traffic organisch aufgebaut ist
SEA-Landingpage – für bezahlte Anzeigen
Das Ziel ist eine einzige Handlung – der Besucher soll konvertieren (kaufen, anfragen, anrufen). Alles Ablenkende wird entfernt.
Merkmale:
- Oft keine Navigation, kein Footer – keine Ablenkung vom Ziel
- Sehr fokussiert auf einen einzigen Call-to-Action (CTA)
- Kurz und prägnant – schnell auf den Punkt
- Starke Headline, die direkt zur Anzeige passt
- Vertrauenssignale: Bewertungen, Siegel, Garantien
- Optimiert auf Conversion Rate – nicht auf Ranking
- A/B-Tests für verschiedene Versionen möglich
Zeitrahmen: Sofort sichtbar, solange das Budget läuft
Direkter Vergleich
| SEO-Landingpage | SEA-Landingpage | |
|---|---|---|
| Ziel | In Google ranken | Conversion erzielen |
| Inhaltslänge | Lang & ausführlich | Kurz & fokussiert |
| Navigation | Vollständige Website-Navigation | Oft keine Navigation |
| Keywords | Tief integriert im Content | In Headline & CTA |
| Erfolgsmessung | Rankings, Traffic, Verweildauer | Conversion Rate, Cost per Lead |
| Kosten | Zeitaufwand, kein Klickpreis | Jeder Klick kostet Geld |
| Lebensdauer | Langfristig & nachhaltig | Endet mit dem Budget |
| Änderungen | Behutsam (Ranking-Risiko) | Jederzeit frei anpassbar |
| Tool | Search Console, Analytics | Google Ads, Analytics |
Die häufigsten Fehler
Bei SEO-Landingpages:
- Zu wenig Content – Google findet nichts zu bewerten
- Keyword-Stuffing – Keywords unnatürlich oft wiederholen
- Keine interne Verlinkung – Seite hängt isoliert im Nichts
Bei SEA-Landingpages:
- Anzeige und Landingpage passen inhaltlich nicht zusammen – Nutzer sind verwirrt und springen ab
- Zu viele CTAs – der Besucher weiß nicht, was er tun soll
- Keine Vertrauenssignale – Besucher zögern und konvertieren nicht
- Normale Website-Seite als Landingpage nutzen – zu viel Ablenkung
Kann eine Seite beides sein?
Grundsätzlich ja – aber nur bedingt gut. Eine echte SEA-Landingpage ohne Navigation schadet dem SEO, weil Google sie als dünn und isoliert bewertet. Eine SEO-Landingpage mit viel Navigation und langem Text lenkt SEA-Besucher ab und senkt die Conversion Rate.
Die Lösung in der Praxis: Zwei separate Versionen erstellen – eine ausführliche SEO-Seite für organischen Traffic und eine schlanke, fokussierte Variante ausschließlich für die bezahlten Kampagnen.
Kurzfassung: Die SEO-Landingpage überzeugt Google – die SEA-Landingpage überzeugt den Besucher. Beide haben dasselbe Thema, aber eine völlig andere Aufgabe.
Was ist Content-Marketing?
Content-Marketing als Off-Page SEO Strategie
Content-Marketing und Off-Page SEO gehören eng zusammen – guter Content ist oft der Motor, der externe Sichtbarkeit, Backlinks und Markenbekanntheit erst erzeugt.
Was ist Content-Marketing?
Content-Marketing bedeutet, wertvolle, relevante Inhalte zu erstellen und zu verbreiten – nicht um direkt zu verkaufen, sondern um eine Zielgruppe anzuziehen, zu informieren und langfristig Vertrauen aufzubauen.
Der Grundgedanke: Wer nützliche Inhalte liefert, wird als Experte wahrgenommen – und Experten bekommt man Anfragen, Links und Empfehlungen.
Der Zusammenhang mit Off-Page SEO
Off-Page SEO lebt von externen Signalen – Backlinks, Erwähnungen, Empfehlungen. Content-Marketing ist der natürlichste Weg, diese Signale zu erzeugen:
| Content-Marketing Maßnahme | Off-Page SEO Effekt |
|---|---|
| Nützlicher Blogbeitrag | Andere verlinken darauf |
| Studie / Statistik veröffentlichen | Medien & Blogs zitieren die Quelle |
| Gastbeitrag schreiben | Backlink vom Gastgeber |
| Infografik erstellen | Wird geteilt & eingebettet mit Link |
| Podcast-Auftritt | Erwähnung & Link in den Shownotes |
| Pressemitteilung | Aufgriff durch Nachrichtenportale |
Die wichtigsten Content-Formate
Textbasiert:
- Blogbeiträge & Ratgeberartikel
- Whitepapers & E-Books
- Fallstudien (Case Studies)
- FAQ-Seiten
- Glossare & Lexika
Visuell:
- Infografiken – werden häufig geteilt und verlinkt
- Checklisten & Vorlagen (zum Download)
- Datenvisualisierungen & Statistiken
Medienbasiert:
- Videos (YouTube als zweitgrößte Suchmaschine)
- Podcasts – wachsendes Format mit hoher Expertenwirkung
- Webinare & Online-Events
Content-Marketing Strategie – der Ablauf
1. Zielgruppe definieren Wer soll erreicht werden? Welche Fragen stellt diese Person? Welche Probleme hat sie?
2. Themen & Keywords recherchieren Welche Begriffe sucht die Zielgruppe? Welche Themen fehlen noch im Markt?
3. Content erstellen Hochwertig, einzigartig, tiefer als die Konkurrenz – der sogenannte „10x Content" (zehnmal besser als das Beste, was es bereits gibt).
4. Content verbreiten (Distribution) Content der nicht verbreitet wird, existiert praktisch nicht. Kanäle:
- Social Media (LinkedIn, Instagram, Facebook)
- Newsletter & E-Mail-Marketing
- Gastbeiträge auf Fachportalen
- PR & Pressearbeit
- Communities & Foren
5. Backlinks aktiv aufbauen Andere auf den Content aufmerksam machen – Blogger, Journalisten, Branchenportale gezielt ansprechen (Outreach).
6. Messen & optimieren Welche Inhalte performen? Was bringt Links, Traffic, Anfragen?
Content-Marketing & die drei SEO-Disziplinen
| Wirkung | |
|---|---|
| On-Page SEO | Content auf der eigenen Website rankt für Keywords |
| Off-Page SEO | Guter Content zieht Backlinks & Erwähnungen an |
| GEO | Hochwertiger, zitierwürdiger Content wird von KI-Systemen als Quelle verwendet |
Content-Marketing ist damit die einzige Strategie, die alle drei Disziplinen gleichzeitig bedient.
Häufige Fehler im Content-Marketing
- Quantität statt Qualität – viele mittelmäßige Artikel statt wenige herausragende
- Kein Verteilungsplan – Content wird erstellt, aber nicht aktiv verbreitet
- Keine Zielgruppe definiert – Inhalte treffen niemanden gezielt
- Kein langer Atem – Content-Marketing braucht 6–12 Monate bis erste Ergebnisse sichtbar werden
- Content-Inseln – Artikel stehen allein ohne interne Verlinkung und Themenstruktur
Kurzfassung: Content-Marketing ist die Kunst, so nützliche und relevante Inhalte zu erstellen, dass andere Menschen und Websites freiwillig darüber sprechen, teilen und verlinken. Es ist die nachhaltigste Off-Page SEO Strategie – und gleichzeitig der beste Weg, langfristig Vertrauen, Sichtbarkeit und Anfragen zu gewinnen.
Local-SEO Optimierung
Local SEO Optimierung für B.BIT e.k. K.
Local SEO bedeutet, in der lokalen Suche sichtbar zu sein – wenn potenzielle Kunden in der Region nach Dienstleistungen suchen, die B.BIT e.k. K. anbietet. Ziel ist es, bei Suchanfragen wie „Webdesign Frankfurt" oder „WordPress Agentur Frankfurt" ganz oben zu erscheinen.
Was ist Local SEO?
Local SEO ist die Optimierung einer Website für standortbezogene Suchanfragen. Google zeigt bei lokalen Suchen drei Bereiche:
- Local Pack – die Kartenbox mit 3 Einträgen ganz oben
- Google Maps – Kartenansicht mit allen lokalen Anbietern
- Organische Ergebnisse – klassische Suchergebnisse darunter
Wer alle drei Bereiche abdeckt, dominiert die lokale Suche.
On-Page Maßnahmen für Local SEO
1. NAP-Konsistenz auf allen Seiten
NAP steht für Name, Address, Phone – diese drei Angaben müssen auf jeder Seite identisch und vollständig sein.
B.BIT e.k. K.
Musterstraße 1
60xxx Frankfurt am Main
Tel: +49 69 xxxxxxx
Idealerweise im Footer jeder Seite eingebunden – damit Google auf jeder Unterseite den Standort erkennt.
2. Dedizierte lokale Landingpages
Für jede angebotene Dienstleistung eine eigene, lokal optimierte Seite erstellen:
| Seite | Ziel-Keyword |
|---|---|
/webdesign-frankfurt/ |
Webdesign Frankfurt |
/wordpress-agentur-frankfurt/ |
WordPress Agentur Frankfurt |
/seo-agentur-frankfurt/ |
SEO Agentur Frankfurt |
/webseite-erstellen-frankfurt/ |
Webseite erstellen Frankfurt |
/online-shop-frankfurt/ |
Online Shop Frankfurt |
Jede Seite hat eigenen Content, eigene Meta-Tags und spricht das lokale Keyword gezielt an – keine Duplicate Content.
3. Title Tags & Meta Descriptions lokal optimieren
Jede Seite braucht standortbezogene Title Tags:
Beispiel Title Tag:
Webdesign Frankfurt | B.BIT e.k. K. – Professionelle Websites
Beispiel Meta Description:
Professionelles Webdesign in Frankfurt am Main. B.BIT e.k. K.
erstellt moderne WordPress-Websites für Unternehmen in der
Rhein-Main-Region. Jetzt Beratung anfragen!
4. Lokale Keywords in den Content integrieren
Nicht nur die Hauptstadt nennen – auch umliegende Orte und Stadtteile einbeziehen:
- Frankfurt am Main
- Sachsenhausen, Bornheim, Westend, Nordend
- Offenbach, Hanau, Darmstadt, Wiesbaden
- Rhein-Main-Region, Hessen
Natürlich in den Fließtext eingebaut – nicht aufgelistet oder gestopft.
5. LocalBusiness Schema Markup
Strukturierte Daten direkt im Seitencode, damit Google den Standort maschinell lesen kann:
{
"@context": "https://schema.org",
"@type": "LocalBusiness",
"name": "B.BIT e.k. K.",
"address": {
"@type": "PostalAddress",
"streetAddress": "Musterstraße 1",
"addressLocality": "Frankfurt am Main",
"postalCode": "60xxx",
"addressCountry": "DE"
},
"telephone": "+49-69-xxxxxxx",
"url": "https://www.bbit.de",
"openingHours": "Mo-Fr 09:00-18:00"
}
6. Google Maps einbinden
Auf der Kontaktseite eine interaktive Google Maps Karte einbinden – das stärkt das lokale Signal und hilft Besuchern gleichzeitig praktisch.
7. Lokale Referenzen & Projekte
Eine eigene Seite oder Sektion mit lokalen Kundenprojekten:
- „Webseite erstellt für Bäckerei Müller, Frankfurt-Sachsenhausen"
- „WordPress-Relaunch für Kanzlei Schmidt, Frankfurt Westend"
Das zeigt Google: Diese Agentur arbeitet aktiv in Frankfurt – und liefert echten lokalen Content.
8. Über-uns-Seite lokal gestalten
Die Über-uns-Seite sollte den lokalen Bezug klar kommunizieren:
- Standort & Region erwähnen
- Team-Fotos mit Ortsbezug
- Geschichte des Unternehmens in Frankfurt
- Engagement in der lokalen Community
9. Mobile Optimierung
Lokale Suchen passieren überwiegend auf dem Smartphone – oft unterwegs. Die Website muss auf mobilen Geräten perfekt funktionieren:
- Schnelle Ladezeit (unter 3 Sekunden)
- Telefonnummer als klickbarer Link (
tel:) - Adresse als klickbarer Link zu Google Maps
- Kontaktformular einfach auf Mobilgeräten bedienbar
10. Mehrsprachigkeit (optional)
Frankfurt ist international – je nach Zielgruppe kann es sinnvoll sein, Schlüsselseiten auch auf Englisch anzubieten und entsprechend lokal zu optimieren:
/en/web-design-frankfurt/
/en/wordpress-agency-frankfurt/
Die wichtigsten Off-Page Maßnahmen ergänzend
Damit die On-Page Arbeit ihre volle Wirkung entfaltet, braucht es parallel:
- Google Business Profile vollständig ausfüllen und pflegen
- Bewertungen aktiv sammeln (Google, ProvenExpert, Trustpilot)
- Lokale Verzeichnisse – Einträge in Gelbe Seiten, Yelp, Wlw.de, Branchenportalen
- Lokale Backlinks – von Frankfurter Medien, IHK, Netzwerken, Partnerunternehmen
Checkliste: Local SEO On-Page für B.BIT e.k. K.
| Maßnahme | Priorität |
|---|---|
| NAP im Footer jeder Seite | 🔴 Hoch |
| Lokale Landingpages je Dienstleistung | 🔴 Hoch |
| Title Tags & Meta Descriptions mit Stadtname | 🔴 Hoch |
| LocalBusiness Schema Markup | 🔴 Hoch |
| Google Maps auf Kontaktseite | 🔴 Hoch |
| Mobile Optimierung & Ladezeit | 🔴 Hoch |
| Lokale Keywords im Content | 🟡 Mittel |
| Lokale Referenzprojekte | 🟡 Mittel |
| Über-uns-Seite lokal gestalten | 🟡 Mittel |
| Umliegende Städte & Stadtteile nennen | 🟡 Mittel |
| Englische Versionen der Kernseiten | 🟢 Optional |
Kurzfassung: Local SEO für B.BIT e.k. K. bedeutet, jede Seite der Website so zu gestalten, dass Google sofort erkennt – diese Agentur ist in Frankfurt ansässig, bietet Webdesign und WordPress-Leistungen an und ist die beste Wahl für Unternehmen in der Region. NAP-Konsistenz, lokale Landingpages und Schema Markup sind dabei die drei wichtigsten On-Page Hebel.
Angebot anfordern

Wir sind für Sie telefonisch erreichbar:
Montag bis Donnerstag
09:00 Uhr bis 16:00 Uhr
Freitag
09:00 bis 12:00 Uhr
Sowie außerhalb dieser Zeiten per E-Mail
B.BIT e. K.
Kassenberg 82
45479 Mülheim an der Ruhr
Kontakt
Telefon: +49 208 99 77 86