Von Code zu Inhalt: Grundlagen der Webentwicklung im Zeitalter der semantischen Suche

Die semantische Suche versucht zu verstehen, was eine Frage bedeutet, statt die Wörter einer Suchanfrage eins zu eins abzugleichen. Das verändert auch die Arbeit derjenigen, die eine Website entwickeln. Der Code zeigt die Seite auf dem Bildschirm an und teilt den Suchsystemen zugleich mit, worum es auf der Seite geht. In diesem Artikel beschreiben wir, worauf man bei der Entwicklung einer Website achten sollte, die für die semantische Suche geeignet ist.

Was bedeutet semantische Suche auf der Code-Seite?

Semantische Suchsysteme versuchen, eine Seite nicht als Liste von Schlüsselwörtern zu lesen, sondern als Text, der Themen und deren Beziehungen beschreibt. Die Frage der Entwicklerin oder des Entwicklers wandelt sich von "wie oft soll ich dieses Wort verwenden" zu "ist das Thema dieser Seite im Code klar erkennbar". Je klarer die Bedeutung einer Seite ist, desto leichter können sie sowohl die klassische Suche als auch KI-Systeme deuten.

Mit sinnvollem HTML beginnen

Wer alles aus derselben Art von Boxen baut, erhält am Bildschirm vielleicht das richtige Bild, sagt aber nicht, welcher Teil der Seite was ist. Tags wie header, nav, main, article, section und footer zeigen Bots, wo der Hauptinhalt beginnt. Wiederkehrende Bereiche wie Menü und Seitenleiste lassen sich vom Hauptinhalt trennen, wenn sie außerhalb des main-Elements liegen. Das ist die früheste Anpassung und sie verursacht keine zusätzlichen Kosten.

Den Hauptinhalt serverseitig erzeugen

Entsteht der eigentliche Text einer Seite erst, nachdem JavaScript im Browser gelaufen ist, sehen manche Bots ihn womöglich nie. Man sollte nicht davon ausgehen, dass jeder Bot JavaScript auf dieselbe Weise ausführt. Steht der Hauptinhalt im ersten HTML, das vom Server kommt, liest ein Bot denselben Text, egal auf welchem Weg er kommt. Deshalb wird in Frameworks wie Next.js die serverseitige Erzeugung bevorzugt.

Die Überschriftenhierarchie wie einen Vertrag behandeln

Eine einzige H1 mit H2 und H3 in logischer Reihenfolge bildet das Gerüst des Inhalts. Wer ein Überschriften-Tag nur benutzt, um große Schrift zu erhalten, zerstört dieses Gerüst. Das Aussehen sollte CSS regeln, während das Tag die tatsächliche Struktur des Textes trägt. Eine gute Überschrift sagt außerdem, was der Absatz darunter beantwortet.

Entitäten und Kontext ausdrücklich formulieren

Semantische Systeme versuchen, Marken, Produkte, Orte und Personen als Entitäten zu erkennen. Stehen Firmenname, Tätigkeit und Einsatzort in klaren Sätzen auf der Seite, muss das Modell nicht raten. In Texten, die mit vagen Verweisen wie "diese Firma" oder "das genannte Produkt" arbeiten, geht der Kontext verloren. Produkt- und Leistungsnamen sollten auf jeder Seite gleich geschrieben sein.

Strukturierte Daten in die Vorlage einbauen

Schema.org-Auszeichnung teilt einer Maschine in lesbarer Form mit, was die Seite ist. Statt sie jeder Seite von Hand hinzuzufügen, sollte man sie zum Teil der Seitenvorlage machen. Erzeugt die Artikelvorlage Article-Daten und die Produktvorlage Product-Daten, kommt die Auszeichnung bei neuen Inhalten automatisch mit. Die ausgezeichneten Angaben müssen mit dem sichtbaren Text der Seite übereinstimmen.

Barrierefreiheit und Geschwindigkeit gehören zur Bedeutung

Aussagekräftige Alt-Texte für Bilder, beschreibende Linktexte und schnell ladende Seiten helfen Nutzern und Bots. Diese Maßnahmen versprechen für sich genommen kein Ranking, bilden aber die Grundlage einer lesbaren Website.

Fazit

Eine für die semantische Suche bereite Website beginnt mit sinnvollen Tags, vom Server gelieferten Inhalten und einer klaren Überschriftenstruktur. In unserem Software- und API-Entwicklungsservice bauen wir Websites mit diesem Blick. Kontaktieren Sie uns, wenn Sie Ihr aktuelles Projekt gemeinsam prüfen möchten.