Textabschnitte verlinken

Kategorie: Grundlagen

In langen Artikeln begegnen Dir oft interne Verlinkungen. Wikipedia ist ein gutes Beispiel: Statt lange scrollen zu müssen, führt ein Link zum entsprechenden Abschnitt im Text. Das spart Zeit und sorgt für deutlich mehr Übersichtlichkeit. Auf Deiner Website kannst Du mit dieser Anleitung leicht Textabschnitte verlinken.

Die Verlinkungen innerhalb eines Textes werden auch Ankerlinks oder Textanker genannt. In kurzen Blogartikel bis etwa 600 oder 700 Worten sind sie meistens nicht nötig. Den Leser kostet es kaum Mühe, ein kleines Stück nach unten zu scrollen, und ist der Artikel gut strukturiert, fällt es leicht, den Überblick zu bewahren.

Bei deutlich längeren Artikeln hingegen hilft es, wenn Du innerhalb des Artikels verlinkst. Deine Leser gelangen so direkt zu den Abschnitten, die sie interessieren, ohne lange suchen zu müssen. Wichtig sind dafür sprechende Linktexte, damit Deine Leser auch sofort sehen, welche Textabschnitte für sie von Interesse sind.

Verlinkungen zwischen Textabschnitten einfügen

Um eine solche direkte Verlinkung zu einem Textabschnitt vorzunehmen, muss der Browser einen Anhaltspunkt haben. Diesen erhält er im HTML der Seite über das id Attribut. Damit wird eine einmalige Bezeichnung für ein HTML-Element gesetzt.

Für den Textabschnitt, den Du verlinken willst, musst Du also das id Attribut manuell hinzufügen. Öffne dafür im Dashboard den entsprechenden Artikel im Texteditor. Wichtig ist, dass Du hier nicht den visuellen Editor verwendest.

Gehe nun im Editor zu der Überschrift, auf die der Link verweisen soll. Hier fügst Du nun die gewünschte ID ein. Das sieht z.B. für die erste Überschrift in diesem Artikel so aus:

<h2 id="links">Wann sind diese Links nützlich?</h2>

Anschließend gehst Du im Editor zu dem Abschnitt, wo Du den Link setzen möchtest. Das kann z. B. ein kurzes Inhaltsverzeichnis zu Beginn des Artikels sein. Hier fügst Du nun die URL zu der verlinkten Überschrift ein. Sie setzt sich aus der URL des Beitrags, einer Raute und dem Attribut, welches Du für die ID vergeben hast, zusammen z.B.:

https://wphelp.de/textabschnitte-verlinken#links

Wenn Du innerhalb eines Artikel verlinkst, reicht als Link auch nur die Raute und die id. Das hat den Vorteil, dass die Seite im Browser nicht neu geladen wird, sondern der Textabschnitt direkt angesprungen wird:

#links

Textabschnitte anderer Websites verlinken

Um auf einen bestimmten Textabschnitte auf einer anderen Website zu verlinken, ist die Voraussetzung, dass dort ein id-Attribut vorhanden ist. Um herauszufinden, ob dies der Fall ist und wenn ja welches, gehst Du folgendermaßen vor:

Zunächst untersuchst Du die Überschrift, zu welcher der Link führen soll. Du gehst also zu dem Abschnitt oder der Überschrift, auf die Du verlinken möchtest, und klickst mit der rechten Maustaste darauf.

Wähle in dem Menü, das sich öffnet, Element-Informationen oder Element untersuchen. Dadurch wird im Browser ein neuer Bereich geöffnet, in welchem Du mehr Informationen über den Abschnitt erhältst.

In diesem neuen Bereich suchst Du nach dem Element, auf das Du zuvor mit der rechten Maustaste geklickt hast.

Hat das Element das Attribut id=''…'', kopierst Du den Wert zwischen den Anführungsstrichen. Besitzt es dieses Attribut nicht, kannst Du es nicht direkt mit einer URL ansteuern.

Hast Du das Attribut gefunden, kopierst Du für den gewünschten Link die URL der Seite, fügst eine Raute und anschließend das kopierte Attribut an. Für die id "ueberschrift" sähe der komplette Link für den Anker so aus:

http://www.irgendeinewebsite.de/artikel/#ueberschrift

Hier noch ein konkretes Beispiel für die Verlinkung auf den Absatz "Volkstümliche Bezeichnungen" im Wikipediaartikel zum Thema "Geld":

https://de.wikipedia.org/wiki/Geld#Volkst.C3.BCmliche_Bezeichnungen


Dir hat der Artikel geholfen und du möchtest mit unseren WordPress Tipps, Tricks und Anleitungen auf dem Laufenden bleiben? Dann trag dich einfach in unseren kostenlosen Newsletter ein ...


Über den Autor

Nils Schulte am Hülse

Ich arbeite seit über 15 Jahren aktiv mit WordPress und gleichzeitig als Trainer für Präsentation und Kommunikation. Daher liegt mir das Thema verständliche Informationsvermittlung sehr am Herzen. Genau dieses Know How ist auch in den gemeinsam mit Frank erstellten WP ohne Stress Online Kurs eingeflossen.


Diese Beiträge könnten dir auch gefallen

Welchen WordPress Webhoster wählen?

Welchen WordPress Webhoster wählen?

WordPress: Vorteile und Nachteile

WordPress: Vorteile und Nachteile
{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>