On-Page-SEO Grundlagen: was auf der Seite selbst zählt

Wenn Du eine Seite für Suchmaschinen optimieren willst, gibt es zwei Kategorien von Faktoren, die Du beeinflussen kannst. Die einen liegen außerhalb Deiner Seite, etwa Verweise von anderen Websites. Die anderen liegen direkt in Deiner Seite selbst: im Text, in der Struktur, in den Meta-Angaben und im HTML-Code. Genau diese zweite Gruppe nennt man On-Page-SEO, und sie ist der Teil, den Du vollständig selbst in der Hand hast.

Ich habe den Seitenprüfer gebaut, weil sich viele dieser Signale direkt aus dem Quelltext ablesen lassen, ohne dass man dafür teure Tools oder ein Konto braucht. Du fügst den HTML-Quelltext einer Seite ein, und die Prüfung läuft lokal in Deinem Browser. Es wird nichts hochgeladen und nichts gespeichert. In diesem Ratgeber erkläre ich Dir, was On-Page-SEO umfasst, wie es sich von anderen Bereichen abgrenzt und in welcher Reihenfolge Du am sinnvollsten vorgehst.

Was On-Page-SEO genau bedeutet

On-Page-SEO umfasst alle Signale, die direkt auf oder in einer einzelnen Seite liegen und die Suchmaschinen dabei helfen, den Inhalt zu verstehen und korrekt einzuordnen. Dazu gehören der sichtbare Inhalt (Überschriften, Fließtext, Bilder mit Alt-Texten) genauso wie die unsichtbaren Angaben im Kopfbereich des Dokuments, etwa der Title-Tag, die Meta-Description oder das Canonical-Tag.

Der entscheidende Punkt: Bei On-Page hast Du die volle Kontrolle. Du entscheidest, was in der Überschrift steht, wie der Title formuliert ist und ob ein Bild einen Alt-Text bekommt. Anders als bei Faktoren, die von Dritten abhängen, kannst Du hier jede Verbesserung sofort umsetzen und im Quelltext überprüfen.

Abgrenzung: On-Page, Off-Page und technisches SEO

SEO wird üblicherweise in drei Bereiche aufgeteilt. Diese Trennung ist keine feste Norm, sondern eine praktische Einteilung, die Dir hilft, den Überblick zu behalten. Die folgende Tabelle zeigt die Unterschiede.

Bereich	Was gemeint ist	Beispiele	Kontrolle durch Dich
On-Page	Signale in der Seite selbst	Title, Meta-Description, Überschriften, Alt-Texte, Open Graph	Vollständig
Off-Page	Signale außerhalb der Seite	Backlinks, Erwähnungen, Markenbekanntheit	Nur indirekt
Technisch	Erreichbarkeit und Auslieferung	Crawling, Indexierung, Ladezeit, HTTPS, Robots	Teilweise

Off-Page-SEO dreht sich vor allem um Verweise und Erwähnungen anderer Websites. Wenn seriöse Seiten auf Deine Inhalte verlinken, wertet Google das als Vertrauenssignal. Diese Signale kannst Du nicht direkt in Deinen Code schreiben, sondern nur über gute Inhalte und Öffentlichkeitsarbeit anstoßen.

Technisches SEO betrifft die Frage, ob eine Suchmaschine Deine Seite überhaupt erreichen, laden und indexieren kann. Dazu zählen die Ladezeit, eine korrekte robots.txt, eine Sitemap und eine saubere HTTPS-Auslieferung. Ein Teil davon liegt im HTML (etwa die Robots-Angaben oder das Viewport-Meta-Tag), ein anderer Teil auf der Server- und Infrastrukturebene.

Die Grenzen sind fließend. Das Canonical-Tag etwa ist eine HTML-Angabe (On-Page), löst aber ein technisches Problem (doppelte Inhalte). Für die Praxis ist die Zuordnung weniger wichtig als das Verständnis, dass alle drei Bereiche zusammenwirken müssen.

Die vier Säulen, die der Seitenprüfer abklopft

Der Seitenprüfer gruppiert die On-Page-Signale in vier Bereiche. Diese Struktur hilft Dir, systematisch statt zufällig vorzugehen.

Säule 1: Titel und Meta

Der Title-Tag ist das wichtigste einzelne On-Page-Signal. Er erscheint als anklickbare Überschrift in den Suchergebnissen und im Browser-Tab. Google generiert die angezeigte Überschrift zwar teils selbst, nimmt den Title-Tag aber als primäre Grundlage. Er sollte den Seiteninhalt präzise beschreiben und pro Seite eindeutig sein.

Die Meta-Description erscheint als Textausschnitt unter dem Titel. Sie ist kein direkter Ranking-Faktor, beeinflusst aber, ob Nutzer auf Dein Ergebnis klicken. Fehlt sie, setzt Google einen Ausschnitt aus dem Seiteninhalt ein, oft weniger passend als eine bewusst formulierte Beschreibung.

Das Canonical-Tag sagt Suchmaschinen, welche URL die maßgebliche Version einer Seite ist. Das ist wichtig, wenn derselbe Inhalt unter mehreren Adressen erreichbar ist. Die Robots-Angaben (per Meta-Tag oder HTTP-Header) steuern, ob eine Seite indexiert werden darf und ob Links gefolgt werden soll. Ein versehentliches noindex kann eine ganze Seite unsichtbar machen, deshalb lohnt sich hier ein genauer Blick.

Wie Du Title und Description im Detail formulierst, erkläre ich im Ratgeber Meta-Tags, Title und Description.

Säule 2: Struktur und Inhalt

Jede Seite sollte genau eine H1-Überschrift haben, die das Hauptthema benennt. Darunter ordnen sich H2 und H3 in einer logischen Hierarchie an, so wie ein Inhaltsverzeichnis. Sprunghafte Ebenen (etwa direkt von H1 zu H3) erschweren das Verständnis, für Nutzer wie für Suchmaschinen.

Die Textmenge zählt nicht als Selbstzweck, sondern als Hinweis darauf, ob eine Seite ein Thema tatsächlich abdeckt. Eine Seite mit drei Sätzen wird zu einem komplexen Thema selten überzeugen. Übertriebene Textlänge ohne Substanz hilft aber genauso wenig.

Bilder brauchen Alt-Texte. Diese beschreiben den Bildinhalt für Menschen, die einen Screenreader nutzen, und geben Suchmaschinen einen Anhaltspunkt, was auf dem Bild zu sehen ist. Ein fehlender Alt-Text ist ein häufiges und leicht behebbares On-Page-Problem. Mehr dazu findest Du im Ratgeber HTML-Struktur und Überschriften.

Säule 3: Social

Open-Graph-Tags steuern, wie ein Link aussieht, wenn er in sozialen Netzwerken oder Messengern geteilt wird. Mit og:title, og:description und og:image legst Du fest, welcher Titel, welcher Text und welches Vorschaubild erscheinen. Ohne diese Angaben ziehen Plattformen sich beliebige Fragmente aus der Seite, was oft unschön aussieht.

Twitter Cards (heute X) erfüllen denselben Zweck für diese Plattform. In vielen Fällen greifen sie auf die Open-Graph-Angaben zurück, ein zusätzliches twitter:card sorgt aber für eine saubere Darstellung. Diese Signale beeinflussen kein Ranking, wohl aber die Klickrate, wenn Deine Inhalte geteilt werden.

Säule 4: Technik

Vier HTML-Angaben im Kopfbereich sind grundlegend. Das lang-Attribut am html-Element sagt, in welcher Sprache die Seite verfasst ist. Das Viewport-Meta-Tag sorgt dafür, dass die Seite auf Mobilgeräten korrekt skaliert, was für die mobile Darstellung entscheidend ist. Die Zeichensatz-Angabe (charset) verhindert, dass Umlaute und Sonderzeichen falsch dargestellt werden. Und strukturierte Daten (etwa im JSON-LD-Format) helfen Suchmaschinen, den Inhalt maschinenlesbar einzuordnen, zum Beispiel als Artikel, Rezept oder Produkt.

Diese und weitere technische Punkte behandle ich ausführlich in der technischen SEO-Checkliste.

Warum HTML-Semantik zählt

Ein Browser stellt fast jedes HTML irgendwie dar, auch wenn es unsauber ist. Suchmaschinen und assistive Technologien sind aber auf die Bedeutung der Elemente angewiesen. Wenn Du eine Überschrift als <h2> auszeichnest statt als fett formatierten <div>, gibst Du der Maschine eine klare Aussage: Hier beginnt ein Abschnitt zu einem Unterthema.

Semantisches HTML bedeutet, das jeweils passende Element für seinen Zweck zu nutzen: <nav> für Navigation, <main> für den Hauptinhalt, <article> für in sich geschlossene Beiträge, <button> für Schaltflächen. Das kostet keinen Mehraufwand, macht Deine Seite aber besser interpretierbar und nebenbei zugänglicher. On-Page-SEO und Barrierefreiheit ziehen hier am selben Strang.

In welcher Reihenfolge Du vorgehst

Nicht alle On-Page-Signale wiegen gleich schwer. Wenn Du eine Seite prüfst, empfehle ich diese Priorisierung.

1. Indexierbarkeit zuerst. Prüfe die Robots-Angaben. Steht dort ein noindex, das nicht hingehört, ist jede weitere Optimierung wirkungslos, weil die Seite gar nicht erscheint.
2. Title und H1. Beschreiben sie das Thema klar und eindeutig? Das sind die stärksten inhaltlichen Signale.
3. Überschriften-Struktur. Gibt es genau eine H1, und ist die Hierarchie logisch?
4. Meta-Description. Vorhanden und ansprechend formuliert, damit Nutzer klicken?
5. Alt-Texte und Bilder. Haben alle relevanten Bilder eine Beschreibung?
6. Technische Basis. Sind lang, charset, Viewport und Canonical korrekt gesetzt?
7. Social- und strukturierte Daten. Open Graph und gegebenenfalls JSON-LD als Feinschliff.

Diese Reihenfolge geht vom Grundlegenden zum Feinschliff. Die ersten drei Punkte lösen die häufigsten und folgenreichsten Probleme, die hinteren verbessern Darstellung und Detailtiefe.

So sieht ein sauberer head-Bereich aus

Viele der genannten Signale bündeln sich im <head> des Dokuments. Ein solides Grundgerüst sieht etwa so aus:

<!DOCTYPE html>
<html lang="de">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>On-Page-SEO Grundlagen: was auf der Seite zählt</title>
  <meta name="description" content="Was On-Page-SEO umfasst und worauf Du bei jeder Seite als Erstes achtest.">
  <link rel="canonical" href="https://beispiel.de/onpage-seo/">
  <meta name="robots" content="index, follow">

  <meta property="og:title" content="On-Page-SEO Grundlagen">
  <meta property="og:description" content="Was auf der Seite selbst zählt.">
  <meta property="og:image" content="https://beispiel.de/bilder/onpage.png">
  <meta name="twitter:card" content="summary_large_image">
</head>
<body>
  <main>
    <h1>On-Page-SEO Grundlagen</h1>
  </main>
</body>
</html>

Genau solche Angaben liest der Seitenprüfer aus, wenn Du den Quelltext einer Seite einfügst. Er sagt Dir, welche Signale vorhanden sind, welche fehlen und wo etwas ungewöhnlich aussieht.

Ehrliche Einordnung: On-Page ist nur ein Teil

So nützlich saubere On-Page-Optimierung ist, sie ist kein Zaubermittel. Eine technisch perfekt ausgezeichnete Seite mit dünnem oder wenig hilfreichem Inhalt wird nicht gut ranken. Google bewertet vor allem, ob eine Seite die Absicht der Suchenden erfüllt, ob der Inhalt fundiert ist und ob die Nutzererfahrung stimmt.

On-Page-SEO sorgt dafür, dass ein guter Inhalt richtig verstanden und einladend dargestellt wird. Es ersetzt aber nicht die Qualität des Inhalts selbst, nicht das Vertrauen, das eine Website über die Zeit aufbaut, und nicht die technische Erreichbarkeit. Niemand kann Dir seriös ein bestimmtes Ranking versprechen, denn dieses hängt von vielen Faktoren ab, auch vom Wettbewerb um dasselbe Thema.

Der praktische Wert von On-Page-Arbeit liegt darin, dass sie günstig, schnell umsetzbar und vollständig in Deiner Hand ist. Du behebst damit die vermeidbaren Fehler, die eine ansonsten gute Seite ausbremsen. Und genau dafür ist der Seitenprüfer gedacht: als schneller, ehrlicher Blick in den Quelltext, damit Du siehst, was auf der Seite selbst zählt.