Unsere Artikel

Ein Dialogassistent: verstehen und vorbereiten

Er erklärt Begriffe, vergleicht Möglichkeiten, formuliert Texte oder schlägt Code vor. Ohne Projektzugriff liefern Sie den Kontext und setzen die Vorschläge selbst um.

Ein Agent: in einer Umgebung handeln

Ein Agent verbindet KI mit Werkzeugen und einem Arbeitsablauf: beobachten, handeln, Ergebnis prüfen und anpassen. Mit den nötigen Rechten kann er Dateien direkt bearbeiten.

Claude Code und Codex

Claude Code von Anthropic und Codex von OpenAI sind agentische Entwicklungswerkzeuge. Sie können Projekte untersuchen, Code ändern und Befehle oder Tests ausführen. Die Möglichkeiten hängen von der Umgebung, den verfügbaren Werkzeugen und Berechtigungen ab.

Beispiel: ein defektes Formular

Im Gespräch zeigen Sie Code und Fehlermeldung und übernehmen den Korrekturvorschlag. Ein Agent im Projekt kann die betroffenen Dateien finden, eine Korrektur vorbereiten, verfügbare Prüfungen ausführen und Änderungen zur Durchsicht vorlegen. Bei fehlgeschlagenen Tests kann er weiter nach der Ursache suchen.

Die Grenze ist fließend

Auch Dialogassistenten können Websuche, Dateien und Ausführungswerkzeuge nutzen. Ein Agent kann ebenso nur eine Frage beantworten. Entscheidend sind die Zugriffe und delegierten Aufgaben, nicht das Chatfenster.

Welches Werkzeug passt?

Zum Lernen, Nachdenken oder Vorbereiten von Inhalten reicht oft ein Gespräch. Für Änderungen im Projekt kann ein Agent helfen. Definieren Sie das Ziel und prüfen Sie die Ergebnisse: Erfolgreiche Tests garantieren keine Fehlerfreiheit.

Sources / Quellen: Claude Code · Codex CLI

Eine Grundlage zum Entwickeln

Ein Framework liefert eine Codeorganisation, Konventionen und wiederverwendbare Werkzeuge. Wie das Gerüst eines Gebäudes unterstützt es den Aufbau, ohne das Ergebnis allein festzulegen.

Was leistet es konkret?

Je nach Framework unterstützt es Seiten, Formulare, Benutzerkonten oder Datenbankzugriffe. So bleibt mehr Zeit für projektspezifische Funktionen.

Im Browser oder auf dem Server

Manche Frameworks strukturieren interaktive Oberflächen im Browser. Andere organisieren Datenzugriffe, Geschäftsregeln und Berechtigungen auf dem Server. Ein Projekt kann beides kombinieren.

Vorteile und Grenzen

Eine gemeinsame Struktur erleichtert Teamarbeit und Wartung. Dafür müssen Konventionen gelernt, Updates eingespielt und Abhängigkeiten gepflegt werden. Ein Framework garantiert allein weder Sicherheit noch Geschwindigkeit.

Ist es notwendig?

Nein. Für eine einfache Website können HTML, CSS und JavaScript genügen. Bei komplexeren Anwendungen kann ein Framework Zeit sparen. Entscheidend sind Anforderungen, Teamkenntnisse und geplante Wartung.

Wenn ein potenzieller Kunde „Klempner Thann" oder „Restaurant Husseren-Wesserling" bei Google eingibt, erscheint dann Ihr Unternehmen? Wenn nicht, verlieren Sie jeden Tag Kunden.

Google Business Profile: die Basis

Das Erste, was Sie tun sollten, ist Ihr Google Business Profil (ehemals Google My Business) zu erstellen und zu optimieren. Es ist kostenlos und sorgt dafür, dass Sie auf Google Maps und in lokalen Suchergebnissen erscheinen.

Lokale Suchbegriffe

Ihre Website sollte die Begriffe natürlich enthalten, die Ihre Kunden verwenden, um Sie zu finden:

• Ihr Beruf + Ihre Stadt
• Ihr Beruf + Ihre Region (Elsass, Thurtal)
• Begriffe, die Ihre Kunden wirklich verwenden (kein Fachjargon)

Die NAP-Konsistenz

NAP = Name, Adresse, Phone (Telefon). Diese Informationen müssen überall identisch sein: auf Ihrer Website, bei Google Business, in Branchenverzeichnissen, in sozialen Netzwerken. Google überprüft die Konsistenz.

Kundenbewertungen

Google-Bewertungen sind ein wichtiger Rankingfaktor für lokales SEO. Bitten Sie zufriedene Kunden systematisch um eine Bewertung. Antworten Sie auf alle Bewertungen, positive wie negative.

Eine schnelle, mobile Website

Über 60 % der lokalen Suchanfragen erfolgen auf dem Smartphone. Wenn Ihre Website langsam oder schlecht für Mobilgeräte optimiert ist, bestraft Google Sie. So einfach ist das.

Lokales SEO ist keine Zauberei. Es ist gesunder Menschenverstand, Sorgfalt und ein wenig Technik. Und die Ergebnisse zeigen sich oft schnell.

Google hat es klar gesagt: Die Ladegeschwindigkeit ist ein Rankingfaktor. Und jenseits von SEO geht es auch um die Nutzererfahrung. Eine langsame Website wird von niemandem besucht.

Wie misst man das?

Zwei kostenlose Werkzeuge reichen aus:

• Google PageSpeed Insights — analysiert Ihre Website und vergibt einen Score von 100
• Lighthouse (in Chrome integriert) — umfassender Audit: Performance, Barrierefreiheit, SEO, Best Practices

Die häufigsten Ursachen

• Nicht optimierte Bilder — ein 5-MB-Foto, wo 200 KB reichen würden
• Zu viel JavaScript — Plugins, Tracker, Widgets, die sich stapeln
• Langsames Hosting — ein überlasteter Shared Server
• Kein Caching — der Browser lädt bei jedem Besuch alles neu herunter
• Schwere Web-Schriftarten — 8 Varianten einer Google Font laden

Schnelle Lösungen

• Bilder in WebP oder AVIF konvertieren
• GZIP-Komprimierung auf dem Server aktivieren
• Cache-Header konfigurieren
• Unnötiges JavaScript entfernen
• Laden unkritischer Ressourcen verzögern

Ein Performance-Audit ist oft der erste Schritt zu einer Website, die besser konvertiert. Und genau das bieten wir in unserem Audit-Service an.

Das Web im Jahr 2026 ist ein unglaublicher Spielplatz für Entwickler. Die Browser unterstützen endlich Funktionen, auf die wir seit Jahren gewartet haben. Hier sind die, die wirklich zählen.

CSS Container Queries

Vorbei die Zeit, als man Komponenten nur an die Fenstergröße anpassen konnte. Mit Container Queries kann sich eine Komponente an die Größe ihres Containers anpassen. Das ist ein grundlegender Wandel für responsives Design.

View Transitions API

Seitenübergänge ohne komplexes JavaScript oder Frameworks. Der Browser handhabt die Übergangsanimationen nativ. Das Ergebnis: Websites, die sich wie Apps verhalten, mit einem Bruchteil der Komplexität.

Das AVIF-Format

AVIF bietet eine um 50 % bessere Komprimierung als WebP bei vergleichbarer Qualität. Alle modernen Browser unterstützen es. Es ist der neue Standard für Webbilder.

Natives CSS Nesting

Kein Sass mehr nur zum Verschachteln von Selektoren nötig. Natives CSS unterstützt jetzt Nesting. Eine willkommene Vereinfachung für Projekte, die leichtgewichtig bleiben wollen.

Popover API

Tooltips, Modals und Kontextmenüs können jetzt nativ vom Browser verwaltet werden, mit einer einfachen und standardmäßig barrierefreien API. Weniger JavaScript, mehr Zuverlässigkeit.

Diese Entwicklungen bestärken unsere Überzeugung: Man kann bemerkenswerte Websites mit nativen Webtechnologien bauen, ohne schwere Frameworks oder komplexe Abhängigkeiten.

Haben Sie schon einmal diese Google-Ergebnisse mit Sternen, Öffnungszeiten, Preisen oder FAQs direkt auf der Suchergebnisseite gesehen? Das sind erweiterte Suchergebnisse, und sie werden mithilfe strukturierter Daten von Schema.org generiert.

Wie funktioniert das?

Man fügt einen kleinen JSON-LD-Codeblock in die HTML-Seite ein. Dieser Code beschreibt den Seiteninhalt in einem Format, das Google versteht: „dies ist ein lokales Geschäft", „hier sind die Öffnungszeiten", „hier sind die Bewertungen".

Die nützlichsten Typen

• LocalBusiness — für Geschäfte und Handwerker (Adresse, Öffnungszeiten, Telefon)
• Article — für Blog-Artikel (Autor, Datum, Beschreibung)
• FAQ — für Seiten mit häufig gestellten Fragen
• Product — für Produktseiten (Preis, Verfügbarkeit, Bewertungen)
• Event — für Veranstaltungen (Datum, Ort, Preis)

Die Auswirkung auf SEO

Strukturierte Daten sind kein direkter Rankingfaktor. Aber sie erhöhen die Klickrate erheblich: Ein erweitertes Ergebnis fällt ins Auge und weckt Vertrauen. Mehr Klicks = mehr Traffic = langfristig besseres Ranking.

Auf dieser Website selbst verwenden wir Schema.org LocalBusiness. Das ist eine Praxis, die wir systematisch auf allen von uns erstellten Websites anwenden.