Die Welt des Webdesigns entwickelt sich rasant. Im Zentrum dieser Veränderung stehen Geschwindigkeit, Flexibilität und Wartbarkeit. Divi, einer der weltweit bekanntesten Page Builder, präsentiert mit Divi 5 (Foundation) nicht einfach nur ein Update, sondern eine grundlegende technische Neuausrichtung.

Wir von der BSZ Online Solutions AG in Zürich haben diese neue Generation analysiert. Dabei zeigt sich: Divi 5 fühlt sich nicht nur schneller an, sondern ist strukturell so aufgebaut, dass moderne Layouts und skalierbare Websites deutlich sauberer umgesetzt werden können.

Was ist Divi 5? Warum „Foundation“?

Divi 5 ist kein klassisches Versionsupdate, sondern ein Foundation-Rebuild. Der Builder wurde von Grund auf neu entwickelt, um typische Schwachstellen früherer Versionen zu reduzieren:

Divi 5 ist kein klassisches Versionsupdate, sondern ein Foundation-Rebuild. Der Builder wurde von Grund auf neu entwickelt, um typische Schwachstellen früherer Versionen zu reduzieren. Dazu gehören unter anderem ein träger Editor bei grossen Seiten, technischer Ballast im Frontend und ein hoher Bedarf an Workarounds oder Custom CSS. Gerade für Unternehmen und Agenturen ist das relevant. Eine Website soll heute nicht nur gut aussehen, sondern sich auch effizient pflegen, erweitern und langfristig stabil betreiben lassen. Genau an diesem Punkt setzt Divi 5 an.

Vier entscheidende Vorteile für unsere Kunden

1. Mehr Geschwindigkeit und bessere SEO-Basis

Das grösste Versprechen von Divi 5 ist die verbesserte Performance. Durch die neue Architektur arbeitet der Builder flüssiger, und auch der Frontend-Output wird sauberer und schlanker erzeugt als in vielen früheren Divi-Setups. Schnelle Ladezeiten verbessern nicht nur die Benutzererfahrung, sondern wirken sich auch positiv auf Core Web Vitals und damit indirekt auf die Sichtbarkeit in Suchmaschinen aus. Wenn eine Website schneller reagiert, sinken Reibungsverluste im Nutzungserlebnis, und Conversion-Prozesse laufen oft stabiler. Zusätzlich deuten die aktuellen Entwicklungen auf eine bessere Grundlage bei Bildverarbeitung, Ladeverhalten und cachingnaher Performance hin. Gerade bei umfangreicheren Kundenprojekten ist das ein wichtiger Faktor für Zukunftssicherheit.

2. Modernes Layout-System mit mehr Gestaltungsfreiheit

 Ein grosser Fortschritt von Divi 5 liegt im modernen Layouting. Veraltete Struktur-Workarounds werden zunehmend durch Flexbox-basierte Steuerung, Nested Elements und eine flexiblere Kolonnenlogik ersetzt.

Das bedeutet in der Praxis: mehr Kontrolle über Abstände, Ausrichtung, Reihenfolge und das Verhalten einzelner Elemente auf unterschiedlichen Bildschirmgrössen. Layouts, die früher nur mit zusätzlichem CSS oder komplizierten Konstruktionen möglich waren, lassen sich nun deutlich nativer umsetzen.

Neu hinzu kommen eine verbesserte Kolonnenstruktur, zusätzliche Layoutoptionen per Drag-and-Drop sowie erweiterte Gestaltungselemente wie Buttons, Icons, Slider oder Maps. Das erweitert den visuellen Spielraum deutlich und reduziert technische Umwege.

3. Dynamische Inhalte, neuer Visual Builder und proaktivieres Arbeiten

Mit Global Variables, Presets und wiederverwendbaren Einstellungen entwickelt sich Divi 5 stärker zu einem echten Design-System. Statt einzelne Seiten manuell nachzupflegen, können Farben, Abstände, Stilregeln und weitere Designwerte zentral gesteuert werden.

Der Vorteil für Unternehmen ist direkt greifbar: Ändert sich etwa eine Markenfarbe oder eine Designlogik, muss diese nicht mehr mühsam an vielen Stellen einzeln angepasst werden. Eine zentrale Änderung kann sich auf die gesamte Website auswirken. Das spart Zeit und erhöht die Konsistenz der Marke.

Langfristig reduziert das auch den Wartungsaufwand. Für Agenturen ist das besonders wertvoll, weil Projekte sauberer aufgebaut und im Alltag effizienter gepflegt werden können.

4. Design-System für Konsistenz und geringeren Pflegeaufwand

Divi 5 bringt nicht nur strukturelle Verbesserungen, sondern auch klare Produktivitätsvorteile im Builder selbst. Der überarbeitete Visual Builder wirkt intuitiver und angenehmer in der Bedienung. Gleichzeitig ermöglichen Funktionen wie Layout Manager, CSS-Editor, JavaScript-Editor und Loop Builder mehr Kontrolle über komplexere Websites.

Besonders spannend ist der Loop Builder für Blog-Beiträge, Portfolios, Referenzen oder Produktlisten. Dynamische Inhalte lassen sich effizienter und sauberer darstellen, ohne dass ständig auf klassische Template-Logiken ausgewichen werden muss.

Für Kunden bedeutet das vor allem eines: Inhalte können strukturierter gepflegt, Prozesse beschleunigt und neue Seitentypen flexibler aufgebaut werden.

4.1 Zusätzliche neue Funktionen in Divi 5

Neben den vier strategisch wichtigsten Punkten bringt Divi 5 weitere praktische Neuerungen mit:

4.2 Unsere Strategie für eine sichere Migration

So interessant Divi 5 technisch auch ist: Bei bestehenden Websites sollte die Umstellung nicht überstürzt erfolgen. Migration ist kein Ein-Klick-Projekt, sondern braucht Planung, Tests und eine saubere technische Bewertung. Basierend auf unseren Analysen und der internen Abstimmung im technischen Team setzen wir auf einen kontrollierten Migrationsprozess. Unser Ziel ist nicht die schnellste, sondern die sicherste und wirtschaftlich sinnvollste Migration.

Zusätzliche neue Funktionen in Divi 5

• Neue Seitenlayout-Verwaltung für wiederverwendbare Layouts.

• CSS-Editor und JavaScript-Editor für gezielte technische Erweiterungen.

• Neue Icons und zusätzliche Designelemente.

• Verbesserte Benutzerführung im Visual Builder.

• Mehr Kontrolle über responsive Darstellungen (Mobile/Tablet/Desktop).

Divi 4 und Divi 5 im Vergleich

• Editor: Divi 4 ist bei grossen Seiten teilweise träge; Divi 5 wirkt flüssiger und moderner.

• Layouting: Divi 4 braucht häufiger Workarounds und Custom CSS; Divi 5 setzt stärker auf Flexbox, Nested Elements und moderne Strukturen.

• Design-System: Divi 4 ist begrenzter und oft manueller; Divi 5 bietet Presets, Variables und zentrale Steuerung.

• Dynamische Inhalte: Divi 4 erfordert mehr Template-Aufwand; Divi 5 vereinfacht viele Fälle mit dem Loop Builder.

Fazit: Divi 5 macht Websites zukunftsfähiger

Divi 5 ist mehr als nur ein Versionssprung. Die neue Grundlage verbessert Performance, Design-Konsistenz und Skalierbarkeit spürbar. Für neue Projekte ist Divi 5 perspektivisch sehr attraktiv. Bei bestehenden Websites empfehlen wir eine strukturierte Prüfung und eine schrittweise Modernisierung.

Einleitung: Ein Projekt, das einfacher aussieht, als es ist

Eine Website für eine Garage zu erstellen, mag einfach klingen. Ein paar Seiten, ein Kontaktformular, vielleicht
eine Karte. Wenn der Kunde jedoch sowohl den Fahrzeughandel verwalten als auch Servicetermine
vereinbaren will und zudem bei Google-Suchanfragen wie «Garage Zuzwil» ganz oben erscheinen möchte, erfordert
dies eine ernsthafte technische und strategische Planung.

Die Wiaz AG ist eine markenunabhängige Garage und ein Gebrauchtwagenhändler in Zuzwil im Kanton St. Gallen.
Dieses Unternehmen, das Serviceleistungen für alle Marken anbietet und gleichzeitig ein breites Portfolio an
Occasionen führt, kam mit folgender Nachricht zu BSZ Zurich:
«Wir wollen online wirklich sichtbar sein.»

In diesem Blogbeitrag teilen wir die technische Architektur der WordPress-Website, die wir für die Wiaz AG
entwickelt haben, unseren Auswahlprozess für Plugins, die lokale SEO Strategie und die Ergebnisse der
Performance-Optimierung.

1. Das Projekt verstehen: Was wollte der Kunde?

Die Bedarfsliste der Wiaz AG wurde im ersten Meeting geklaert:

• Fahrzeuggalerie: Ein Auflistungssystem mit einer Kapazität von mindestens 30-40 Fahrzeugen,
  Filterbar nach Marke, Modell, Jahr, Kraftstoffart, Getriebe, Preis und Kilometerstand.
• Serviceseite: Ein separater Inhaltsbereich für Service & Reparatur, MFK
  (Motorfahrzeugkontrolle) Vorbereitung und Werkstattdienstleistungen.
• Mehrkanal-Kommunikation: Separate Telefonnummern für Verkaufs- und Serviceabteilungen.
• Terminsystem: Möglichkeit zur Online-Terminbuchung.
• Mobile Kompatibilität: Der mobile Traffic-Anteil in der Schweiz hat den Desktop-Anteil
  ueberholt.
• Sprache: Deutsch, passender Ton für den Schweizer Markt.
• Local SEO: Sichtbarkeit bei standortbasierten Suchanfragen wie «Garage Zuzwil», «Occasion
  kaufen St. Gallen», «MFK Vorbereitung Wil SG».

2. Die kritischste Entscheidung: WooCommerce oder Auto Listings Plugin?

Diese Frage stellt sich am Anfang jedes Automobilprojekts, und die falsche Antwort wirkt sich auf das gesamte
Projekt aus.

Der Reiz von WooCommerce

WooCommerce ist die verbreitetste E-Commerce-Lösung im WordPress-Ökosystem. Der erste Instinkt ist oft: «Ich
Füge die Fahrzeuge als Produkte hinzu, teile sie in Kategorien ein, fertig.» Doch bei der Wahl von WooCommerce
Für Automobilprojekte treten einige ernsthafte Probleme auf:

Auto Listings Plugin: Die für die Automobilbranche entwickelte Loesung

Auto Listings ist ein auf WordPress.org kostenlos angebotenes Plugin, das speziell für Fahrzeuglisten entwickelt
wurde. Die konkreten Gründe, warum wir dieses Plugin für das Wiaz AG Projekt gewählt haben:

Die derzeit aktiven 37 Fahrzeuglisten der Wiaz AG laufen problemlos auf dieser Infrastruktur.

Fazit: Wenn ein Kunde keine Fahrzeuge verkaufen, sondern seine Fahrzeuge ausstellen und Leads
sammeln moechte, ist Auto Listings im Vergleich zu WooCommerce eine leichtere, funktionalere und schneller
einzurichtende Loesung.

3. Technische Architektur: Weitere kritische Entscheidungen

Header-Design: Das Zwei-Abteilungen-Problem

Die Wiaz AG hat zwei separate Teams: Verkauf und Service (Werkstatt). Für beide werden unterschiedliche
Telefonnummern verwendet. Im Header haben wir beide Nummern mit Symbolen sichtbar gemacht—für den Verkauf
071 495 70 00, für den Service 071 495 70 04. Auf Mobilgeräten funktionieren
diese Nummern als klickbare (tel:) Links. Diese UX-Entscheidung stellt sicher, dass die richtige Person zum
richtigen Zeitpunkt erreicht wird.

Seitenstruktur

wiaz.ch/
├── Home (Slider + Dienstleistungen + Kundenbewertungen + Marken)
├── Reparatur & Service (Serviceleistungen + MFK + Kontaktformular)
├── Occasionen (Fahrzeuggalerie—37 Fahrzeuge, filterbar)
├── Über uns
└── Kontakt & Termin (Kontakt + Terminvereinbarung)

4. Local SEO Strategie: Sichtbarkeit bei «Garage Zuzwil» Suchanfragen

4.1 Google Business Profile (GBP) Optimierung

Die absolute Übereinstimmung der NAP-Informationen (Name, Adresse, Telefon) der Website mit dem Google Business
Profile ist eine Grundvoraussetzung für das lokale Ranking.

• Adresse: St. Gallerstrasse 29, 9524 Zuzwil-gleiches Format im Website-Footer und auf der
  Kontaktseite.
• Kategorien: «Autohandel», «Autoreparaturwerkstatt», «Gebrauchtwagenhaendler».
• Öffnungszeiten: Separat für Verkauf und Service definiert.

4.2 Schema Markup: AutoDealer + LocalBusiness

{
  "@context": "https://schema.org",
  "@type": ["AutoDealer", "LocalBusiness"],
  "name": "Wiaz AG",
  "address": {
    "@type": "PostalAddress",
    "streetAddress": "St. Gallerstrasse 29",
    "addressLocality": "Zuzwil",
    "postalCode": "9524",
    "addressCountry": "CH"
  },
  "telephone": ["+41714957000", "+41714957004"],
  "areaServed": "Zuzwil, Wil, St. Gallen"
}

4.3 Deutsche Keyword-Optimierung

5. Jenseits von SEO — LLM Sichtbarkeit (GEO)

Suchmaschinenoptimierung beschränkt sich nicht mehr nur auf Google. KI-basierte Suchwerkzeuge wie ChatGPT,
Gemini und Perplexity werden zunehmend zur ersten Anlaufstelle für Nutzer. Wenn ein Nutzer ChatGPT fragt:
«Kannst du mir eine gute Garage in Zuzwil empfehlen?», ist die vorgeschlagene Werkstatt kein Zufall mehr,
sondern eine Frage der technischen Infrastruktur.

Die im Rahmen des Wiaz AG Projekts implementierte AutoDealer Schema Markup, NAP-Konsistenz und strukturierte
Inhaltsstrategie zielt darauf ab, dass das Unternehmen nicht nur von Google, sondern auch von diesen
Suchwerkzeugen der neuen Generation als Entity (definierte Entitaet) erkannt wird.

Bei BSZ Zürich implementieren wir diesen GEO (Generative Engine Optimization) Ansatz standardmässig in jedem
Webseitenprojekt, das wir entwickeln. Denn digitale Sichtbarkeit hängt nicht mehr von einer einzigen
Suchmaschine ab und dies heute aufzubauen, verwandelt sich morgen in einen Wettbewerbsvorteil.

6. PerformanceAnalyse: Analysis Vorher und Nachher

Performance-Optimierung ist besonders bei Websites mit vielen hochaufloesenden Bildern, wie Fahrzeuggalerien, von
entscheidender Bedeutung. Die folgende Tabelle vergleicht die Baseline-Werte einer typischen nicht-optimierten
WordPress-Installation mit den Messwerten nach den Optimierungsarbeiten von BSZ Zurich.

Google PageSpeed Insights — Startseite:

Wie haben wir diese Zahlen erreicht:

1. Bildoptimierung: WebP-Konvertierung + Lazy Loading mit dem Imagify Plugin. Hat den LCP-Wert
   allein um mehr als 50% gesenkt.
2. Caching-Strategie: Seiten-Caching, CSS/JS-Minifizierung und Zusammenführung mit WP Rocket.
3. Eliminierung von Render-Blocking Ressourcen: JavaScript-Dateien wurden mit defer/async
   laden. Reduzierte TBT von 1.240 ms auf 130 ms.
4. CDN-Integration: Statische Assets werden nun über ein CDN ausgeliefert.
5. Datenbank-Optimierung: Revisionen und Transients wurden bereinigt. Custom Post Type Abfragen
   wurden mit Transient Cache optimiert.

7. Unsere Erkenntnisse: 4 kritische Lektionen

• Lektion 1—Wähle Plugins niemals nach Gefühl: Nur weil WooCommerce vertraut ist, sollte es
  bei Automobilprojekten nicht die erste Wahl sein. Aufgabenspezifische Tools bedeuten immer weniger Aufwand und
  bessere Ergebnisse.
• Lektion 2—Spiegele mehrere Abteilungen in der UX wider: Unterschiedliche Telefonnummern fuer
  Verkauf und Service sind nicht nur Informationen—sie sind ein kritischer Punkt der Customer Journey.
• Lektion 3—Verschiebe Schema Markup nicht auf später: Füge strukturierte Daten von Beginn
  des Projekts an hinzu. Nachträgliches Hinzufügen ist möglich, aber das Testen ist dann aufwendiger.
• Lektion 4—Local SEO kommt bei Automobilprojekten vor Global SEO: Die Kunden der Wiaz AG
  kommen nicht aus New York—sie kommen aus Zuzwil, Wil und Uzwil. Es ist möglich, bei lokalen Suchanfragen
  Schneller ein Ranking zu erzielen.

Fazit

Das Wiaz AG Projekt hat einmal mehr gezeigt, wie vielschichtig eine technische Lösung für eine scheinbar
Die einfache Unternehmenswebsite muss tatsächlich sein. Wenn die richtige Plugin-Wahl, Local SEO Infrastruktur,
GEO-Strategie und Performance-Optimierung zusammenkommen, entsteht ein digitales Asset, das wirklich
funktioniert und sowohl Nutzer als auch Suchmaschinen und KI-Tools anspricht.