Direkt auf einen bestimmten Bereich einer Internet-Seite verlinken

von | 06.07.2016 | Tipps

Im Online-Lexikon Wikipedia und anderswo trifft man häufiger auf lange Artikel. Will man diese weitergeben und dabei auf einen ganz bestimmten Abschnitt Bezug nehmen, lässt sich der Link leicht anpassen.

Dazu untersucht man das Element, etwa die Überschrift, auf die man verlinken möchte, im Browser. Dann fügt man die gefundene Element-ID dann an die URL an.

So erstellt ihr direkte Links zu Seitenabschnitten

Im Einzelnen geht das so:

  1. Zunächst mit der rechten Maus-Taste auf den Abschnitt oder die Überschrift klicken.
  2. Im Menü die Funktion Element untersuchen oder Element-Informationen klicken. Nun erscheint unten im Browser ein neuer Bereich.
  3. Hier sucht man nach dem soeben markierten Element.
  4. Jetzt den Wert des Attributs id=“…“ kopieren, falls vorhanden. Nur solche Elemente lassen sich direkt in der URL ansteuern.
  5. Dann die Adresse der aktuellen Internet-Seite kopieren und eine Raute anhängen, gefolgt von der kopierten ID. Fertig ist der direkte Link auf diesen Abschnitt des Artikels.

Beispiel-Link: https://de.wikipedia.org/wiki/Microsoft_Windows_11#Systemanforderungen
Dieser Link zeigt auf den Artikel zu Windows 11 und springt direkt zum Abschnitt „Systemanforderungen“.

direkte-links

Moderne Browser-Features nutzen

Moderne Browser haben diese Funktion deutlich vereinfacht. In Chrome, Firefox, Edge und Safari könnt ihr seit 2023 einfach einen Text auf einer Webseite markieren und über das Kontextmenü „Link zu markiertem Text kopieren“ wählen. Der Browser erstellt automatisch einen Link, der genau zu diesem Textabschnitt führt.

Diese neuen Text-Fragment-Links funktionieren auch ohne HTML-IDs und sehen so aus:
`https://beispiel.de/artikel#:~:text=markierter%20Text`

Anchor-Links in verschiedenen Browsern

Chrome und Chromium-basierte Browser:
Seit 2024 bietet Chrome eine „Link zu Highlight“ Funktion direkt im Hauptmenü. Markiert einfach den gewünschten Text und wählt die Option aus dem Drei-Punkte-Menü.

Firefox:
Mozilla hat nachgezogen und unterstützt seit Version 122 ebenfalls Text-Fragment-Links. Die Funktion findet ihr im Rechtsklick-Menü unter „Link zu Auswahl kopieren“.

Safari:
Apples Browser kann Text-Fragment-Links lesen, erstellt sie aber nur über Umwege. Hier funktioniert die klassische ID-Methode noch am besten.

Praktische Anwendungsfälle

Diese Linking-Techniken sind besonders nützlich für:

  • Wissenschaftliche Arbeiten: Präzise Quellenangaben zu spezifischen Absätzen
  • Social Media: Teilen relevanter Textstellen ohne lange Erklärungen
  • Dokumentation: Direkte Verweise auf Anleitungsschritte
  • Kundenservice: Schnelle Weiterleitung zu FAQ-Antworten
  • Bildung: Gezieltes Verweisen auf Lerninhalte

Mobile Geräte: So gehts am Smartphone

Auf mobilen Geräten funktioniert die Text-Markierung ähnlich:
1. Text länger antippen bis die Markierungs-Handles erscheinen
2. Gewünschten Bereich auswählen
3. Im Popup-Menü „Teilen“ oder „Link kopieren“ wählen
4. Moderne Browser erstellen automatisch Text-Fragment-Links

SEO-Vorteile von Anchor-Links

Suchmaschinen bewerten direkte Links zu relevanten Inhalten positiv. Google zeigt oft „Sprungmarken“ in den Suchergebnissen an, wenn Seiten gut strukturierte Überschriften mit IDs verwenden. Webseitenbetreiber sollten deshalb darauf achten, dass ihre CMS automatisch Anchor-IDs für Überschriften generieren.

Technische Details für Entwickler

Text-Fragment-Links verwenden die Syntax #:~:text=start,end und funktionieren nur über HTTPS. Sie respektieren die Same-Origin-Policy nicht komplett – ein Sicherheitsfeature, das verhindert, dass Drittseiten unerwünschte Highlights setzen.

Für präzisere Kontrolle sollten Webentwickler weiterhin manuelle IDs verwenden:

<h2 id="wichtiger-abschnitt">Wichtiger Abschnitt</h2>

Grenzen und Herausforderungen

Nicht alle Websites unterstützen Anchor-Links gleich gut. Dynamische Inhalte, die per JavaScript nachgeladen werden, können problematisch sein. Auch Newsletter-Tools und Social-Media-Plattformen kürzen manchmal Fragment-Teile aus URLs heraus.

Bei wichtigen Verlinkungen lohnt es sich, die Links vor der Veröffentlichung zu testen – besonders wenn sie in professionellem Kontext verwendet werden sollen.

Zuletzt aktualisiert am 07.04.2026