comotive https://www.comotive.ch/ Wed, 10 Jun 2026 08:16:49 +0000 de hourly 1 https://wordpress.org/?v=6.9.4 Mirko’s Travel-Office: Wenn der schönste Arbeitsplatz kein Büro ist https://www.comotive.ch/2026/06/09/mirkos-travel-office-wenn-der-schoenste-arbeitsplatz-kein-buero-ist/ https://www.comotive.ch/2026/06/09/mirkos-travel-office-wenn-der-schoenste-arbeitsplatz-kein-buero-ist/#respond Thu, 12 Mar 2026 09:09:08 +0000 https://www.comotive.ch/?p=6199 Mirko arbeitet nicht nur von zuhause, sein Büro hat schon Wellen gesehen, Nachtbusse überlebt und mehr Länder bereist als so mancher Urlauber. In dieser Serie geben wir einen Einblick in den Alltag unseres Teams. Diesmal: Hotspot, portable Screens und ein Surfbrett. Wie sieht ein typischer Arbeitstag bei dir aus? Im Homeoffice stehe ich (nicht allzu...

Der Beitrag Mirko’s Travel-Office: Wenn der schönste Arbeitsplatz kein Büro ist erschien zuerst auf comotive.

]]>

Mirko arbeitet nicht nur von zuhause, sein Büro hat schon Wellen gesehen, Nachtbusse überlebt und mehr Länder bereist als so mancher Urlauber. In dieser Serie geben wir einen Einblick in den Alltag unseres Teams. Diesmal: Hotspot, portable Screens und ein Surfbrett.

Fangen wir zuhause an, Was steht auf deinem Schreibtisch und warum genau das?

Auf meinem Schreibtisch ist folgendes zu finden: Mein Laptop – ein kleiner 13-Zoll-Asus («gäbig» für unterwegs) mit Linux als Betriebssystem, auf dem meistens meine Tasks und E-Mails laufen. Dazu zwei Bildschirme: ein hochkantiger, der die Website zeigt, an der ich gerade arbeite, und der Hauptbildschirm für meinen (und Claude seinen) Code. Vorübergehend steht auch ein Mac Mini da, der für die iOS-App-Entwicklung gebraucht wird. Ausserdem ein Gaming-PC, der aber erst am Abend zum Einsatz kommt, das Kabelmanagement lieber nicht zu genau anschauen. Fast immer dabei: eine, kurzzeitig volle, Kaffeetasse. Und natürlich viel Kleinkram wie Fidget-Kram, Notizblöcke und Deko.

Wie sieht ein typischer Arbeitstag bei dir aus?

Im Homeoffice stehe ich (nicht allzu früh) auf, starte meinen PC, checke meine Tasks und Mails und plane basierend darauf meinen Tag. Um 10 Uhr haben wir unseren Daily, davor gönne ich mir aber erst mal einen Cappuccino. Nach dem Meeting arbeite ich meistens an verschiedenen Programmier-Tasks bis zum Feierabend. Danach bin ich entweder beim Handball- oder Ultimate-Frisbee-Training oder sitze noch am PC für persönliche Projekte wie 3D-Drucken oder Games.
Beim «Travel-Office» hingegen habe ich keine feste Struktur, abgesehen vom Daily-Meeting. Da kommt es halt auch immer drauf an, ob ich nebenbei noch surfe oder sonstige Ferienaktivitäten auf dem Programm stehen.

Wie sieht dein «Reise-Setup» aus, wenn du nicht von zuhause arbeitest?

Was beim Reisen nicht fehlen darf: der portable Bildschirm und vor allem mein Handy mit aktivem Hotspot, denn ohne Internet lässt sich meine Arbeit nur so semi-sinnvoll erledigen. Ansonsten recht unkompliziert und einfach. Ich kann meine Arbeit gut auch nur mit Laptop erledigen und lasse mich nicht so einfach von der Umgebung ablenken, ob Café-Lärm oder Meerblick, wenn ich im Flow bin, bin ich im Flow.

Von wo hast du schon gearbeitet?

Viel hab ich im Zug gearbeitet, oder unterwegs im Ausland, meistens für ein Ultimate-Turnier. Ich habe also schon aus Deutschland, Italien, Frankreich, Belgien, den Niederlanden, Spanien und Portugal gearbeitet. Dazu kommen einige «Travel-Office»-Phasen in Italien, Spanien, den Niederlanden und Portugal: Ich war jeweils über längere Zeit dort und habe zwischen Sightseeing, Sonne geniessen und Surf-Sessions ganz normal gearbeitet.

Was war dabei der ausgefallenste Ort?

Die Rückreise von Valencia lief nicht ganz wie geplant. Mit einem Surfbrett in einen Flixbus einzusteigen ist scheinbar nicht erlaubt, auch wenn man es vorher als Spezialgepäck angemeldet hat. Da ich unbedingt am nächsten Tag zurück sein musste, verbrachte ich den halben Tag mit alternativer Reiseplanung, um dann schlussendlich auf den letzten Sitzen eines Nachtbusses, mitten in der Nacht, noch meine Arbeit zu erledigen. Ja, es war viel Koffein involviert.

Was ist der grösste Vorteil und was der grösste Struggle beim Arbeiten von unterwegs?

Ein klarer Vorteil: Der Feierabend im Ausland fühlt sich wie kleine Ferien an oder noch im Oktober in der Wärme sitzen und im Meer baden ist schon recht nice. Was ein Struggle sein kann: Es braucht deutlich mehr Selbstdisziplin und über längere Zeit nur mit einem eingeschränkten Setup zu arbeiten fordert seinen Tribut.

Der Beitrag Mirko’s Travel-Office: Wenn der schönste Arbeitsplatz kein Büro ist erschien zuerst auf comotive.

]]>
https://www.comotive.ch/2026/06/09/mirkos-travel-office-wenn-der-schoenste-arbeitsplatz-kein-buero-ist/feed/ 0
Michaels Homeoffice: „One more screen will solve it“ https://www.comotive.ch/2026/03/09/one-more-screen-will-solve-it/ https://www.comotive.ch/2026/03/09/one-more-screen-will-solve-it/#respond Mon, 09 Mar 2026 06:57:11 +0000 https://www.comotive.ch/?p=6118 In dieser Serie geben wir einen Einblick in den Alltag unseres Teams. Michael ist vielleicht ein bisschen kaufsüchtig wenn es um Hardware geht – denn sein Homeoffice ist besser ausgestattet als ein Porsche. Die erste Frage: Was hast du da am laufen und warum? Mein Arbeitsgeräts ist ein Gaming Laptop von Captiva mit Intel Core...

Der Beitrag Michaels Homeoffice: „One more screen will solve it“ erschien zuerst auf comotive.

]]>

In dieser Serie geben wir einen Einblick in den Alltag unseres Teams. Michael ist vielleicht ein bisschen kaufsüchtig wenn es um Hardware geht – denn sein Homeoffice ist besser ausgestattet als ein Porsche.

Die erste Frage: Was hast du da am laufen und warum?

Mein Arbeitsgeräts ist ein Gaming Laptop von Captiva mit Intel Core i9 und 64 GB Arbeitsspeicher. Die potente Grafikkarte kann ich für lokale KI nutzen. Und am Wochenende für die gelegentliche Freizeitbeschäftigung.

Der Laptop Stand ist „No Name“, er kühlt das Gerät zusätzlich. In der Mitte habe ich einen grossen Curved Screen, auf dem die Entwicklungsumgebung und ein oder mehrere Claude Code Terminals laufen. Der Hochkant Screen ist zum Testing/Debugging im Browser, während auf dem Laptop ein Browserfenster mit meinen Tasks, E-Mail, Firmenchat etc. läuft. Der Kleine „aufgesteckte“ Screen zeigt meistens das wichtigste Monitoring unserer Web-Systeme. Manchmal auch Trading Charts.

Ok, und was macht der [?]-Block

Geräusche, wenn man drauf haut (ich meine „drückt“ 😅). Und er leuchtet. Leider hat er keine anderen Schnittstellen um damit zum Beispiel Claude zu steuern, das wäre ganz lustig. Worauf ich aber auch nicht mehr verzichten könnte ist mein Streamdeck (oberhalb der Tastatur). Damit kann ich per Tastendruck ein SSH Terminal zu unseren diversen Servern starten, oder bestimmte lokale Automationen laufen lassen.

Oh und auch die gute alte Spam-Dose, die seit 10 Jahren abgelaufen ist hat keinerlei Funktion. Die ist genau wie der kleine POW-Block reine Deko. Meine Frau hat mir mal gesagt, Deko sei wichtig für die Seele 🤔.

Bist du immer im Homeoffice?

Wir treffen uns 2x pro Monat am Dienstag im Co-Working Villa Loreto an der Florastrasse 14 in Solothurn. Abgesehen davon bin ich immer im Homeoffice, ja. Und ich weiss nicht, ob ich mein Mindset was das angeht jemals wieder ändern könnte.

Claude hast du erwähnt. Wer ist das?

Ich hole kurz aus und denke zurück an die Steinzeit zirka Frühling 2025. Damals, als Entwickler noch selbst programmieren mussten (durften?) – KI konnte höchstens Code Snippets liefern und die waren mit fehlendem Kontext semi-gut. Was im letzten Jahr alles an Fortschritt passierte war teilweise überfordernd. Ich habe meine Arbeitsweise komplett angepasst.

Claude ist meine KI die ich klassisch im Browser für technische Fragen nutzen kann. Aber vorallem nutze ich es auf der Kommandozeile und integriert in meine Entwicklungsumgebung. Die KI sieht meinen Code, passt ihn an, erweitert ihn.

Mein Job besteht daraus, ihm mit Prompts genau zu sagen was er zu tun hat. Ich habe nach wie vor einen hohen Anspruch an Code Qualität im langfristigen Betrieb einer Software. Daher will ich – zumindest im Ansatz – wissen welchen Code wir am Ende in die Produktion liefern.

Architekturplanung, Review und Testing macht somit unterdessen meinen Job aus. Ich habe abgesehen von Ausnahmen seit Monaten keinen eigenen Code mehr geschrieben. Und ich sag’s wie’s ist: Das ist der einzige Weg um 2026 auf dem Markt noch konkurrenzfähig zu sein. Wir offerieren komplexe Projekte für 20’000 CHF wo wir vor Jahren noch 50k+ schätzten.

Wie sieht dein Entspannungsprogramm aus?

Wenn die Terminals erstmal zu sind, gibt es viele Optionen:

  • Die Kinder im Monopoly (oder anderen Brettspielen) abzocken
  • Ich koche sehr gerne, aber nehme mir selten genug Zeit dafür
  • Körperliche Arbeit im Lager von erneuer.bar
  • Und wofür habe ich wohl einen Gaming Laptop? 😂

Der Beitrag Michaels Homeoffice: „One more screen will solve it“ erschien zuerst auf comotive.

]]>
https://www.comotive.ch/2026/03/09/one-more-screen-will-solve-it/feed/ 0
Ein Fokus auf Performance https://www.comotive.ch/2026/03/02/ein-fokus-auf-performance/ https://www.comotive.ch/2026/03/02/ein-fokus-auf-performance/#respond Mon, 02 Mar 2026 07:09:00 +0000 https://www.comotive.ch/?p=6068 Wenn jemand auf einen Link klickt und eine Website lädt – wie lange ist er bereit zu warten? Studien zeigen: nicht lange. Drei Sekunden. Danach ist der Tab wieder zu. Und das gilt nicht nur für ungeduldige Menschen, sondern auch für Suchmaschinen wie Google, die Ladezeiten ganz direkt in ihre Rankings einfliessen lassen. Deshalb ist...

Der Beitrag Ein Fokus auf Performance erschien zuerst auf comotive.

]]>

Wenn jemand auf einen Link klickt und eine Website lädt – wie lange ist er bereit zu warten? Studien zeigen: nicht lange. Drei Sekunden. Danach ist der Tab wieder zu. Und das gilt nicht nur für ungeduldige Menschen, sondern auch für Suchmaschinen wie Google, die Ladezeiten ganz direkt in ihre Rankings einfliessen lassen.

Diesen Beitrag vorlesen lassen.
0:00 / 6:08

Inhalte in diesem Beitrag

Deshalb ist Performance bei uns kein Thema, das wir irgendwann am Ende eines Projekts «noch schnell» angehen. Es ist ein integraler Bestandteil unserer gesamten Infrastruktur.

WordPress – aber richtig

WordPress ist das mit Abstand meistgenutzte CMS der Welt. Gleichzeitig hat es den Ruf, langsam zu sein. Dieser Ruf ist nicht unbegründet – aber er ist auch nicht unausweichlich. Eine gut konfigurierte WordPress-Installation auf einer soliden Infrastruktur ist schnell, stabil und skalierbar. Genau das ist unser Ziel.

Dabei setzen wir nur auf wenige Plugins von Drittherstellern. Ein Set das miteinander funktioniert und sich nicht gegenseitig in Datenbank-Abfrage Schleifen verlangsamt. Yoast SEO darf nicht fehlen und ein WooCommerce baut man nicht über Nacht selbst. Doch seit über 10 Jahren erweitern wir unser eigenes Framework Plugin und programmieren viele Funktionen unserer Kundenwebsites selbst.

In Zeiten von KI-Unterstützter Programmierung kommt uns das sehr entgegen. Nicht nur ist die Software durch „Optimieren auf das Minimum“ sehr performant, wir können mit diesem Ansatz auch genau die Wünsche erfüllen die unsere Kunden haben – und das in sehr kurzer Entwicklungszeit.

Die Datenbankschicht: MariaDB Cluster

Jede dynamische Website stellt ständig Anfragen an eine Datenbank: Welche Seiten gibt es? Was steht auf dieser Seite? Welche Beiträge sollen angezeigt werden? Wie schnell diese Anfragen beantwortet werden, hat einen direkten Einfluss auf die Ladezeit.

Wir betreiben unsere Datenbanken als MariaDB Galera Cluster – das bedeutet, mehrere Datenbankserver arbeiten synchron zusammen. Fällt einer aus, übernehmen die anderen nahtlos. Kein Datenverlust, keine Downtime. Gleichzeitig verteilt der Cluster eingehende Leseanfragen auf mehrere Knoten, was unter Last erheblich zur Stabilität beiträgt.

Dazu kommt ein grosszügig bemessener Datenbank-Cache: Häufig abgefragte Daten werden direkt im Arbeitsspeicher vorgehalten, sodass dieselbe Anfrage nicht jedes Mal von der Festplatte gelesen werden muss. 99% der Anfragen werden aus dem Cache bedient.

Zwischenspeichern auf Anwendungsebene

Zwischen WordPress und der Datenbank schalten wir Redis als sogenannten Object Cache. Redis ist ein In-Memory-Datenspeicher – er hält berechnete Ergebnisse direkt im RAM vor.

Konkret bedeutet das: Wenn WordPress das erste Mal eine komplexe Datenbankabfrage ausführt (z.B. «gib mir die letzten 10 Blogbeiträge mit ihren Kategorien und Autoren»), wird das Ergebnis in Redis gespeichert. Bei der nächsten identischen Anfrage muss WordPress gar nicht erst zur Datenbank – Redis antwortet in Bruchteilen einer Millisekunde.

Das entlastet die Datenbank erheblich und beschleunigt die Seitenauslieferung spürbar, insbesondere bei Seiten mit vielen dynamischen Elementen.

Fertige Seiten direkt aus dem Cache

Auch wenn Redis und der Datenbankcluster schon vieles beschleunigen, entsteht bei jedem Seitenaufruf noch Arbeit für PHP und WordPress.

Unser Full Site Caching geht einen Schritt weiter: Es speichert die fertig gerenderte HTML-Seite direkt zwischen. Kommt eine Anfrage für eine bereits erzeugte Seite rein, wird sie ausgeliefert, ohne dass WordPress überhaupt gestartet wird. Der Server liefert statischen HTML-Code aus – so schnell wie es eben geht. Die reine Server Ladezeit beträgt so mit Übertragung zu dir noch 10 – 50 Millisekunden.

Monitoring: wir schauen hin

Ein gutes Setup bringt wenig, wenn niemand bemerkt, wenn es schlechter wird. Deshalb überwachen wir kontinuierlich:

  • Ladezeiten – gemessen von verschiedenen europäischen Standorten aus, zu verschiedenen Tageszeiten
  • Server-Auslastung – CPU, RAM, Datenbankverbindungen, Cache-Trefferquoten
  • Fehlerquoten – langsame Anfragen, Timeouts, Anomalien im Traffic

In unserer Statistik sehen wir welche Anfragen am längsten dauerten – indes wissen wir von jeder Seite, wie schnell sie erzeugt wurde. Bei über drei Millionen Seiten die unser Cluster täglich ausliefert ist das zentral. Eine kleine Veränderung kann in der Masse fatale Folgen haben.

Kontinuierliche Optimierung

Technologie entwickelt sich weiter, Traffic-Muster verändern sich, neue WordPress-Plugins können plötzlich unerwartete Datenbankabfragen erzeugen. Deshalb ist Performance-Optimierung kein einmaliges Projekt, sondern ein fortlaufender Prozess.

Wir analysieren regelmässig:

  • Welche Seiten oder Anfragen besonders viel Last erzeugen
  • Ob Cache-Regeln noch optimal konfiguriert sind
  • Ob neue Möglichkeiten für weitere Optimierungen bestehen (z.B. Bildkomprimierung ins WebP Format, HTTP/3, bessere Indexierung von Datenbanktabellen)

Einmal im Monat nehme ich mir ausserdem Zeit, die „langsamsten“ Seiten zu analysieren und deren Ladezeit zu verbessern soweit es noch möglich ist.

Ja, nicht jede Seite hat einen solchen Score - aber wir arbeiten dran.
Ja, nicht jede Seite hat einen solchen Score – aber wir arbeiten dran.

Warum das alles wichtig ist

Eine schnelle Website ist kein Luxus – sie ist eine Grundvoraussetzung.

Für Menschen bedeutet sie eine bessere Nutzererfahrung, weniger Frustration, höhere Conversion-Rates und mehr Vertrauen in die Marke dahinter.

Für Suchmaschinen ist die Ladezeit ein direkter Rankingfaktor. Google’s Core Web Vitals messen genau das, was Nutzer wahrnehmen: Wie schnell erscheint der erste Inhalt? Wann kann die Seite interagiert werden? Wie stabil ist das Layout beim Laden?

Wir machen auch deine Website schneller

Du möchtest wissen, wie schnell deine aktuelle Website wirklich ist und wo Potenzial liegt? Sprich uns an.

Der Beitrag Ein Fokus auf Performance erschien zuerst auf comotive.

]]>
https://www.comotive.ch/2026/03/02/ein-fokus-auf-performance/feed/ 0
Automatisierte Browser-Tests für langfristige Qualität https://www.comotive.ch/2025/09/23/automatisierte-browser-tests-fuer-langfristige-qualitaet/ https://www.comotive.ch/2025/09/23/automatisierte-browser-tests-fuer-langfristige-qualitaet/#respond Tue, 23 Sep 2025 10:03:50 +0000 https://www.comotive.ch/?p=5571 Wöchentlich neue Web-Standards, Browser-Updates und Nutzererfahrungen. Im ständigen Wandel, stellt sich für jedes Entwicklungsteam die Frage: Wie stellen wir sicher, dass unsere Anwendungen einwandfrei funktionieren? Während viele auf komplexe CI/CD-Pipelines mit Jenkins oder ähnlichen Tools setzen, haben wir uns für einen anderen Weg entschieden: eine schlanke, massgeschneiderte Lösung, die uns echte Browser-Tests ermöglicht. Warum Unit-Tests...

Der Beitrag Automatisierte Browser-Tests für langfristige Qualität erschien zuerst auf comotive.

]]>
Diesen Beitrag vorlesen lassen.
0:00 / 5:06

Wöchentlich neue Web-Standards, Browser-Updates und Nutzererfahrungen. Im ständigen Wandel, stellt sich für jedes Entwicklungsteam die Frage: Wie stellen wir sicher, dass unsere Anwendungen einwandfrei funktionieren? Während viele auf komplexe CI/CD-Pipelines mit Jenkins oder ähnlichen Tools setzen, haben wir uns für einen anderen Weg entschieden: eine schlanke, massgeschneiderte Lösung, die uns echte Browser-Tests ermöglicht.

Warum Unit-Tests nicht ausreichen

Unit-Tests und API-Tests sind unverzichtbar, aber sie können nicht alles abfangen. Was passiert, wenn:

  • Ein Browser-Update das CSS-Rendering verändert?
  • JavaScript-Bibliotheken sich unterschiedlich in Firefox und Chrome verhalten?
  • Ein neues Feature visuell perfekt aussieht, aber die Benutzerinteraktion stockt?

Diese Szenarien erfordern Tests mit echten Browsern, echten Renderingprozessen und echten User-Interactions. Während Unit-Tests in der Regel ein bestimmtest Feature testet, kann ein Browser-Test einen kompletten Prozess testen.

Unsere Lösung: Leichtgewichtig und effektiv

Statt auf schwerfällige Standard-Lösungen zu setzen, haben wir ein Python-basiertes System entwickelt, das genau auf unsere Bedürfnisse zugeschnitten ist. Die Kernkomponenten:

1. Multi-Browser-Testläufe

Unser System startet echte Firefox- und Chrome-Instanzen und führt definierte Testszenarien durch:

  • Navigation durch kritische User-Journeys
  • Ausführung von Formular-Interaktionen
  • Prüfung von dynamischen Inhalten
  • Validierung von responsive Design-Elementen

2. Visual Regression Testing

Screenshots sind mehr als nur Dokumentation. Sie sind unser Frühwarnsystem:

  • Automatische Screenshot-Erstellung an definierten Testpunkten
  • Pixel-genaue Vergleiche mit Referenz-Screenshots
  • Intelligente Toleranzschwellen für erwartete Variationen
  • Sofortige Benachrichtigung bei visuellen Abweichungen

3. Und natürlich: Alarmierung

Gibt es in einem Prozess ein Problem werden wir darüber sofort benachrichtigt. Der gelaufene Test enthält genaue Informationen an welchem Punkt etwas scheiterte – sofern möglich mit Screenshot des letzten Punkts vor dem scheitern. Auch du als Kunde kannst optional informiert werden.

Warum wir auf eine Eigenentwicklung gesetzt haben

  • Flexibilität: Jedes Feature ist exakt auf unsere Anforderungen abgestimmt. Keine überflüssigen Funktionen, keine Kompromisse.
  • Performance: Ohne den Overhead grosser Frameworks läuft unser System ressourcenschonend und schnell auf einem virtuellen Server, der kaum etwas kostet.
  • Wartbarkeit: Das Team versteht jeden Teil des Systems. Anpassungen sind schnell implementiert und genau wie wir es wollen. Ich habe z.B. mit Jenkins als Alternative beschäftigt und bin überzeugt, dass allein der Betriebsaufwand wesentlich teurer wäre.
  • Kosteneffizienz: Keine Lizenzgebühren, keine Vendor-Lock-ins, keine versteckten Kosten für Erweiterungen.

Langfristige Qualität als Unternehmenswert

Dieses System ist mehr als nur ein technisches Tool. Es spiegelt in gewisser Weise unsere Philosophie wider. Wir glauben daran, dass nachhaltige Software-Entwicklung proaktive Qualitätssicherung erfordert.

Statt auf Probleme zu reagieren, verhindern wir sie. Das System hat nämlich den wichtigen Vorteil, dass wir unsere gesamte Testreihe vor einem WordPress oder WooCommerce Upgrade auch lokal durchspielen können – insgesamt über 300 Prozesstests, die uns sofort sagen, wo es hakt.

  • Kontinuierliche Überwachung: Unsere Tests laufen rund um die Uhr und geben uns die Gewissheit, dass unsere Lösungen stabil funktionieren.
  • Früherkennung: Probleme werden erkannt, bevor sie unsere Nutzer erreichen.

Technische Einblicke

Für die technisch Interessierten: Unser System nutzt Selenium WebDriver für Browser-Automation, PIL (Python Imaging Library) für Screenshot-Vergleiche und ein simples Notification-System für Alerts. Das Frontend läuft auf simplem PHP/HTML/CSS.

Fazit: Qualität durch massgeschneiderte Lösung

Nicht jedes Problem braucht eine Standard-Lösung. Manchmal ist der beste Weg, eigene Tools zu bauen, die perfekt zu den spezifischen Anforderungen passen und langfristig wartbar sind.

Unser Browser-Testing-System zeigt, dass schlanke, durchdachte Eigenentwicklungen mächtiger sein können als komplexe Enterprise-Lösungen. Es ist ein Beleg für unseren Anspruch, nicht nur heute funktionierende Software für dein Unternehmen zu entwickeln, sondern Lösungen, die über Jahre hinweg zuverlässig ihren Dienst verrichten.

Der Beitrag Automatisierte Browser-Tests für langfristige Qualität erschien zuerst auf comotive.

]]>
https://www.comotive.ch/2025/09/23/automatisierte-browser-tests-fuer-langfristige-qualitaet/feed/ 0
Strukturierte Infos für die KI https://www.comotive.ch/2025/09/10/strukturierte-infos-fuer-die-ki/ https://www.comotive.ch/2025/09/10/strukturierte-infos-fuer-die-ki/#respond Wed, 10 Sep 2025 11:32:59 +0000 https://www.comotive.ch/?p=5661 Wenn eine KI Infos über deine Firma braucht, gibt es unterdessen einen Standard der bei deiner Website abgefragt wird: Die Datei „llms.txt“. Ist diese vorhanden, kann die KI schneller beurteilen, ob deine Firma oder deine Dienstleistung als Antwort zu einer Fragestellung zum Zug kommt. Die Inhalte müssen gut strukturiert sein. Daher haben wir eine Funktion...

Der Beitrag Strukturierte Infos für die KI erschien zuerst auf comotive.

]]>
Diesen Beitrag vorlesen lassen.
0:00 / 3:10

Wenn eine KI Infos über deine Firma braucht, gibt es unterdessen einen Standard der bei deiner Website abgefragt wird: Die Datei „llms.txt“. Ist diese vorhanden, kann die KI schneller beurteilen, ob deine Firma oder deine Dienstleistung als Antwort zu einer Fragestellung zum Zug kommt. Die Inhalte müssen gut strukturiert sein. Daher haben wir eine Funktion gebaut, welche es all‘ unseren Kunden ermöglicht, diese Datei selbst zu bearbeiten.

Struktur muss sein

Das SEO Plugin Yoast hat eine ähnliche Funktion kürzlich veröffentlicht. Doch bei der werden lediglich ausgewählte oder die letzten fünf Blog Beiträge ohne jegliche Erklärung in die Datei geschrieben. Das ist nur leider gar nicht, was eine KI an der Stelle erwartet. Daher haben wir das ganze auf verschiedene Felder aufgeteilt:

  • Unternehmensbeschreibung und Mission.
  • Hauptprodukte / Dienstleistungen.
  • Zielgruppe und Positionierung.
  • Besondere Expertise oder Alleinstellungsmerkmale.
  • Kontaktinformationen und wichtige URLs.

Diese ersten wichtigen Informationen über deine Website fliessen dann mit strukturierter Hierarchie in die llms.txt Datei. Als nächstes, kann Optional ein kleine Frage & Antwort Sektion erstellt werden. Ganz ohne Formatierungen im Text selbst. Links sind möglich, ohne Garantie, dass die abrufende KI diesen folgt. Aber es kann sein, dass die Links dem oder der Fragesteller/in weitergereicht werden.

Spezifische Informationen für Onlineshops

Wenn du einen WooCommere Shop bei uns hast, gibt es noch weitere Möglichkeiten, der KI wichtige Informationen mitzuteilen. Darunter:

  • Eine automatische Liste der Produkt-Hauptkategorien mitsamt Beschreibung und Link.
  • Eine Liste ausgewählter Top-Produkte, deren Titel, Beschreibung, Preis und Link.
  • Ein zusätzliches Textfeld um weitere Infos, wie Lieferkonditionen, AGB etc. anzugeben.

All diese Informationen werden mittels Markdown strukturiert ausgegeben, damit die KI den Text korrekt einordnen und verarbeiten kann. Auch etwas, was weder Yoast SEO noch Rankmath tun, obwohl es durchaus das Tüpfelchen auf dem i sein kann.

Und schliesslich: Beiträge

Bei einer Website oder einem Firmenblog kann es tatsächlich Sinn machen, die aktuellsten Beiträge oder zumindest eine Zusammenfassung davon in die llms.txt einzutragen. Aber nur, wenn regelmässig neuer Inhalt erzeugt wird, der für potentielle Kunden relevant ist. Alternativ fügt man besser von Hand ein paar Evergreen-Beiträge hinzu.

Die neue Funktion findest du im WordPress Backend unter Einstellungen > llms.txt. Die Funktion können bei den meisten, aber nicht überall automatisch aktivieren – sofern du diese nicht siehst, melde dich einfach kurz bei support@comotive.ch.

Der Beitrag Strukturierte Infos für die KI erschien zuerst auf comotive.

]]>
https://www.comotive.ch/2025/09/10/strukturierte-infos-fuer-die-ki/feed/ 0
Inhalte bald nur noch für KI-Bots? https://www.comotive.ch/2025/07/03/inhalte-bald-nur-noch-fuer-ki-bots/ https://www.comotive.ch/2025/07/03/inhalte-bald-nur-noch-fuer-ki-bots/#respond Thu, 03 Jul 2025 07:53:45 +0000 https://www.comotive.ch/?p=5540 Wer liest heute eigentlich noch Websites? Mit dem Einzug von Künstlicher Intelligenz in unseren Alltag verändert sich auch die Art, wie Menschen mit Informationen im Netz umgehen, oder besser gesagt: Wie sie gar nicht mehr direkt mit ihnen umgehen müssen. Immer öfter erhalten Nutzerinnen und Nutzer Antworten direkt von KI-gestützten Systemen wie ChatGPT, Siri, Gemini...

Der Beitrag Inhalte bald nur noch für KI-Bots? erschien zuerst auf comotive.

]]>
Diesen Beitrag vorlesen lassen.
0:00 / 4:00

Wer liest heute eigentlich noch Websites? Mit dem Einzug von Künstlicher Intelligenz in unseren Alltag verändert sich auch die Art, wie Menschen mit Informationen im Netz umgehen, oder besser gesagt: Wie sie gar nicht mehr direkt mit ihnen umgehen müssen.

Immer öfter erhalten Nutzerinnen und Nutzer Antworten direkt von KI-gestützten Systemen wie ChatGPT, Siri, Gemini oder Alexa, Claude und wie sie alle heissen. Diese Antworten stammen häufig aus öffentlich zugänglichen Inhalten von genau den Websites, die Unternehmen sorgfältig pflegen. Doch was bedeutet das für Websites und Onlineshops? Und wie kann man sich als Unternehmen darauf vorbereiten?

Die neue Zielgruppe: Maschinen

Wenn eine KI eine Produktfrage beantwortet, zum Beispiel „Welches E-Bike ist für den Stadtverkehr geeignet?“, dann geschieht das auf Basis öffentlich verfügbarer Inhalte. Die Informationen dafür stammen meist direkt von Websites, die gut strukturiert, sauber geschrieben und suchmaschinenfreundlich aufgebaut sind.

Anders gesagt: Inhalte auf deiner Website werden nicht nur für Menschen, sondern zunehmend auch für Maschinen erstellt. Und genau diese Maschinen entscheiden, welche Information dem Menschen am Ende angezeigt oder vorgelesen wird – oft ohne dass dieser überhaupt noch die Website besucht.

Was das für Unternehmen bedeutet

Diese Entwicklung ist eine Herausforderung und eine Chance. Denn wer seine Inhalte jetzt gut strukturiert und für Maschinen lesbar aufbereitet, kann sich in einer Welt der KI-basierten Antworten einen entscheidenden Vorteil sichern. Zwei Dinge sind dabei besonders wichtig:

  1. Klare, verständliche Inhalte: Gut lesbar für Menschen und KI.
  2. Technische Aufbereitung: Mit strukturierten Daten, Metadaten, semantischer HTML und guter interner Verlinkung.

Unsere Antwort: Smarte SEO und strukturierte Daten

Wir setzen bei allen Websites und Onlineshops unserer Kunden bwährte SEO Plugins. Das Plugin hilft durch seine Analyse den Text besonders gut lesbar zu machen. Für Menschen und moderne Sprachmodelle / KI. Es kümmert sich aber auch automatisch um viele technische Details:

  • Generierung strukturierter Daten (Schema.org) vorallem bei Produkten
  • Optimierung von Titeln und Meta-Beschreibungen
  • Klar definierte Seitenhierarchie
  • Integration von Social-Media-Metadaten
  • Verständliche URL-Strukturen

Was kommt als Nächstes? Die NLWeb-Schnittstelle

Wir arbeiten aktuell an einer NLWeb-Schnittstelle (Natural Language Web), die es allen unseren Kunden ermöglicht, ihre Inhalte noch besser für KI-Systeme nutzbar zu machen. Ziel ist es, Inhalte so bereitzustellen, dass moderne Sprachmodelle noch effizienter darauf zugreifen können: Sei es für Produktempfehlungen, FAQs oder sogar automatisierte Bestellprozesse.

So kann zum Beispiel eine KI bald nicht nur erklären, warum dein Produkt eine gute Wahl ist, sondern es auch direkt für den Kunden in deinem Onlineshop bestellen. Und das ohne, dass der Kunde deinen Onlineshop jemals gesehen hat.

Jetzt handeln bevor nur noch die KI mit dir spricht

Auch wenn der klassische Website-Besuch nie ganz verschwinden wird: Die Rolle der Website verändert sich. Von einem Ort, den Menschen besuchen, wird sie immer mehr zu einer Wissensquelle für Maschinen. Wer jetzt in saubere Struktur, gute Inhalte und eine KI-freundliche Aufbereitung investiert, ist der Konkurrenz einen Schritt voraus oder wird früher oder später abgehängt.

Wir helfen unseren Kunden, diesen Wandel nicht nur zu verstehen, sondern aktiv mitzugestalten. Denn am Ende gilt: Nur wer für Maschinen lesbar ist, wird auch in Zukunft sichtbar sein.

Der Beitrag Inhalte bald nur noch für KI-Bots? erschien zuerst auf comotive.

]]>
https://www.comotive.ch/2025/07/03/inhalte-bald-nur-noch-fuer-ki-bots/feed/ 0
Intelligentere Produktsuche https://www.comotive.ch/2025/04/21/intelligentere-produktsuche/ https://www.comotive.ch/2025/04/21/intelligentere-produktsuche/#respond Mon, 21 Apr 2025 12:21:00 +0000 https://www.comotive.ch/?p=5226 Wir haben die Suchfunktionen unserer Onlineshops auf ein neues Level gehoben! Ab sofort liefert die Autocomplete-Funktion für alle unsere Kunden noch intelligentere Vorschläge – basierend auf den erfolgreichsten bisherigen Suchen und einem KI-gestützten Index. Suchvorschläge erscheinen im besten Fall nach wenigen Millisekunden – fast so schnell, wie man tippen kann. Was passiert genau? Während du...

Der Beitrag Intelligentere Produktsuche erschien zuerst auf comotive.

]]>

Wir haben die Suchfunktionen unserer Onlineshops auf ein neues Level gehoben! Ab sofort liefert die Autocomplete-Funktion für alle unsere Kunden noch intelligentere Vorschläge – basierend auf den erfolgreichsten bisherigen Suchen und einem KI-gestützten Index. Suchvorschläge erscheinen im besten Fall nach wenigen Millisekunden – fast so schnell, wie man tippen kann.

Was passiert genau?

Während du deinen Suchbegriff eintippst, prüfen wir bereits während der Eingabe, ob wir „wissen“, was du suchst. Dazu führt der Code eine Reihe von Abfragen aus:

  • Haben wir vergangene Suchanfragen, die mit der gleichen Buchstabenfolge beginnen? Wenn du zum Beispiel „usb ka“ eingibst, finden wir schnell „USB Kabel“.
  • Gibt es häufige Zusatzwörter? Etwa „USB Kabel 1m“ oder „USB Kabel Drucker“.
  • Gibt es häufig verwendete ähnliche Begriffe, wie „USB-C Kabel“ oder „USB A zu C Kabel“?
  • Nehmen wir an, du tippst gerade „Kofphöre“ ein. Die ersten drei Schritte liefern kein Ergebnis – wegen des Schreibfehlers. Was tun?
  • Ganz klar: Gibt es im Index Wörter, die diesem sehr ähnlich sind – so ähnlich, dass es vielleicht ein Schreibfehler ist? Ja: „Kopfhörer“!
  • Wir lassen dich weiter tippen, gehen aber ab jetzt davon aus, dass du „Kopfhörer“ meinst.
  • Nun wiederholt sich der Ablauf, und du bekommst wahrscheinlich direkt Vorschläge wie „Kopfhörer Bose“, „Kopfhörer Bluetooth“ oder „Kopfhörer Homeoffice“.
  • Keine Sorge: Wenn du weiter tippst und kleine Schreibfehler machst, ist die Chance hoch, dass der Algorithmus (ganz ohne KI) jedes einzelne Wort größtenteils versteht.

Analyse zeigt: Scheinbar ein Erfolg

Die Funktion ist noch nicht lange online, aber die Anzahl der Klicks auf Vorschläge hat sich erhöht. Die meisten Sucheingaben liefern nun erstmals überhaupt Vorschläge – oder mehr und passendere als zuvor. Intern zeichnen wir weiterhin anonym auf, was passiert, damit wir und in Zukunft auch der Suchalgorithmus daraus lernen können.

Ausweitung auf WordPress Suche

Die WordPress-Suche ist im Standard einigermassen ausgereift. Aber sie liefert keine Vorschläge und scheitert sofort bei Schreibfehlern. Auch bei Suchanfragen mit mehr als einem Wort stösst sie schnell an ihre Grenzen. Daher testen wir derzeit auf einigen Websites einen teilweise KI-erweiterten Index, der auch für die Suche und die Korrektur von Schreibfehlern genutzt wird.

Sobald wir dieses Feature für rund 200 Websites ausrollen, wird es für alle unsere Kunden – oder vielmehr für deren Besucher und Endkunden – einen positiven Effekt haben.

Der Beitrag Intelligentere Produktsuche erschien zuerst auf comotive.

]]>
https://www.comotive.ch/2025/04/21/intelligentere-produktsuche/feed/ 0
Schnell den nächsten Job finden https://www.comotive.ch/2025/03/31/schnell-den-naechsten-job-finden/ https://www.comotive.ch/2025/03/31/schnell-den-naechsten-job-finden/#respond Mon, 31 Mar 2025 05:30:00 +0000 https://www.comotive.ch/?p=4724 Für die 4future management AG haben wir die Job-Plattformen auf moderne Technik aktualisiert. Die bisherigen Websites basierten zwar auf WordPress, wurden aber mit einem bunten Mix an eher ungeeigneten Plugins und Methoden implementiert. Suchanfrage, dann Kaffee holen? Die bisherigen Websites waren vor allem eines: Träge. Gerade Suchanfragen, das wichtigste bei einer Job-Plattform, waren sehr langsam....

Der Beitrag Schnell den nächsten Job finden erschien zuerst auf comotive.

]]>
Diesen Beitrag vorlesen lassen.
0:00 / 2:25

Für die 4future management AG haben wir die Job-Plattformen auf moderne Technik aktualisiert. Die bisherigen Websites basierten zwar auf WordPress, wurden aber mit einem bunten Mix an eher ungeeigneten Plugins und Methoden implementiert.

Suchanfrage, dann Kaffee holen?

Die bisherigen Websites waren vor allem eines: Träge. Gerade Suchanfragen, das wichtigste bei einer Job-Plattform, waren sehr langsam. Manchmal wartete man nach eintippen oder anklicken einer Kategorie 5 – 10 Sekunden, sehr oft lief es auch in eine Fehlermeldung – Timeout!

Wer uns kennt weiss: Wir lieben schnelle Websites. Google liebt das übrigens auch, die entsprechenden „Core Web Vitals“ haben wir massiv verbessert. Sie stehen nun alle im grünen Bereich. Neu läuft die Suche grösstenteils nicht mehr auf dem Server sondern im Client ab. Das ermöglicht, alle Seiten grösstenteils zu Cachen – ein Klick in eine Kategorie dauert gemessen nur wenige Millisekunden, wo es vorher ewig dauerte. Die Ergebnisse im Filter erscheinen sofort, so schnell wie man tippen oder klicken kann.

Sichere Datenübertragung

Ein zweites Thema ist die Datenübertragung zwischen der Software von 4future und der Website. Bisher griff die Software von extern (einem anderen Server) direkt auf den offenen Port des MySQL Servers zu. In unserer Welt ist es nicht denkbar, solche Tore zu öffnen. Wie umgesetzt, hätte das keinem Security Audit standgehalten.

Neu gibt es eine striktere Trennung zwischen der Software, die 4future für die Verwaltung der Job-Angebote nutzt und der Website, die diese darstellt. Die Kommunikation zwischen Website und Software geschieht über REST Schnittstellen, welche auf beiden Seiten neu implementiert wurden um den Anforderungen 1:1 gerecht zu werden.

Die Menge der Übertragenen Daten ist relativ gering und die Schnittstellen sind eindimensional – also simpel, schnell implementiert und mit den üblichen Standards abgesichert. Das programmieren von individuellen Schnittstellen in WordPress ist seit vielen Jahren eine gängige Praxis. Für mich nicht mehr wegzudenken, wenn es darum geht Daten automatisch auszutauschen.

Der Beitrag Schnell den nächsten Job finden erschien zuerst auf comotive.

]]>
https://www.comotive.ch/2025/03/31/schnell-den-naechsten-job-finden/feed/ 0
Endlich bessere Suchergebnisse https://www.comotive.ch/2025/02/20/endlich-bessere-suchergebnisse/ https://www.comotive.ch/2025/02/20/endlich-bessere-suchergebnisse/#respond Thu, 20 Feb 2025 16:30:00 +0000 https://www.comotive.ch/?p=5190 Bei grösseren Websites und vor allem unseren E-Commerce Projekten war es immer wieder ein Thema: Die Suchfunktion – und warum sie so schlecht ist. Die letzten zwei Monate haben wir einige Massnahmen getroffen, damit man endlich findet, was man sucht. Auslegung der Probleme Rauszufinden, was an den Standard Suchfunktionen von WordPress nicht gut ist, fällt...

Der Beitrag Endlich bessere Suchergebnisse erschien zuerst auf comotive.

]]>
Diesen Beitrag vorlesen lassen.
0:00 / 8:53

Bei grösseren Websites und vor allem unseren E-Commerce Projekten war es immer wieder ein Thema: Die Suchfunktion – und warum sie so schlecht ist. Die letzten zwei Monate haben wir einige Massnahmen getroffen, damit man endlich findet, was man sucht.

Inhalte in diesem Beitrag

Auslegung der Probleme

Rauszufinden, was an den Standard Suchfunktionen von WordPress nicht gut ist, fällt nicht schwer. Was wir angehen müssen ist:

  1. Tippfehler erkennen und korrigieren.
  2. Autovervollständigung von erfolgreichen Suchbegriffen.
  3. Volltextsuche und daraus folgende Relevanzsortierung.
  4. Index um Wortabwandlungen (Plurale, Synonyme) erweitern.
  5. Zusätzliche Metadaten erzeugen und indexieren.
  6. Shops: Tiefe integration in den Filter.

Schritt für Schritt zum Ziel

Nach Analyse der verwendeten Suchbegriffe sehen wir Tippfehler als eines der akuten Probleme. Ganz oft gibt es Buchstabendreher, die mit minimaler Intelligenz in der Software korrigiert werden können. Um das zu ermöglichen, müssen wir eine Liste mit korrekten Wörtern haben: Ich habe also einen Index erstellt, der alle Wörter in der gesamten Datenbank enthält, sowie einige Zusatzinformationen wie die Anzahl der Zeichen, die Wortart (sofern möglich) und wie oft das Wort vorkommt.

Mittels einer Kombination der PHP-Funktionen similar_text() und levenshtein() habe ich dann eine Funktion gebaut, die aufgrund des Indexes mögliche Korrekturvorschläge liefert. Durch similar_text() ist es sogar möglich, diese nach „Grad der Übereinstimmung“ zu sortieren. Zu einfachen Buchstabendrehern, aber teilweise auch bei gröberen Schreibfehlern, kann ich so mit grosser Wahrscheinlichkeit das oder die Wörter finden, die der Besucher tippen wollte.

Wörter, die wir in der Datenbank nicht kennen, kann ich so jedoch nicht korrigieren. Doch das ist fürs Erste nicht schlimm, denn ein nicht bekanntes Wort würde in der Suche sowieso zu keinem Ergebnis führen.

Autovervollständigung

Hierbei handelt es sich eher um ein Komfort-Feature, doch es ist nicht unwichtig. Manchmal versucht man, etwas zu finden, weiss aber nicht genau, wonach man suchen muss. Da wir Suchanfragen aufzeichnen und auch deren Ergebnisse kennen, kann ich nun beim Tippen des Suchbegriffs bereits Vergleiche anstellen mit vormals erfolgreichen Suchanfragen. Hierbei habe ich priorisiert, dass gleich beginnende Zeichenketten zuerst erscheinen, danach solche, die mittels similar_text() hinzugefügt werden. Gibt man nun „Tell“ ein, zeige ich die relevantesten Suchanfragen an, wie „Teller Dessert“, „Teller rot“ oder eben auch „Suppenteller“.

Diese Funktion planen wir im weiteren Verlauf der Optimierungen noch weiter zu verbessern. Je mehr Informationen wir hier aufzeichnen können, desto mehr lernen wir und schliesslich auch die Software, wie und wonach die Leute suchen.

Volltextsuche und Relevanzsortierung

Zugegeben, vor diesem Projekt war mir gar nicht klar, was ein Volltextindex in einer SQL-Datenbank eigentlich genau ist. Es ist nicht das gleiche wie ein Index – ich dachte einfach, dass es genau das ist: ein Index für eine Spalte mit Text, also dem Datentyp CHAR, VARCHAR oder TEXT. Ähnlich, aber nicht ganz.

Ein wesentlicher Punkt ist, dass man einen Volltextindex über mehrere Spalten erstellen kann. Das kann, sofern man genau das will, erübrigen, dass man über mehrere Felder mit OR und LIKE sucht, was gerade bei mehr als einem Wort in einem Suchbegriff schnell schwierig wird. Und genau deshalb funktioniert auch die WordPress-Suche mit einem Begriff ganz okay, aber bei mehreren Worten wird’s schon schwierig. Einen Volltextindex hat WordPress weder auf der „posts“- noch auf der „postmeta“-Tabelle.

Grössere Pläne

Im ersten Schritt wollte ich einfach einen Volltextindex über die Titel-, Exzerpt- und Content-Felder erstellen. Doch ich hatte noch ein paar weitere Ideen, um den Index zu füllen. Auch Informationen aus den Kategorien, Schlagworten oder – bei Produkten – deren gesamten Eigenschaften müssen in den Index. Teilweise auch Metadaten, die sonst schwer oder gar nicht auffindbar wären. Und wir leben ja im Zeitalter der KI – warum also nicht auch noch eine oder zwei Spalten von einer KI erzeugen lassen?

All das habe ich getan, in einer eigenen Tabelle, die speziell als Suchindex dient. Besonders eingehen möchte ich auf Letzteres: Mit der ChatGPT-API übergeben wir einen Prompt mit den Informationen zu unserem Inhalt – dies kann ein Beitrag, ein Produkt oder irgendein kundenspezifischer Datentyp sein. Diese Informationen und den vorhandenen Text gebe ich automatisch ChatGPT, um daraus weitere Informationen zu erzeugen.

  1. Eine eigene Zusammenfassung aus dem gesamten Inhalt – zusätzlich zu der Zusammenfassung, die wir möglicherweise bereits in der Datenbank haben. Falls eine vorhanden ist, bitten ich ChatGPT, möglichst Wortalternativen zum Original zu verwenden und die Zusammenfassung stichhaltiger zu formulieren.
  2. Gerade aus Metadaten und Kategorien erzeuge ich zudem Synonyme und Plurale. So findet man einen Weinkelch dann auch unter Weinglas oder Rotweinglas – je nach Durchmesser. Man findet nicht nur „Teller rot“, sondern auch „rote Teller“. Wobei Letzteres auch schon durch die „Schreibfehlerkorrektur“ behandelt wird. Das klappt aber nicht immer mit jeder Farbe oder Eigenschaft, daher kommt diese Information zusätzlich in den Index.

Die Index-Struktur

Ich muss nun selbst definieren, ob ich einen Volltextindex über alle Spalten erstelle oder mehrere Spalten in verschiedene Indizes aufteile. Ich weiss, dass ich mit MATCH und AGAINST in SQL meinen Index (oder mehrere) mittels OR abfragen kann. Wenn ich die Indizes trenne, habe ich die Möglichkeit, einem Index in der Sortierung nach Relevanz mehr Gewicht zu geben.

Im ersten Schritt hatten wir pro Spalte einen eigenen Volltextindex. Das führte zu einem langen Statement mit vielen OR-Bedingungen und einer entsprechend längeren Relevanzberechnung – diese übernimmt MariaDB (wahrscheinlich auch MySQL und jedes andere Datenbanksystem) automatisch bei der Nutzung eines Volltextindex. Die Berechnung fällt je nach Modus unterschiedlich aus, abhängig davon, ob der „Natural Language“- oder der „Boolean“-Mode verwendet wird. Auch hier musste ich zunächst einige Tests durchführen.

Derzeit habe ich es auf zwei Volltextindizes beschränkt: Einen für die eigenen Inhaltsfelder und einen für die von der KI hinzugefügten Inhalte. Je nach Anzahl der Suchwörter und deren Länge wechsle ich im SQL-Statement automatisch zwischen den beiden Modi, da jeder je nach Suchbegriff seine eigenen Vor- und Nachteile hat.

Tiefe Integration in den Filter

Wie man es aus Onlineshops kennt, kommen sowohl auf Kategorieseiten als auch auf Suchergebnisseiten Filter zum Einsatz, um die Ergebnisse weiter einzuschränken. Ich experimentiere derzeit damit, einzelne Suchwörter aus der Anfrage bei (fast) eindeutigen Ergebnissen automatisch einem passenden Suchfilter zuzuordnen und diesen direkt zu aktivieren.

Gibt jemand beispielsweise „Fussball Übungen Torhüter“ ein, selektieren wir automatisch die Kategorie „Fussball“ sowie die Inhaltsart „Übung“ und durchsuchen die gesamte Datenbank nach Inhalten, in denen eines bis alle dieser drei Wörter vorkommen – sinnvoll nach Relevanz sortiert. In Onlineshops führt dies oft dazu, dass ein allgemeinerer Suchbegriff direkt auf eine Farbe und/oder ein Material eingeschränkt wird. So erkennt der Nutzer sofort, dass er den Filter anpassen und nach weiteren Eigenschaften einschränken kann. Eine voreingestellte Farbe wie „Rot“ kann dann beispielsweise entfernt und durch „Violett“ ersetzt oder ergänzt werden.

Ich plane, dieses Konzept auch für Suchbegriffe mit Zahlen einzuführen – das ist allerdings ein eigenes kleines Projekt. Eine Suche nach „Trinkglas 1,5 – 3 dl“ soll künftig nicht mehr zu „Keine Resultate“ führen sondern Trinkgläser finden mit genau diesem Bereich an Fassungsvermögen. Die kontinuierliche Verbesserung der Suchfunktion steht bei mir regelmässig auf dem Plan, damit die Kunden unserer Kunden genau das finden, wonach sie suchen.

Auf deiner Website wird auch nicht alles gefunden?

Tausch dich unverbindlich mit Michael aus.

Der Beitrag Endlich bessere Suchergebnisse erschien zuerst auf comotive.

]]>
https://www.comotive.ch/2025/02/20/endlich-bessere-suchergebnisse/feed/ 0
KI-Gestützte Vorlesefunktion https://www.comotive.ch/2025/01/24/ki-gestuetzte-vorlesefunktion/ https://www.comotive.ch/2025/01/24/ki-gestuetzte-vorlesefunktion/#respond Fri, 24 Jan 2025 09:13:23 +0000 https://www.comotive.ch/?p=5018 Inhalte auf Websites unserer WordPress-Kunden kannst du dir nun auch vorlesen lassen. Probier es bei diesem Beitrag aus.

Der Beitrag KI-Gestützte Vorlesefunktion erschien zuerst auf comotive.

]]>
Diesen Beitrag vorlesen lassen.
0:00 / 3:38

Im Zuge einiger Kundenanfragen fanden wir heraus, dass die im Browser eingebauten Vorlesefunktionen nicht brauchbar sind. Nun haben wir mittels dem KI-Dienst ElevenLabs eine Vorlesefunktion für unsere WordPress Kunden entwickelt.

Inhalte in diesem Beitrag

Einmal erzeugen, mehrfach abspielen

Um für uns und unsere Kunden für Kostensicherheit zu sorgen, wählten wir einen von zwei möglichen Ansätzen. Wir erzeugen über die Schnittstelle eine MP3 Audiodatei im Hintergrund, sobald ein Beitrag oder eine Seite bereit ist aufgeschaltet zu werden. Das hat ein paar Vorteile:

  • Der vorzulesende Text kann besser verändert werden, bevor er an die Schnittstelle geschickt wird. So können wir sicherstellen, dass Abkürzungen wie „zum Beispiel“ korrekt vorgelesen werden, egal wie sie im Text erfasst sind.
  • Für unseren Kunden haben wir in der Beröa Leselounge unter anderem die Anforderung, dass Bibelstellen fliessend und natürlich aufgezählt werden. So wandeln wir „(1. Mo 2,22-25)“ vorab um in den Fliesstext „erste Mose, Kapitel 2, Verse 22 bis 25“. Sonst bekommt man für Spezialfälle wie diesen nicht immer ein gutes Resultat.
  • Die Kosten für die Erzeugung sind berechenbar. So zeigen wir im CMS an, wie viel dies kostet und lassen es optional, die Audio-Datei überhaupt zu erzeugen. Einmal erzeugt ist die Audio-Datei auf unserem Server. Beim Abspielen entstehen keine weiteren Kosten. Für weiteres Abspielen gehört die Datei uns und wir sind unabhängig vom genutzten Dienst.

Die Alternative wäre, keine initiale Erzeugung von Audio-Dateien. Elevenlabs bietet die Möglichkeit, das Audio erst zu erzeugen, wenn es benötigt wird (Streaming). Dies geht mit einer kurzen Verzögerung einher, ausserdem lässt sich das Audio so nicht lokal speichern, womit sukzessive laufende Kosten entstehen, die nicht immer vorhersehbar sind.

Ein Nachteil ist, dass man sich einmal auf eine Stimme festlegen muss. Elevenlabs bietet sehr viele professionelle Stimmen, die man beliebig ausprägen oder verändern kann. Ist das Audio jedoch einmal erzeugt, müsste man alle Dateien bei einem Stimmenwechsel potentiell neu erzeugen.

Die eigene Stimme nutzen

Ein sehr interessantes Feature, gerade für’s Personal Branding: Mit Elevenlabs kann man nicht nur vordefinerte, sondern auch seine eigene Stimme verwenden. Bereits mit einer 30-Sekunden Aufnahme der eigenen Stimme, bekommt man gute Resultate. Je länger die Beispielaufnahme, desto besser wird die Qualität. Bei einer kurzen Aufnahme und typischem «Schweizer hochdeutsch» klingt die eigene KI-Stimme dann ein wenig bayrisch bis österreichisch. Ein Beispiel meiner Stimme:

Hier in unserem Blog nutzen wir für’s erste eine der Standard-Stimmen. In meinem Sideventure erneuer.bar plane ich allerdings meine eigene Stimme als «Erzähler» zu verwenden.

Ab sofort nutzbar

Unseren Kunden steht die neue Vorlesefunktion nach erstmaliger Konfiguration der Stimme ab sofort zur Verfügung. Dabei fallen lediglich die Nutzungskosten der Schnittstelle von Elevenlabs an: Etwa 30 Rappen pro vorgelesene Minute – das sind jenachdem etwa 125 bis 150 Wörter. Das Erzeugen dieses Beitrags hat einmalig etwas weniger als einen Franken gekostet.

Brauchst du eine Vorlese-Funktion für deine Web-Inhalte?

Besprich dein Vorhaben unverbindlich mit Michael.

Der Beitrag KI-Gestützte Vorlesefunktion erschien zuerst auf comotive.

]]>
https://www.comotive.ch/2025/01/24/ki-gestuetzte-vorlesefunktion/feed/ 0