Hypercode Blog, #Development
SEO/GEO: Wenn Websites zur Quelle für AI-Suchen werden
Wir erleben gerade in vielen Gesprächen, wie schnell sich Unternehmen rund um AI positionieren: In Workflows, auf Social Media und in neuen digitalen Produkten. Das ist richtig und wichtig. Gleichzeitig sollte die eigene Website diese Positionierung auch tragen können. Denn Inhalte werden längst nicht mehr nur als blaue Links in einer Trefferliste gefunden, sondern von Suchmaschinen, AI Overviews, Chatbots und LLM-basierten Assistenten eingeordnet, verdichtet und in neue Antwortkontexte übertragen. Genau hier setzt GEO an: Generative Engine Optimization beschreibt die Optimierung von Inhalten und Strukturen für generative Antwortsysteme.
Für uns ist SEO/GEO deshalb kein neues Buzzword neben klassischer Suchmaschinenoptimierung, sondern eine konsequente Weiterentwicklung guter Corporate Websites. Eine Website muss fachlich stark, technisch sauber und semantisch eindeutig sein. Sie muss nicht nur erklären, was ein Unternehmen anbietet, sondern auch, für wen, in welchem Kontext, mit welcher Erfahrung und mit welchen Ergebnissen.
Genau darauf schauen Suchmaschinen und AI-Systeme aus unterschiedlichen Perspektiven. Sie lesen Inhalte, erkennen Entitäten, bewerten Zusammenhänge und ziehen daraus Kontext. Umso wichtiger wird, dass Leistungen, Personen, Projekte, Cases, Artikel und Kontaktpunkte nicht nur attraktiv dargestellt, sondern auch sauber strukturiert sind: mit klarer Informationsarchitektur, semantischem Markup, konsistenten Meta-Daten, einer gepflegten XML-Sitemap, strukturierten Daten mit JSON-LD und Schema.org sowie, wo sinnvoll, einer kuratierten llms.txt oder gar maschinenlesbaren Endpunkten wie MCP-Servern.
Bei gewachsenen CMS-Websites ist das oft auch eine Frage der Systemarchitektur. Individuelle SEO-Felder, historische Template-Logik und uneinheitliche Inhaltsmodelle erschweren es, Inhalte sauber auszuspielen. Deshalb lohnt es sich, bestehende SEO-Daten, strukturierte Daten und redaktionelle Workflows gemeinsam zu betrachten. Entscheidend ist nicht ein einzelnes Plugin, sondern das Zusammenspiel aus CMS, Frontend, Content-Modell und technischer Auszeichnung.
Hypercode unterstützt Unternehmen dabei, ihre Website zu einer belastbaren Wissensbasis für klassische Suche und AI-Systeme weiterzuentwickeln. Wir betrachten dafür nicht nur einzelne SEO-Felder, sondern das Zusammenspiel aus Positionierung, Content-Struktur, CMS, Frontend und semantischer Auszeichnung.
- SEO-/GEO-Audit bestehender Website- und Content-Strukturen
- Migration und Konfiguration von SEO-Systemen
- Informationsarchitektur für AI-lesbare Leistungs-, Projekt- und Wissensseiten
- JSON-LD/Schema.org für Organisationen, Leistungen, Projekte, Artikel und Personen
- Semantisches HTML und technische Frontend-Optimierung
- XML-Sitemaps, Canonicals und konsistente Meta-Daten
- llms.txt und kuratierte AI-Übersichten
- Retrieval-freundliche Content-Strukturen für Chatbots und AI-Suchen
Damit liegt SEO/GEO genau an der Verbindung von Corporate Websites und AI Engineering. Eine moderne Unternehmenswebsite ist Markenauftritt, Vertriebskanal und Wissensquelle zugleich. Unser Anspruch ist, diese Ebenen nicht getrennt zu betrachten, sondern Websites so zu bauen und weiterzuentwickeln, dass sie für Nutzer*innen überzeugen und von Suchmaschinen wie AI-Systemen zuverlässig verstanden und verlinkt werden.
Wenn Sie Ihre bestehende Website in diese Richtung weiterentwickeln möchten, schauen wir gerne gemeinsam darauf: strategisch, redaktionell und technisch.
Welcome to the new hypercode.de!
Die neue hypercode.de ist kein Relaunch um des Relaunches willen. Sie ist das Ergebnis der Frage, wie wir das, was uns und unsere Arbeit ausmacht, noch besser sichtbar machen können. Denn es ist einiges passiert: Hypercode ist gewachsen, unser Portfolio hat sich weiterentwickelt und unser Anspruch an die eigene Außendarstellung ebenfalls1. Die neue Website greift das auf: Sie erzählt direkter, zeigt mehr und spricht klarer aus, was wir für unsere Kund*innen leisten.
Show, don't tell
Was schon in der Vorgängerversion angelegt war, haben wir konsequent weitergedacht: Hypercode ist ein Digital Product Studio mit eigenem, hohem (Qualitäts-)Anspruch – und genau das soll die Website vom ersten Moment an vermitteln. Der neue Auftritt setzt auf mehr Kontrast, stärkere Akzente und eine Bildsprache, die unsere Arbeit unmittelbar erlebbar macht. Weniger erklären, mehr zeigen.
Deshalb zeigt die neue hypercode.de deutlich mehr Bewegtbild – direkt aus unseren Projekten, nicht aus Stock-Archiven. Ergänzt wird das durch zahlreiche neue Case Studies, die unsere Projekte von Strategie über Konzeption bis zur Umsetzung konkret nachvollziehbar machen. Vom Showreel auf der Startseite bis zu jedem einzelnen Projekt-Screencast: Die neue Website macht unsere Arbeit so greifbar wie nie zuvor.
Spotlight: Unsere Leistungen
Ein zentraler Bestandteil der neuen Informationsarchitektur sind unsere neu gedachten Leistungsseiten, die präzise aufzeigen, wie wir arbeiten und was dabei entsteht. Das gliedern wir in What We Do, also wo unsere Expertise liegt, und What We Create, welche Outcomes für und mit unseren Kund*innen wir damit erreichen:
What We Do
- Produktstrategie & Architektur – Wir helfen bei der Entwicklung der Digitalstrategie und Produktidee, beraten bei der Technologieauswahl und Architektur und identifizieren frühzeitig Lösungsansätze durch die Analyse angrenzender Geschäftsprozesse.
- Konzeption & Design – Durch eine auf Kund*innen abgestimmte Designsprache schaffen wir ansprechende User Experiences. Unsere Nähe zum Development ermöglicht uns dabei die verlustfreie Realisierung komplexer Designanforderungen.
- Software- & Web-Entwicklung – Als tatkräftiger Implementierungspartner entwickeln wir hochperformante, intuitiv bedienbare Mobile Apps, Web-Apps, Konfiguratoren, Websites und Web-Services, die ihre Nutzer*innen begeistern.
What We Create
- Mobile Apps für iOS & Android – Wir entwickeln mobile Anwendungen, die auf allen Plattformen überzeugen – technisch präzise, gestalterisch klar und optimal integriert. Von hybriden Architekturen bis zur nahtlosen Nutzung nativer Funktionen.
- Corporate Websites – Wir gestalten und entwickeln individuelle Webauftritte, die komplexe Inhalte klar strukturieren, technologische Exzellenz vermitteln und durch beste Performance und spannende Interaktionen in der Nutzerführung überzeugen.
- Web-Apps & Produktkonfiguratoren – Interaktive Tools, die Entscheidungen erleichtern und Prozesse beschleunigen: modular, skalierbar und optimal integriert in bestehende Systeme und Geschäftsmodelle.
- Individualsoftware – Wenn Standardlösungen an Grenzen stoßen, entwickeln wir maßgeschneiderte Software, die genau auf die jeweiligen Anforderungen zugeschnitten ist. Modular gedacht, skalierbar umgesetzt – mit klarem Fokus auf Wartbarkeit und Effizienz.
Dazwischen findet ihr das ein oder andere Easter Egg, denn auch ein Business-Auftritt sollte unserer Meinung nach Spaß machen. 🐣 Viel Spaß beim Erkunden der neuen Inhalte – und wie immer freuen wir uns über Feedback und Anregungen!
Footnotes
- Tatsächlich ist es so, dass unsere Kund*innen den Prozess schon länger verfolgen konnten, denn unsere Präsentation, Kommunikation, etc. spiegelt das alles – samt der neuen Farbwelten – bereits seit einigen Monaten wider. ↩
awork × Raycast – Unsere Lieblings-Projektmanagementsoftware trifft auf unseren Lieblings-Launcher
Als Digital Product Studio, das überwiegend im Kundenauftrag agiert, sind für uns eine effiziente Ressourcenplanung, präzise Projektkommunikation und eine unterbrechungsfreie Zeiterfassung das A und O einer funktionierenden Organisation.
Nach einer – wie wir dachten – endlosen Suche nach dem idealen Projektmanagement-Tool sind wir im Sommer 2023 auf awork gestoßen. Schnell wurde klar: Die Lösung aus Hamburg vereint endlich all jene Anforderungen, die für uns zentral sind – Kommunikation, Planung und Zeiterfassung – in einer Plattform. Einer Plattform, die nicht nur ansprechend gestaltet ist und kontinuierlich weiterentwickelt wird, sondern dank offener APIs und guter Dokumentation auch Spielraum für individuelle Erweiterungen lässt.
Und da wir im Team zudem große Fans des erweiterbaren Application-Launchers Raycast sind, war für uns schnell klar: Wir brauchen eine Raycast-Extension, mit der wir direkt in awork suchen, Projekte & Aufgaben öffnen oder Zeiten mit wenigen Tastenkombinationen erfassen können (wir empfehlen Hyperkey+A). Um somit direkt von überall aus mit awork interagieren zu können – ob nun zur Referenz einer Aufgabe, während wir in Figma designen; zur Zeitbuchung nach einem erfolgreichen Pull Request oder weil wir die Mailadresse eines Projekts brauchen (Tipp: ⌃E), um eine E-Mail dorthin weiterzuleiten.
Seit einigen Monaten setzen wir unsere awork-Extension für Raycast nun schon intern ein – und sie ist aus unserem Arbeitsalltag nicht mehr wegzudenken. Nach einem sehr positiven Austausch mit dem awork-Team stand fest: Wir veröffentlichen die Extension kostenlos im Raycast Store, damit auch andere Teams und Nutzer*innen von awork und Raycast ihre Arbeitsprozesse damit vereinfachen und beschleunigen können. Alles was dazu nötig ist, ist die Einrichtung eines API-Clients in awork, was komfortabel über das User Interface erledigt werden kann und in diesem awork-Supportdokument nochmal genau beschrieben wird.
👉 Jetzt mehr erfahren:
Alle Infos zur Extension, Einrichtung & Features findest du auf unserer Projektseite:
→ hypercode.de/projekte/awork-raycast
🚀 Feedback erwünscht!
Wir freuen uns über Feedback, Feature-Wünsche oder einfach ein kurzes „Gefällt mir“ – am liebsten via LinkedIn, Instagram oder direkt per Mail. ☺️
Walzwerk-App – Ein interaktiver Lageplan mit Mietersuche und GPS-Wegfindung
Das Walzwerk ist nicht nur Unternehmensstandort für Firmen aus den Bereichen Digitalisierung, Online-Handel und Bildung, sondern auch ein beliebter Kultur- und Freizeitort im Großraum Köln. Das 35.000 Quadratmeter große Areal im Westen von Pulheim zieht täglich zahlreiche Besucher*innen an - darunter Geschäftsleute und Privatpersonen. Neben Ateliers und Unternehmen finden sich auf dem Gelände ein Theater, ein Schwimmbad, Gastronomie, eine Kirche sowie zahlreiche Künstlerwerkstätten. Angesichts der Größe und Vielfalt kann die Orientierung jedoch herausfordernd sein.
Seit Dezember wird den Besucher*innen mit der Walzwerk-App unter app.walzwerk.de digitale Unterstützung geboten:
- Interaktiver Lageplan und Mietersuche – Mit der App lassen sich Mieter*innen und Ateliers schnell suchen und auffinden. Ausgewählte Mieter*innen/Ateliers werden direkt im Lageplan verortet. Der Weg dorthin wird ausgehend von der GPS-Position des Besuchers direkt & live auf der Karte eingezeichnet.
- GPS-Wegfindung in Echtzeit – Besucher*innen können sich live zur gewünschten Location navigieren lassen. Die Route wird basierend auf der aktuellen GPS-Position direkt auf der Karte eingezeichnet. Falls GPS nicht verfügbar ist, wird die Hauptzufahrtsstraße oder der Standort der genutzten QR-Code-Hinweistafeln als Startpunkt verwendet.
- Browser-basiert ohne Installation – Die App funktioniert direkt im Internet-Browser, ohne dass eine Installation aus den App Stores erforderlich ist. Auf dem Gelände machen Hinweistafeln mit QR-Code auf die App aufmerksam.
- Für Mobile und Desktop – Die Anwendung funktioniert nicht nur auf Smartphones und Tablets, sondern auch auf Desktop-Rechnern, so dass Wegbeschreibungen überall eingesehen und geteilt werden können (z.B. in einer E-Mail-Signatur).
Der Schutz der Besucherdaten war ein besonders großes Anliegen: Die GPS-Position wird ausschließlich zur Routenführung genutzt und verbleibt auf dem Gerät der Besucher*innen. Es erfolgt keine Speicherung oder Weiterverarbeitung der Daten.
Die Walzwerk-App ist direkt an das digitale Mieterverzeichnis des Walzwerks angebunden. Dadurch sind alle Informationen stets auf dem neuesten Stand und Änderungen werden automatisch übernommen.