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 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

Above the Fold bezeichnet den ersten sichtbaren Bereich einer Webseite, den Besucher sehen, bevor sie scrollen. Da dieser Bereich maßgeblich über Verweildauer und Absprungrate entscheidet, sollten dort nur die wichtigsten Informationen und Handlungsaufforderungen platziert werden. Hier sind die entscheidenden Abschnitte, die dort hingehören: [1, 2, 3, 4]
Die Kernabschnitte im Überblick
  • 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.jpg besser on-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

Fordern Sie ein Angebot an

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

1

2

3