Was ist SEO?
SEO (Search Engine Optimization) bedeutet, Inhalte so zu gestalten, dass sie in Suchmaschinen besser gefunden werden . Ziel ist es, sichtbarer zu werden und mehr Besucher zu erreichen. Dazu verbessert man Struktur, Verständlichkeit und Qualität einer Website. Suchmaschinen sollen den Inhalt leicht erfassen und richtig bewerten können. Die Basis ist jedoch qualitativer Inhalt - ohne diesen sind alle technischen Maßnahmen wirkungslos.
Wie funktioniert eine Suchmaschine?
Crawler
Ein Crawler ist ein Programm der Suchmaschine, das ständig das Internet durchsucht, Webseiten besucht und ihre Inhalte und Daten liest. Er folgt Links zwischen Seiten, analysiert HTML-Strukturen und sammelt Informationen, die später im Index gespeichert werden. Crawler arbeiten automatisiert und kontinuierlich, um den Index aktuell zu halten.
Index
Die gefundenen Webseiten des Crawlers werden im Index der Suchmaschine gespeichert. Er funktioniert wie ein großes Inhaltsverzeichnis, in dem alle Seiten abgelegt sind, damit sie später schnell wiedergefunden werden können.
Ranking
Wenn jemand etwas sucht, vergleicht die Suchmaschine passende Seiten aus dem Index und bewertet sie anhand vieler Faktoren: Relevanz und Qualität der Inhalte, Autorität sowie Nutzer- und Techniksignale. Gute SEO erhöht die Chance, weiter oben zu erscheinen.
SEO-Arten
On-Page SEO
On-Page SEO befasst sich mit den Faktoren, die innerhalb einer Website liegen. Es umfasst die Optimierung von Inhalten, Struktur und Metadaten, um die Sichtbarkeit und Ranking-Fähigkeit zu verbessern.
Off-Page SEO
Off-Page-SEO umfasst alle Maßnahmen außerhalb der eigenen Website, die das Ranking in Suchmaschinen verbessern. Dazu gehören vor allem Backlinks von anderen hochwertigen Seiten, die als Empfehlungen gelten (Backlinks: Links von anderen Seiten auf deine eigene Seite). Auch Social-Media-Aktivitäten, Online-Reputation und Erwähnungen auf anderen Plattformen stärken die Autorität einer Website.
Wie setze ich das nun um?
Um SEO erfolgreich zu meistern, musst du kein Genie sein. Wenn du dich bereits ein wenig mit HTML beschäftigt hast, gibt es ein paar simple Techniken der On-Page SEO, die du beim Coden anwenden kannst. Diese haben bereits einen positiven Effekt auf deine SEO-Performance.
Titel, Meta-Tags und Keywords
Viewport-Meta-Tag (<meta name="viewport" content="width=device-width,
initial-scale=1.0">)
sorgt für die korrekte Skalierung auf mobilen Geräten. Die Suchmaschine bevorzugt
mobileoptimierte Seiten beim Ranking. Die meisten Menschen nutzen auch mobile Geräte
zum Surfen, daher muss deine Website auch auf kleinen Geräten funktionieren und gut
aussehen.
Durch den
Title Tag (<title> </title>)
kann die Suchmaschine direkt das Hauptthema der Seite erkennen und sie dadurch
besser ranken. Daher sollte dieses auch das Hauptkeyword der Seite beinhalten.
Außerdem ist das der blaue Text in der Suchmaschine den der Nutzer als erster sieht.
Die
Meta Description (<meta name="description" content="...">)
ist die graue Beschreibung der Seite, die in den Suchergebnissen unter dem Titel
angezeigt wird. Sie sollte interessant und informativ sein und Keywords enthalten.
Gelingt dir das, werden mehr Nutzer auf deine Seite klicken was wiederum zu einer
höheren Platzierung in den Suchergebnissen führt.
Doch was sind nun gute
Keywords
? Hier solltest du darauf achten, dass sie sehr gut zum Thema der Seite passen und
am besten Wörter sind die Nutzer wirklich so suchen. Des Weiteren sollten sie nicht
zu viel Konkurrenz haben. Das kann sich oft natürlich als schwierig erweisen, daher
kann man sich z. B. mit lokalen Keywords behelfen (Keywords, die sich z. B. auf
deine Stadt beziehen). Wenn du das beachtest, weiß die Suchmaschine viel besser,
wann deine Seite relevant ist und kann sie daher besser ranken.
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hauptkeyword - weitere keywords </title>
<meta name="description" content="Kurze Beschreibung der Seite,
sollte interessant und informativ sein und Keywords enthalten">
</head>Überschriften richtig strukturieren
Überschriften sind sehr wichtig für die Struktur der Seite. Dabei solltest du darauf achten, dass es nur eine <h1>-Überschrift pro Unterseite gibt (technisch sind auch mehrere möglich). Diese sollte außerdem nochmals Hauptkeywords der Seite beinhalten. Außerdem solltest du darauf achten, dass anderen Überschriften einer klaren Hierarchie folgen. Damit ist gemeint, es sollte nie von z. B. <h2> auf <h4> gesprungen werden. Durch diese Struktur versteht die Suchmaschine die Seite besser. Das führt zu einer besseren Platzierung in den Suchergebnissen.
<h1>Pizzeria Napoli in Weiden</h1>
...
<h2>Unsere Spezialitäten</h2>
<h3>Pizza</h3>
<h4>Vegetarische Pizza</h4>
...
<h4>Pizza mit nicht vegetarischen Zutaten</h4>
...
<h3>Salate</h3>
...
<h3>Desserts</h3>
...
<h2>Lieferservice</h2>
<h3>Lieferorte</h3>
...Alt-Texte für Bilder
Bei Bildern, die man mit dem img-Tag einbindet, sollte man zwei Dinge beachten. Zum
einen sollte man einen
Alt-Text
hinzufügen. Dieser beschreibt kurz, was auf dem Bild zu sehen ist oder welche
Funktion es hat. Die Suchmaschine kann Bilder nicht sehen, daher hilft so ein Text
dabei, dass sie die Seite besser versteht. Dies hat wiederum einen positiven Effekt
auf die Platzierung in den Suchergebnissen. Außerdem wird dieses Bild so
wahrscheinlicher in der Bildersuche vorgeschlagen, was wiederum mehr potenzielle
Besucher auf deine Seite bringt.
Außerdem sollte man das
WebP-Format
verwenden. Dieses Dateiformat ist kleiner als JPG oder PNG und lädt schneller. Die
Suchmaschine bevorzugt Seiten, die schnell laden. Wenn du dich nun fragst, wie du
dein Bild in dieses Format umwandeln kannst, so kannst du dies mit einem
Online-Converter
tun.
<img src="./pizza-margherita.webp" alt="Pizza Margherita">Semantische HTML-Tags verwenden
Semantische Tags
geben der Seite Bedeutung statt nur Layout. Du kennst bereits das <p>-Tag,
welches für Paragraphen steht. Es gibt aber noch viele weitere Tags, die du für
deine Seite verwenden kannst. Dabei gibt es das <div>-Tag (genauso wie das
<p>-Tag, nur statt Text kann man andere Tags darin einbinden bzw. gruppieren),
das für Container steht. Dieses Tag sollte man nur verwenden, wenn es kein besseres
Tag für den Inhalt gibt, da es nicht die Bedeutung des Inhalts widerspiegelt. Die
bessere Wahl sind oft die semantischen Tags
, da sie nach dem Motto Name ist gleich Programm funktionieren. Das ist wichtig,
damit die Suchmaschine wiederum die Struktur der Seite besser versteht. Daraus folgt
ein Vorteil beim Ranking in den Suchergebnissen.
Ein weiterer Grund sind
Screenreader
. Diese lesen die Seite für Menschen mit visuellen Beeinträchtigungen vor. Sie
benötigen eine klare Struktur, um die Seite zu verstehen. Durch die semantischen
Tags wird genau das ermöglicht. Dadurch machst du deine Seite auch für mehr Menschen
nutzbar.
<body>
<header>
<nav>...</nav>
</header>
<main>
<article>
<section>...</section>
<section>...</section>
</article>
<section>...</section>
<section>...</section>
</main>
<footer>...</footer>
</body>Fazit
Natürlich gibt es noch mehr Techniken - auch mit CSS und JavaScript. Für den Einstieg
reichen die oben genannten HTML-Basics aber völlig aus.
SEO ist kein Hexenwerk. Achte beim Coden einfach auf diese Regeln und du wirst deine
Website spürbar verbessern. Aber denk dran: Die Basis ist und bleibt der qualitative
Inhalt. Ohne guten Inhalt bringen alle technischen Tricks nichts.
Wenn du noch mehr wissen willst
Hier findest du noch mehr Informationen zu SEO: