Sprungmarke

Sprungmarken sind in Bezug auf Webseiten Bezugspunkte innerhalb eines Dokuments bzw. einer Seite. Besonders häufig und sinnvoll ist die Erstellung eines Inhaltsverzeichnis, von dem aus man zu einer im Text vorhanden Überschrift weiterspringen kann.

Mit dem Setzen von Sprungmarken steigerst du die Usability deiner Seite und hilft Usern, direkt tiefer in die Inhalte deiner Seite einzusteigen. Dazu musst du sowohl eine Sprungmarke als auch einen Anker setzen, auf den sich die Sprungmarke beziehen soll. Der Anker kann sowohl auf derselben Seite als auch auf einer andere Seite gesetzt werden.

Wenn du einen langen Text erstellt hast, bietet es sich wie eingangs geschrieben an, die Überschriften vorher aufzulisten und mit Sprungmarken zu versehen, damit ein Leser direkt zu den für ihn interessanten Passagen weiterspringen kann. Kein lästiges Scrollen, Navigieren und Suchen mehr. Als Nutzer wird man genau zu der Information geführt, die man sich von dem Besuch der Seite konkret erhofft hat. Voraussetzung dafür ist natürlich dass das Sprungziel bzw. der Ankertext aussagekräftig und eindeutig benannt wurde.

So setzt du eine Sprungmarke

In HTML erstellte Seiten nutzen heute das ID-Attribut für den eindeutigen Verweis. In CMS Systemen wie WordPress kannst du dir mit zusätzlichen Plugins das Leben ein wenig erleichtern.

Sprungmarke im Quelltext setzen

Um eine Sprungmarke zu setzen öffnest du deine Seite im Quelltext. Zuerst wird das Ziel adressiert, bzw. mit einer ID versehen.

<h2 id=”Ankername”>Überschrift</h2> – Lediglich in der öffnenden Klammer der Überschrift wird eine ID gesetzt – 

Als nächstes erstellt du den Link, der zu deinem gesetzten Anker führt:

<a href=”#Ankername”>Beschriftung</a> – wenn es sich um einen Anker auf derselben Seite handelt oder

<a href=”deine-ziel-url.de#Ankername>Beschriftung</a>

Das war es auch schon. Der Vollständigkeit halber habe ich dir eine Sprungmarke auf dieses Wort gelegt, damit du sehen kannst, das der Absprung auch in Texstellen und Passagen auf anderen Seiten funktioniert. Im Unterschied zum Setzen eines klassichen internen Link ist über die Sprungmarke auch hier möglich, direkt innerhalb einer Textpassage oder auf eine Überschrift innerhalb eines Textes zu verweisen. Das Scrollen und Suchen entfällt für den Nutzer in Gänze.

Frühere HTML Versionen haben a-Elemente bzw. ein name-Attribut verwendet, doch das Springen über ID Attribute besitzt Vorteile und ist State-of-the-Art. 

Sprungmarken in WordPress setzen

Als Nutzer von WordPress kann man sich das Setzen von Sprunkmarken und Ankern enorm erleichtern, in dem man Plugins dazu nutzt. Besonders häufig verwendet wird das Plugin Table of Content Plus. Hier wird direkt ein Inhaltsverzeichnis auf Basis der Überschriften erzeugt und mit den entsprechenden Sprungmarken versehen. Die Einbindung kann automatisiert oder über einen frei platzierbaren Shortcode im Text oder in der Sidebar erfolgen. Das Plugin ist kostenlos erhältlich und weist über 90.000 aktive Installationen auf.

Bugfix

Ein Bugfix ist die Korrektur eines oder mehrerer Fehler (Bug) innerhalb eines technischen Systems bzw. einer Software. Ein Bugfix sorgt dafür, dass eine Fehlfunktion im

Weiterlesen >>

Pay per Sale

Pay per Sale ist eine Zahlungsmethode bzw. ein Vergütungsmodell, welches häufig im Online-Marketing zum Einsatz kommt und mit PPS abgekürzt wird. Bei diesem Modell muss

Weiterlesen >>

Domain Trust

Mit Domain Trust (deutsch= Domain Vertrauen) wird im Grunde die Vertrauens- bzw. Glaubwürdigkeit einer Webseite aus Sicht der Suchmaschinen wie z. B. Google bezeichnet. Einer

Weiterlesen >>

Affiliate Marketing

Affiliate Marketing ist eine Form des Online Marketings. Konkret handelt es sich um ein Vermittlungs- und Provisionsgeschäft zwischen einem Affiliate (Publisher) und einem Partner (Advertiser).

Weiterlesen >>

File Transfer Protocol

Als File Transfer Protocol (FTP) wird ein Protokoll bezeichnet, mit dem Daten übertragen werden können. Daher auch der Name File Transfer Protocol, was ins Deutsche

Weiterlesen >>

Google Hummingbird Update

Nach dem Penguin Update im April 2012 folgt nun das Hummingbird Update im September 2013. Hummingbird („Kolibri“) soll laut Google daraufhin weisen, dass Ergebnisse präziser

Weiterlesen >>

Anlysiere jetzt kostenlos deine Webseite!

PageRangers ist eine professionelle Seo-Toolbox, welche dich bei der Analyse, Optimierung und Wartung deiner Webseite unterstützt. Nutze unser kostenloses Angebot und analysiere jetzt deine Webseite!