{"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>What are jump marks in HTML?<\/h2>\n<p>You have certainly often found on websites that there is some page content that can be accessed directly without having to scroll. This is possible thanks to so-called jump labels. Jump labels in HTML are internal links on a web page that allow visitors to jump to a specific section without having to scroll through the entire content. Such jump labels save time and make navigation on a web page easier. Moreover, they can positively influence the visibility of your website in search results.<\/p>\n<h2>How are jump marks created in HTML?<\/h2>\n<p>To create jump tags in HTML, you use the href attribute with an anchor ID that leads to a specific element on the web page. Here is an example of how to define a jump label in HTML:<\/p>\n<table>\n<thead><!-- Unsere Tabelle &Uuml;berschrift bearbeiten(Tabelle &uuml;berschrif kriegen).-->\n<tr>\n<th>HTML tag<\/th>\n<th>Description<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>&lt;a href=&quot;&ldquo;#sprungmarke&ldquo;&quot;&gt;&lt;\/a&gt;<\/td>\n<td>Definition of a jump label<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><strong>Notice:<\/strong> The ID of the element you want to jump to must be specified as the target in the href attribute. In this example, an element with the ID \"jumpmark\" is accessed directly.<\/p>\n<h2>Where can jump marks be used in HTML?<\/h2>\n<p>Jump marks can be used in various places on a web page. Here are some examples:<\/p>\n<ol>\n<li>Tables of contents: If a web page has extensive content, a table of contents can be set up that consists of jump labels to help visitors navigate to specific sections.<\/li>\n<li>Long articles: For long articles, it can be helpful to offer readers anchor points to specific paragraphs or subtopics, avoiding scrolling through endless paragraphs.<\/li>\n<li>FAQs: Jump marks can be used in questions and answers to jump directly to the correct answer and avoid unnecessary scrolling through long lists.<\/li>\n<\/ol>\n<h2>Why are jump marks important for search engine optimization (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>Better user experience:<\/strong> Jump tags provide a better user experience by allowing visitors to quickly navigate to the information they are looking for. This can increase dwell time and lead to lower bounce rates.<\/li>\n<li><strong>Improved visibility in search results:<\/strong> Adding jump tags improves the structure of your website, which can help search engines understand the semantic meaning of certain sections. This can make your website stand out positively in search results.<\/li>\n<\/ul>\n<p>So with jump labels, your website not only gets a more intuitive navigation concept, but SEO benefits can also come from it.<\/p>\n<h2>Privacy and accessible website<\/h2>\n<p>When creating jump labels, the concept of data protection and the <span class=\"\" data-gt-translate-attributes='[{\"attribute\":\"data-cmtooltip\", \"format\":\"html\"}]' tabindex=\"0\" role=\"link\">Accessibility<\/span> must be taken into account. For accessible websites, it is advisable to create forms that can jump directly without the need for additional mouse clicks. In addition, the jump marker warnings should be displayed in the keyboard focus. This way, people with visual impairments are informed of changes in the visual focus and can adapt the content as required.<\/p>","protected":false},"excerpt":{"rendered":"<p>What are jump marks in HTML? You have surely often found on web pages that there is some page content that can be accessed directly without having to scroll. This is possible thanks to so-called markers. Jump tags in HTML are internal links on a web page that allow visitors to jump to a specific section without having to scroll through [...]<\/p>","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 v26.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\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}]}}