Links in HTML: sauber verlinken und nebenbei SEO verstehen

Ein Link ist im Web so normal, dass man ihn fast vergisst. Dabei sind Links das, was das Internet überhaupt zusammenhält. Mit Links verbindest du Seiten, führst Besucher weiter und baust Vertrauen auf. Wenn du richtig verlinkst, profitieren Nutzer und Suchmaschinen. Wenn du schlampig verlinkst, entstehen kaputte Wege, schlechte Nutzerführung und im schlimmsten Fall auch ein SEO-Problem.

Diese Seite zeigt dir, wie du Links in HTML setzt, welche Attribute wichtig sind, wann du nofollow nutzt und warum der Linktext mehr ist als “hier klicken”. Dazu gibt’s praktische Beispiele, damit du es direkt umsetzen kannst.

Der Grund-Link: das a-Tag

Links werden mit dem <a>-Tag gesetzt. Das wichtigste ist das href-Attribut. Dort steht die Zieladresse. Zwischen den Tags steht der Linktext, also das, was Besucher anklicken.

<a href="https://example.de/">Beispielseite besuchen</a>

Das ist schon alles. Aber es gibt ein paar Details, die später wichtig werden. Zum Beispiel: Ist es ein interner Link (auf deiner eigenen Seite) oder ein externer Link (zu einer anderen Domain)? Interne Links helfen bei Struktur und Navigation, externe Links sind oft Quellen oder Empfehlungen.

Beispiel: ein sauberer externer Link (mit echtem Ziel)

Hier ein echtes Beispiel. Wenn du eine Design-/Webseite empfehlen willst, mach es klar und sinnvoll. Nicht “klick hier”, sondern ein Linktext, der erklärt wohin es geht. Hier verlinken wir auf Pixelpartner: Pixelpartner Webdesign.

Dazu passend die HTML-Version, so wie du es selbst einbauen würdest:

<a href="https://pixelpartner.de" target="_blank" rel="noopener">
  Pixelpartner Webdesign
</a>

Du siehst hier zwei Dinge extra: target="_blank" und rel="noopener". Das ist ein guter Standard für externe Links, die in einem neuen Tab öffnen sollen.

target="_blank": neuer Tab, ja oder nein?

target="_blank" öffnet einen Link in einem neuen Tab/Fenster. Das kann sinnvoll sein, wenn du Besucher nicht komplett von deiner Seite wegschicken willst. Gerade bei Quellen, Tools oder Empfehlungen ist das häufig praktisch.

Aber: nicht jeder mag neue Tabs. Einige fühlen sich dadurch “aus dem Flow” gerissen. Darum nutze es bewusst: Bei externen Links oft okay, bei internen Links eher nicht. Interne Links sollen die Navigation stärken.

Warum rel="noopener" dazu gehört

Wenn du target="_blank" nutzt, solltest du fast immer rel="noopener" ergänzen. Das ist ein Sicherheits- und Performance-Thema: es verhindert, dass die neue Seite Zugriff auf bestimmte Browser-Infos deiner Seite bekommt. Kurz gesagt: sauberer Standard, kostet nichts.

<a href="https://example.de" target="_blank" rel="noopener">Externer Link</a>

nofollow: wann das Sinn macht

rel="nofollow" ist ein Hinweis an Suchmaschinen: “diesen Link nicht als Ranking-Signal werten”. Das heißt nicht, dass Suchmaschinen ihn nie crawlen. Es geht eher um die Bewertung. In der Praxis nutzt man nofollow oft bei:

• Werbung und Affiliate-Links
• Links in Kommentaren (wenn Nutzer Links setzen dürfen)
• Links zu Seiten, denen du nicht vertraust
• automatisch generierten Links

Beispiel:

<a href="https://example.de" rel="nofollow" target="_blank" rel="nofollow noopener">Werbe-Link</a>

Kleiner Hinweis: du hast hier zwei mal rel gesehen, das wäre falsch. In HTML gibt es pro Element nur ein rel-Attribut. Wenn du mehrere Werte brauchst, schreibst du sie in ein rel, getrennt durch Leerzeichen. Also so:

<a href="https://example.de" target="_blank" rel="nofollow noopener">Werbe-Link</a>

Das ist sauber. Und ja, genau solche Kleinigkeiten sorgen sonst für unnötigen Ärger.

Linktext: warum “hier klicken” keine gute Idee ist

Der Linktext ist das, was Nutzer sehen. Und er ist auch das, was Suchmaschinen als Hinweis nutzen, worum es auf der Zielseite gehen könnte. Wenn du überall nur “hier” oder “mehr” verlinkst, ist das für Besucher nicht hilfreich. Und für Google ist es auch nicht besonders informativ.

Ein guter Linktext beschreibt das Ziel. Er muss nicht lang sein, aber klar. Beispiele:

• schlecht: “hier klicken”
• besser: “HTML Links erklärt”
• besser: “Pixelpartner Webdesign”
• besser: “PHP Grundlagen” (wenn du zu /php/ verlinkst)

Suchmaschinen interpretieren Linktexte als Kontext. Nicht als alleinigen Ranking-Faktor, aber als Signal. Wichtig ist: Natürlich bleiben. Wenn du künstlich überall Keywords reinquetschst, wirkt das schnell ungesund. Klarer Linktext ist besser als SEO-Gebastel.

Interne Links und SEO

Interne Links sind Links innerhalb deiner eigenen Webseite. Sie sind wichtig, weil sie Struktur geben. Du sagst damit: “Diese Seite gehört zu diesem Thema.” Suchmaschinen folgen internen Links, um Seiten zu finden und einzuordnen. Gleichzeitig helfen interne Links Besuchern, weiter zu lesen.

Eine gute interne Verlinkung ist wie ein gutes Inhaltsverzeichnis. Sie bringt Ordnung rein. Wenn du dagegen nur eine Startseite hast und alles andere ist versteckt, wird die Seite schwächer wahrgenommen. Je klarer deine Themen miteinander verbunden sind, desto besser.

Absolute vs. relative Links

Interne Links kannst du relativ setzen, also z.B. /html/ statt voller Domain. Das ist oft praktischer, weil es in Testumgebungen und bei Umzügen weniger Stress macht. Externe Links sind dagegen fast immer absolut.

<a href="/html/">HTML lernen</a>

Kaputte Links vermeiden

Nichts ist nerviger als ein Link, der auf 404 endet. Darum: prüfe Links regelmäßig. Gerade wenn du Seiten umbenennst oder auf “sprechende URLs” umstellst, können alte Links brechen. Eine saubere Weiterleitung (301) kann das abfangen, aber am besten ist es, es gar nicht erst passieren zu lassen.

Wenn du extern verlinkst, gilt auch: Seiten können verschwinden. Ein Link ist keine Garantie, dass das Ziel in 3 Jahren noch existiert. Darum lohnt es sich, wichtige Quellen ab und zu zu überprüfen.

Mini-FAQ

Links sind simpel, aber mächtig. Wenn du sie bewusst setzt, wird deine Seite besser nutzbar und klarer für Suchmaschinen. Und wenn du bei Linktexten sauber bleibst, hast du langfristig weniger Stress. Klingt langweilig, ist aber genau das was funktioniert.