{"id":36859,"date":"2023-09-23T07:12:49","date_gmt":"2023-09-23T05:12:49","guid":{"rendered":"https:\/\/wolf-of-seo.de\/?post_type=glossary&#038;p=36859"},"modified":"2023-09-23T17:23:21","modified_gmt":"2023-09-23T15:23:21","slug":"html-jump-tags","status":"publish","type":"glossary","link":"https:\/\/wolf-of-seo.de\/en\/what-is\/html-jump-tags","title":{"rendered":"HTML Jump Marks"},"content":{"rendered":"<h2>Was sind Sprungmarken in HTML?<\/h2>\n<p>Du hast sicherlich schon oft auf Webseiten gefunden, dass es manche Seiteninhalte gibt, die direkt angesteuert werden k&#xF6;nnen, ohne dass du scrollen musst. Dies ist dank sogenannter Sprungmarken m&#xF6;glich. Sprungmarken in HTML sind interne Links auf einer Webseite, die es Besuchern erlauben, zu einem bestimmten Abschnitt zu springen, ohne durch den gesamten Inhalt scrollen zu m&#xFC;ssen. Solche Sprungmarken sparen Zeit und erleichtern die Navigation auf einer Webseite. Dar&#xFC;ber hinaus kann die Sichtbarkeit deiner Webseite in den Suchergebnissen dadurch positiv beeinflusst werden.<\/p>\n<h2>Wie werden Sprungmarken in HTML erstellt?<\/h2>\n<p>Um Sprungmarken in HTML zu erstellen, verwendest du das href-Attribut mit einer Anker-ID, die zu einem bestimmten Element auf der Webseite f&#xFC;hrt. Hier ist ein Beispiel, wie eine Sprungmarke in HTML definiert wird:<\/p>\n<table>\n<thead><!-- Unsere Tabelle &#220;berschrift bearbeiten(Tabelle &#252;berschrif kriegen).-->\n<tr>\n<th>HTML-Tag<\/th>\n<th>Beschreibung<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>&lt;a href=&ldquo;#sprungmarke&ldquo;&gt;&lt;\/a&gt;<\/td>\n<td>Definition einer Sprungmarke<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><strong>Beachte:<\/strong> Die ID des Elements, zu dem du springen m&#xF6;chtest, muss im href-Attribut als Ziel angegeben werden. In diesem Beispiel wird ein Element mit der ID &#x201E;sprungmarke&#x201C; direkt angesteuert.<\/p>\n<h2>Wo k&#xF6;nnen Sprungmarken in HTML verwendet werden?<\/h2>\n<p>Sprungmarken k&#xF6;nnen an verschiedenen Stellen auf einer Webseite verwendet werden. Hier sind einige Beispiele:<\/p>\n<ol>\n<li>Inhaltsverzeichnisse: Wenn eine Webseite umfangreiche Inhalte hat, kann ein Inhaltsverzeichnis eingerichtet werden, das aus Sprungmarken besteht, um Besuchern das Navigieren zu bestimmten Abschnitten zu erleichtern.<\/li>\n<li>Lange Artikel: Bei langen Artikeln kann es hilfreich sein, den Lesern Ankerpunkte zu bestimmten Abs&#xE4;tzen oder Unterthemen anzubieten, wodurch das Scrollen durch endlose Abs&#xE4;tze vermieden wird.<\/li>\n<li>FAQs: Bei Fragen und Antworten k&#xF6;nnen Sprungmarken verwendet werden, um direkt zur richtigen Antwort zu springen und unn&#xF6;tiges Scrollen durch lange Listen zu vermeiden.<\/li>\n<\/ol>\n<h2>Warum sind Sprungmarken wichtig f&#xFC;r die Suchmaschinenoptimierung (SEO)?<\/h2>\n<p>Sprungmarken spielen auch eine Rolle bei der Verbesserung der Suchmaschinenoptimierung (SEO). Indem du Sprungmarken in deiner Webseite verwendest, erreichst du Folgendes:<\/p>\n<ul>\n<li><strong>Bessere Benutzererfahrung:<\/strong> Sprungmarken sorgen f&#xFC;r eine bessere Benutzererfahrung, da Besucher schnell zu den Informationen navigieren k&#xF6;nnen, nach denen sie suchen. Dies kann Aufenthaltsdauer erh&#xF6;hen und zu niedrigeren Absprungraten f&#xFC;hren.<\/li>\n<li><strong>Verbesserte Sichtbarkeit in den Suchergebnissen:<\/strong> Durch das Hinzuf&#xFC;gen von Sprungmarken wird die Struktur deiner Webseite verbessert, was den Suchmaschinen helfen kann, die semantische Bedeutung bestimmter Abschnitte zu verstehen. Dadurch kann sich deine Webseite in den Suchergebnissen positiv abheben.<\/li>\n<\/ul>\n<p>Mit Sprungmarken erh&#xE4;lt deine Webseite also nicht nur ein intuitiveres Navigationskonzept, sondern es k&#xF6;nnen auch SEO-Vorteile daraus entstehen.<\/p>\n<h2>Datenschutz und barrierefreie Webseite<\/h2>\n<p>Beim Erstellen von Sprungmarken ist auch das Konzept des Datenschutzes und der <span class=\"\" data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]' tabindex=\"0\" role=\"link\">Barrierefreiheit<\/span> zu ber&#xFC;cksichtigen. F&#xFC;r barrierefreie Webseiten empfiehlt es sich, Formulare zu erstellen, die direkt springen k&#xF6;nnen, ohne dass zus&#xE4;tzliche Mausklicks erforderlich sind. Dar&#xFC;ber hinaus sollten die Sprungmarken-Warnungen im Tastatur-Fokus angezeigt werden. Auf diese Weise werden Menschen mit Sehbehinderungen &#xFC;ber &#xC4;nderungen im visuellen Fokus informiert und k&#xF6;nnen so den Inhalt nach Bedarf anpassen.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Was sind Sprungmarken in HTML? Du hast sicherlich schon oft auf Webseiten gefunden, dass es manche Seiteninhalte gibt, die direkt angesteuert werden k&#xF6;nnen, ohne dass du scrollen musst. Dies ist dank sogenannter Sprungmarken m&#xF6;glich. Sprungmarken in HTML sind interne Links auf einer Webseite, die es Besuchern erlauben, zu einem bestimmten Abschnitt zu springen, ohne durch [&#x2026;]<\/p>\n","protected":false},"author":3,"featured_media":0,"menu_order":0,"template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-36859","glossary","type-glossary","status-publish","hentry"],"acf":{"show_faq":true,"faq_q_1":"Was sind Sprungmarken in HTML?","faq_antwort_1":"Sprungmarken sind interne Hyperlinks, die es erm\u00f6glichen, innerhalb einer Webseite zu einer bestimmten Stelle zu springen.","faq_q_2":"Wie werden Sprungmarken in HTML definiert?","faq_antwort_2":"Sprungmarken werden mit dem HTML-Tag <a> und dem Attribut \"name\" definiert.","faq_q_3":"Welchen Zweck haben Sprungmarken in HTML?","faq_antwort_3":"Sprungmarken erm\u00f6glichen den Benutzern, schnell zu wichtigen Informationen innerhalb einer Webseite zu navigieren, ohne zu scrollen oder den Inhalt manuell zu suchen.","faq_q_4":"K\u00f6nnen Sprungmarken auf anderen Webseiten verlinkt werden?","faq_antwort_4":"Ja, Sprungmarken k\u00f6nnen auch von anderen Webseiten aus verlinkt werden, indem man sie \u00fcber den entsprechenden Anker-Link anspricht.","faq_q_5":"Kann man Sprungmarken auch in HTML5 verwenden?","faq_antwort_5":"Ja, der Gebrauch von Sprungmarken in HTML5 ist genauso m\u00f6glich wie in fr\u00fcheren HTML-Versionen.","faq_q_6":"Gibt es eine maximale Anzahl von Sprungmarken auf einer Webseite?","faq_antwort_6":"Nein, es gibt keine Begrenzung f\u00fcr die Anzahl der Sprungmarken auf einer Webseite.","faq_q_7":"K\u00f6nnen Sprungmarken mit CSS gestaltet werden?","faq_antwort_7":"Nein, Sprungmarken werden standardm\u00e4\u00dfig nicht visuell angezeigt. Man kann sie aber mittels CSS-Styling-Techniken optisch anpassen.","faq_q_8":"Was passiert, wenn man auf eine Sprungmarke klickt?","faq_antwort_8":"Das Klicken auf eine Sprungmarke l\u00e4sst den Bildschirm zur markierten Stelle im Text springen.","faq_q_9":"Wie kann man eine Sprungmarke erstellen, die zu einer bestimmten Position in einem Inline-Bild f\u00fchrt?","faq_antwort_9":"Man kann innerhalb des Bild-Tags eine sogenannte \"map\" erstellen und diese dem entsprechenden anchor-Tag zuordnen.","faq_q_10":"Sind Sprungmarken ein wichtiger Teil der Barrierefreiheit?","faq_antwort_10":"Ja, Sprungmarken spielen eine wichtige Rolle bei der Barrierefreiheit einer Webseite, da sie Benutzenden mit motorischen oder Sehbehinderungen helfen k\u00f6nnen, schnell zu wichtigen Informationen zu navigieren."},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.4 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Was sind HTML Sprungmarken? Umsetztung &amp; Vorteile<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wolf-of-seo.de\/en\/what-is\/html-jump-tags\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML Sprungmarken\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wolf-of-seo.de\/en\/what-is\/html-jump-tags\/\" \/>\n<meta property=\"og:site_name\" content=\"WOLF OF SEO\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/wolf.of.seo.ns\" \/>\n<meta property=\"article:modified_time\" content=\"2023-09-23T15:23:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wolf-of-seo.de\/wp-content\/uploads\/2021\/11\/Wolf-of-SEO_Logo_500-307.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1\" \/>\n\t<meta property=\"og:image:height\" content=\"1\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@wolf_of_seo\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/wolf-of-seo.de\\\/was-ist\\\/html-sprungmarken\\\/\",\"url\":\"https:\\\/\\\/wolf-of-seo.de\\\/was-ist\\\/html-sprungmarken\\\/\",\"name\":\"Was sind HTML Sprungmarken? Umsetztung & Vorteile\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wolf-of-seo.de\\\/#website\"},\"datePublished\":\"2023-09-23T05:12:49+00:00\",\"dateModified\":\"2023-09-23T15:23:21+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/wolf-of-seo.de\\\/was-ist\\\/html-sprungmarken\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/wolf-of-seo.de\\\/was-ist\\\/html-sprungmarken\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/wolf-of-seo.de\\\/was-ist\\\/html-sprungmarken\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/wolf-of-seo.de\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML Sprungmarken\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/wolf-of-seo.de\\\/#website\",\"url\":\"https:\\\/\\\/wolf-of-seo.de\\\/\",\"name\":\"WOLF OF SEO\",\"description\":\"Die E-Commerce SEO-Agentur\",\"publisher\":{\"@id\":\"https:\\\/\\\/wolf-of-seo.de\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/wolf-of-seo.de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/wolf-of-seo.de\\\/#organization\",\"name\":\"WOLF OF SEO\",\"url\":\"https:\\\/\\\/wolf-of-seo.de\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/wolf-of-seo.de\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/wolf-of-seo.de\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/logo_wos_beitragsbild3.jpg\",\"contentUrl\":\"https:\\\/\\\/wolf-of-seo.de\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/logo_wos_beitragsbild3.jpg\",\"width\":1,\"height\":1,\"caption\":\"WOLF OF SEO\"},\"image\":{\"@id\":\"https:\\\/\\\/wolf-of-seo.de\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/wolf.of.seo.ns\",\"https:\\\/\\\/x.com\\\/wolf_of_seo\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"What are HTML Jump Marks? Implementation &amp; advantages","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/wolf-of-seo.de\/en\/what-is\/html-jump-tags\/","og_locale":"en_US","og_type":"article","og_title":"HTML Sprungmarken","og_url":"https:\/\/wolf-of-seo.de\/en\/what-is\/html-jump-tags\/","og_site_name":"WOLF OF SEO","article_publisher":"https:\/\/www.facebook.com\/wolf.of.seo.ns","article_modified_time":"2023-09-23T15:23:21+00:00","og_image":[{"url":"https:\/\/wolf-of-seo.de\/wp-content\/uploads\/2021\/11\/Wolf-of-SEO_Logo_500-307.png","width":1,"height":1,"type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@wolf_of_seo","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wolf-of-seo.de\/was-ist\/html-sprungmarken\/","url":"https:\/\/wolf-of-seo.de\/was-ist\/html-sprungmarken\/","name":"What are HTML Jump Marks? Implementation &amp; advantages","isPartOf":{"@id":"https:\/\/wolf-of-seo.de\/#website"},"datePublished":"2023-09-23T05:12:49+00:00","dateModified":"2023-09-23T15:23:21+00:00","breadcrumb":{"@id":"https:\/\/wolf-of-seo.de\/was-ist\/html-sprungmarken\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wolf-of-seo.de\/was-ist\/html-sprungmarken\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/wolf-of-seo.de\/was-ist\/html-sprungmarken\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wolf-of-seo.de\/"},{"@type":"ListItem","position":2,"name":"HTML Sprungmarken"}]},{"@type":"WebSite","@id":"https:\/\/wolf-of-seo.de\/#website","url":"https:\/\/wolf-of-seo.de\/","name":"WOLF OF SEO","description":"The e-commerce SEO agency","publisher":{"@id":"https:\/\/wolf-of-seo.de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wolf-of-seo.de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/wolf-of-seo.de\/#organization","name":"WOLF OF SEO","url":"https:\/\/wolf-of-seo.de\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wolf-of-seo.de\/#\/schema\/logo\/image\/","url":"https:\/\/wolf-of-seo.de\/wp-content\/uploads\/2021\/11\/logo_wos_beitragsbild3.jpg","contentUrl":"https:\/\/wolf-of-seo.de\/wp-content\/uploads\/2021\/11\/logo_wos_beitragsbild3.jpg","width":1,"height":1,"caption":"WOLF OF SEO"},"image":{"@id":"https:\/\/wolf-of-seo.de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/wolf.of.seo.ns","https:\/\/x.com\/wolf_of_seo"]}]}},"_links":{"self":[{"href":"https:\/\/wolf-of-seo.de\/en\/wp-json\/wp\/v2\/glossary\/36859","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wolf-of-seo.de\/en\/wp-json\/wp\/v2\/glossary"}],"about":[{"href":"https:\/\/wolf-of-seo.de\/en\/wp-json\/wp\/v2\/types\/glossary"}],"author":[{"embeddable":true,"href":"https:\/\/wolf-of-seo.de\/en\/wp-json\/wp\/v2\/users\/3"}],"version-history":[{"count":0,"href":"https:\/\/wolf-of-seo.de\/en\/wp-json\/wp\/v2\/glossary\/36859\/revisions"}],"wp:attachment":[{"href":"https:\/\/wolf-of-seo.de\/en\/wp-json\/wp\/v2\/media?parent=36859"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}