Jetzt Termin buchen
Success Story

Codelution

85 Prozent mehr Klicks aus der Google-Suche auf die Schulungsseiten, alle 17 Kurse in einem Aufbau

Codelution schult Entwicklerteams in Softwarearchitektur, Clean Code, KI für Entwickler und modernen Frameworks, gamifiziert, inhouse oder online. Aus dem Strategieworkshop ist ein fester Aufbau für jede Schulungsseite entstanden, den wir gestaltet und direkt im Angular-Projekt von Codelution umgesetzt haben, für alle 17 Kurse. Ein Jahr später kommen fast doppelt so viele Klicks aus der Google-Suche auf die Schulungsseiten. Eine Standortbestimmung zeigt, wo es als Nächstes hingeht.

Projekt anfragen Website ansehen
Kennzahlen

Auf einen Blick

+85 % Klicks auf die Schulungsseiten aus der Google-Suche, Juli und August 2026 gegen Vorjahr, 50 statt 27
+32 % Klicks auf die ganze Website aus der Google-Suche im selben Zeitraum, 166 statt 126
17 Schulungsseiten im neuen Aufbau von Softwarearchitektur bis KI für Entwickler
12 Entwurfsfassungen sieben für die Schulungsseite am Rechner, drei am Handy, zwei für die Startseite
11 Kapitel Strategiepapier mit einer Umsetzung in drei Phasen
Werkzeuge

Eingesetzt in diesem Projekt.

  • Miro
  • GitHub
  • Google Search Console
  • Google Analytics
  • Google Ads
  • SE Ranking
  • Sistrix
Ausgangslage

Ausgangslage

Codelution aus Rheinstetten schult Entwicklerteams in 17 Themen, von Softwarearchitektur und Clean Code über Docker und Git bis zu KI für Entwickler: gamifiziert, inhouse ab vier Teilnehmern oder online, auf Deutsch und Englisch. Die Website ist ein eigenes Angular-Projekt von Codelution und der wichtigste Weg für Anfragen. Bis zum Sommer 2025 stand auf der Startseite die Softwareentwicklung im Vordergrund, und die Schulungsseiten, etwa zu Docker, begannen mit Überschrift und viel Text, ohne Bild, ohne Stimmen von Teilnehmern und ohne Antworten auf häufige Fragen. In einem Prüfbericht galten nur zwei Seiten als relevant für die Suche. Werbung in Google war teuer, die Reichweite ohne Anzeigen reichte nicht.

Codelution Ausgangslage Browser
Strategie

Unsere Strategie

Grundlage ist das Strategiepapier aus dem Workshop mit Codelution, die Reihenfolge der Themen hat Codelution selbst gesetzt.

  • Reichweite aus der Suche aufbauen: Die Schulungsseiten sollen für die Kursbegriffe selbst gefunden werden, damit Anzeigen nicht die ganze Last tragen
  • Eine eigene Seite je Schulung mit festem Aufbau: Nutzen und Lernziele, Inhalte, Trainer, Termine und Anfrage, häufige Fragen und Vertrauensanker wie Kundenlogos und Stimmen von Teilnehmern
  • Schwerpunkte in der Reihenfolge von Codelution: Softwarearchitektur, Docker, Clean Code, Git und React zuerst
  • Ein Design für alle Seiten: Gestaltung und Bausteine liegen zentral im Projekt, jede Verbesserung wirkt auf alle Schulungen zugleich
  • Die Technik bleibt bei Codelution: Wir gestalten und setzen im bestehenden Angular-Projekt um, statt die Website auf ein anderes System zu ziehen
  • Anzeigen dort zeigen, wo Anfragen entstehen: in Deutschland, zu Bürozeiten und vor allem am Rechner
Umsetzung

Was wir umgesetzt haben

Die Arbeit reicht vom Workshop über Entwürfe und Umsetzung bis zur Standortbestimmung ein Jahr später.

Strategieworkshop und Strategiepapier

Aus dem Workshop vor Ort entstand ein Papier mit elf Kapiteln, von Zielen und Zielgruppe über Mitbewerber, Suchbegriffe und einen technischen Fahrplan für Angular bis zu Anzeigen, Inhalten und Messung, mit einer Umsetzung in drei Phasen.

Entwürfe in Runden

Für die Schulungsseite entstanden sieben Fassungen am Rechner und drei am Handy, dazu zwei für die Startseite. Jede Fassung lag zusätzlich auf einem gemeinsamen Whiteboard und wurde in festen Terminen mit Codelution besprochen.

Umsetzung im Angular-Projekt

Zuerst die globalen Gestaltungsvariablen, damit jede Änderung auf alle Schulungsseiten wirkt, danach Kopfbereich, Fußzeile, Trennlinien, Trainerabschnitt und die Ansicht am Handy.

Lernziele mit Icons

Ein einheitliches Icon-Paket statt einzelner Grafiken, mit gleicher Linienstärke und gleichem Stil auf allen 17 Schulungsseiten.

Inhalte von Codelution eingebunden

Titelbilder in drei Formaten, Stimmen von Teilnehmern und je Schulung drei häufige Fragen, zusammengestellt vom Team von Codelution und von uns auf allen Seiten eingepflegt.

Schulungsübersicht als Startseite

Seit Herbst 2025 landen Besucher direkt bei den Schulungen, mit einem kurzen Film im Kopfbereich. Am Handy läuft eine eigene Fassung mit rund einem Viertel der Dateigröße, damit die Seite schnell lädt.

Feinschliff nach der Liste von Codelution

20 Punkte aus einer gemeinsamen Änderungsliste, von der Größe der Referenzlogos über fehlende Tabellenspalten bis zu Bildern bei den Vorteilen. Danach hat Codelution die letzten Änderungen online genommen.

Google Ads neu ausgerichtet

Anzeigen nur in Deutschland und zu Bürozeiten, Smartphones bis auf Clean Code ausgeschlossen, die Altersgruppe unter 24 Jahren heraus und fehlende Anzeigenpfade ergänzt.

Standortbestimmung ein Jahr später

Google-Suche, Werbekonto, Analytics und die Positionen von 122 Suchbegriffen zusammengeführt, je Schulungsthema im Vergleich zu den Mitbewerbern, dazu ein Blick auf KI-Antworten. Besprochen im Termin vor Ort in Rheinstetten.

Ergebnis

Ein Aufbau für 17 Kurse, fast doppelt so viele Klicks

Seit Herbst 2025 stehen alle 17 Schulungen im neuen Aufbau, und die Schulungsübersicht ist die Startseite. Ein Jahr später kommen fast doppelt so viele Klicks aus der Google-Suche auf die Schulungsseiten wie im Sommer davor. Auf der ganzen Website ist es rund ein Drittel mehr, dazu tragen auch die Fachbeiträge im Blog von Codelution bei.
  • Alle 17 Schulungsseiten im gleichen Aufbau, von Softwarearchitektur bis KI für Entwickler
  • 85 Prozent mehr Klicks aus der Google-Suche auf die Schulungsseiten, Juli und August 2026 gegen Vorjahr
  • 32 Prozent mehr Klicks aus der Google-Suche auf die ganze Website im selben Zeitraum
  • Schulungsübersicht als Startseite, mit Film im Kopfbereich und eigener, leichterer Fassung fürs Handy
  • Jede Schulung mit Lernzielen, Stimmen von Teilnehmern und häufigen Fragen
  • Standortbestimmung mit Sichtbarkeit je Schulungsthema, Mitbewerbern und KI-Antworten als Grundlage für die nächsten Schritte
Der entscheidende Hebel
Wir haben bewusst eine Vorlage gebaut statt 17 Einzelseiten. Weil Gestaltung und Bausteine zentral im Projekt liegen, hat jede Verbesserung auf einen Schlag alle Schulungen erreicht, und Codelution konnte die eigenen Texte weiter verwenden. Die Standortbestimmung zeigt, wo es weitergeht: bei Softwarearchitektur, dem wichtigsten Thema von Codelution, das in der Suche noch nicht nach vorne gekommen ist, und bei einer Messung, die jede Anfrage bis zu ihrer Quelle zurückverfolgt.

In diesem Projekt: SEO-Agentur in Karlsruhe, Google-Ads-Agentur in Karlsruhe

Startseite von Codelution am Handy: Schulungen und Workshops, darüber das Logo, im Hintergrund ein Trainer im Workshop
Jetzt starten
Einblick ins Projekt

Ein Aufbau, siebzehn Schulungen.

Die Schulung Docker vorher und heute, der Weg vom Entwurf zur Vorlage, das Strategiepapier und die Standortbestimmung ein Jahr später.

Website

Vorher und heute: die Schulung Docker

Im Sommer 2025 begann die Seite mit Überschrift und Text, die Lernziele standen als Liste darunter. Heute beginnt sie mit einem Bild aus dem Workshop und dem Knopf zur Anfrage, die Lernziele haben einen eigenen Abschnitt mit Icons. Neu sind außerdem Fotos aus den Schulungen, Stimmen von Teilnehmern und häufige Fragen. Der Einleitungstext ist derselbe geblieben.

Alte Seite der Docker-Schulung: Überschrift Docker Workshop auf schwarzem Grund, darunter Einleitungstext und die Lernziele als Liste
Vorher
Neue Seite der Docker-Schulung: Foto aus dem Workshop mit Knopf Kontaktiere uns, darunter derselbe Einleitungstext, die Lernziele mit Icons und die Referenzen
Heute
Schulungsseiten im gleichen Aufbau
17
Einleitungstext
unverändert
Docker-Schulung ansehen

Vorher: Stand Juli 2025 aus dem Webarchiv. Heute: Stand Oktober 2026.

Entwurf

Vom Entwurf zur Vorlage für alle Kurse

Gestaltet haben wir zuerst eine einzige Seite, die Schulung KI für Entwickler, in sieben Fassungen am Rechner und drei am Handy. Kopfbild, Trennlinien, Icon-Raster und Referenzleiste sind daraus die Vorlage für alle 17 Kurse geworden, hier am Beispiel Softwarearchitektur.

Letzter Entwurf der Schulungsseite KI für Entwickler mit Kopfbild, Lernzielen als Icon-Raster mit Platzhaltertexten und Referenzleiste
Entwurf
Seite der Schulung Softwarearchitektur Grundlagen heute: Kopfbild mit Trainer am Whiteboard, Einleitung, Lernziele mit Icons und Referenzleiste
Heute, am Beispiel Softwarearchitektur
Fassungen am Rechner
7
Fassungen am Handy
3
Kurse auf dieser Vorlage
17
Schulung Softwarearchitektur ansehen

Entwurf vom Sommer 2025 mit Platzhaltertexten. Softwarearchitektur: Stand Oktober 2026.

Ablauf

Vom Workshop bis online

So ist aus dem Strategieworkshop eine Vorlage für alle Schulungen geworden, Schritt für Schritt mit dem Team von Codelution.

  1. 1Workshop. Ziele, Zielgruppe, Mitbewerber und Schwerpunkte vor Ort erarbeitet und im Strategiepapier festgehalten.
  2. 2Entwürfe. Erst eine Schulung als Muster, dann Handy und Startseite, jede Fassung gemeinsam besprochen.
  3. 3Vorlage im Projekt. Globale Gestaltungsvariablen im Angular-Projekt, damit jede Änderung auf alle Kurse wirkt.
  4. 4Inhalte. Titelbilder in drei Formaten, Stimmen und häufige Fragen von Codelution, eingebaut auf allen Seiten.
  5. 5Feinschliff. Eine gemeinsame Änderungsliste mit 20 Punkten, danach gingen die letzten Änderungen online.
Formate je Titelbild
3
Punkte auf der Änderungsliste
20
Strategie

Strategiepapier zur Kundengewinnung über die Website

Elf Kapitel von den Zielen bis zur Umsetzung in drei Phasen. Die Seite zum Aufbau einer idealen Kursseite findet sich heute auf allen Schulungen wieder: Nutzen, Inhalte, Trainer, Termine und Anfrage, häufige Fragen und Vertrauensanker.

Kapitel
11
Phasen der Umsetzung
3
Strategiepapier zur Kundengewinnung über die WebsiteFassung aus dem Frühjahr 2025 1 / 3
Seite 1 von 3
Seite 2 von 3
Seite 3 von 3
Tippe auf eine Seite, um sie zu vergrößern.

Fassung aus dem Frühjahr 2025. Gezeigt sind Titel, Inhaltsverzeichnis und die Seite zum Aufbau einer idealen Kursseite.

Standortbestimmung

Ein Jahr später: wo Codelution heute steht

Im Herbst 2026 haben wir alle Daten zusammengeführt und mit Codelution vor Ort besprochen. Das Ergebnis passt auf vier Seiten und zeigt, wo die nächsten Hebel liegen.

  1. 1Daten zusammengeführt. Google-Suche, Werbekonto, Analytics und die Positionen von 122 beobachteten Suchbegriffen in einem Bild.
  2. 2Je Schulungsthema. Sichtbarkeit in acht Themen im Vergleich zu den Mitbewerbern, mit Stärken und Lücken.
  3. 3Was Google sieht. Adressen, Indexierung, strukturierte Daten und Messung geprüft, jeder Befund mit Wirkung und Lösung, damit das Team von Codelution ihn direkt umsetzen kann.
  4. 4KI-Antworten. Welche Anbieter bei Suchen zu den Kursthemen in KI-Antworten genannt werden und was die Website dafür mitbringen muss.
  5. 5Fahrplan. Vier Etappen von vier Wochen bis zwölf Monaten, jeder Schritt einzeln entscheidbar.
Beobachtete Suchbegriffe
122
Themen im Vergleich
8
Seiten
4
Jetzt starten

Willst du ähnliche Ergebnisse?

Du hast ein ähnliches Vorhaben? In 15 Minuten klären wir, was bei dir der erste Schritt wäre.

Mit Leadwerk sprechen

Erstgespräch auf uns · Unverbindlich

Weitere Success Stories

Weitere Projekte.

Anfrage

Willst du so ein Ergebnis für dein Unternehmen?

Schreib kurz, was du verkaufst und wo es gerade hakt. Wir melden uns persönlich bei dir und sagen dir ehrlich, ob und wie wir helfen können.

Adresse Zimmerstraße 3
76137 Karlsruhe

Warum hier kein Google-Partner-Abzeichen hängt

Fast jede Agentur zeigt es. Google vergibt es für drei Dinge, und keines davon ist dein Auftrag.

Keines der drei Kriterien misst, ob am Ende ein Auftrag herauskommt. Zwei messen Volumen und Prüfungen. Das dritte belohnt, wer Google folgt.

Wir haben das Abzeichen bewusst auslaufen lassen. Budgets richten wir danach aus, was sie bringen, nicht danach, was eine Auszeichnung voraussetzt.

Wenn du eine Agentur suchst, deren Auszeichnung davon abhängt, dass du mehr ausgibst, findest du viele. Wir sind nicht dabei.

Sieh dir lieber an, was bei unseren Kunden herauskommt. Das steht bei den Success Stories, mit Zahlen und mit Zeitraum.

Die drei Anforderungskategorien und ihre Schwellen stehen so in der Google-Ads-Hilfe, „Google Partner oder Premium-Partner werden“.

Warum hier kein Meta-Verified-Haken hängt

Den blauen Haken verkauft Meta im Abo, je Profil und Monat. Bezahlt wird vor allem für drei Dinge, und keines davon bringt dir eine Anfrage.

Gebraucht wird dieser Support vor allem, weil der Business Manager hakt. Gesperrte Werbekonten ohne nachvollziehbaren Grund, Prüfungen, die tagelang hängen, Zugriffe, die nicht greifen. Bezahlt wird also dafür, dass jemand antwortet, wenn Metas eigenes Werkzeug nicht funktioniert.

Das kennen wir aus unserer täglichen Arbeit. Wir lösen es mit sauber aufgesetzten Konten, dokumentierten Zugriffen und Erfahrung, nicht mit einem Abo.

Wenn du eine Agentur suchst, die mit einem gekauften Haken wirbt, findest du welche. Wir zeigen lieber, was bei unseren Kunden herauskommt: bei den Success Stories, mit Zahlen und mit Zeitraum.

Abzeichen, Schutz vor Nachahmung und Support beschreibt Meta so auf der eigenen Seite zu Meta Verified, Stand Oktober 2026.