{"id":32251,"date":"2024-06-19T01:00:00","date_gmt":"2024-06-19T08:00:00","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=32251"},"modified":"2026-02-17T18:55:29","modified_gmt":"2026-02-18T02:55:29","slug":"how-to-create-anchor-links-wordpress","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/how-to-create-anchor-links-wordpress\/","title":{"rendered":"How To Create Anchor Links In WordPress (3 Methods)"},"content":{"rendered":"\n<p>With every Google update and release seemingly setting the world on fire for a few weeks (\u201c<a href=\"https:\/\/www.bbc.com\/future\/article\/20240524-how-googles-new-algorithm-will-shape-your-internet\" target=\"_blank\" rel=\"noreferrer noopener\">The Internet will never be the same<\/a>\u201d one proclaims) afterward \u2014 we certainly can\u2019t pretend to know what the leading search engine is thinking or planning.<\/p>\n\n\n\n<p>One thing we can say with certainty is that, for a long time now and probably for a while into the future, <a href=\"https:\/\/www.dreamhost.com\/blog\/improve-seo\/\" target=\"_blank\" rel=\"noreferrer noopener\">Google loves SEO-enhanced content<\/a>.<\/p>\n\n\n\n\n\n<div class=\"glossary-term\">\n\t<a\n\t\tclass=\"glossary-term__above-title\"\n\t\thref=\"\"\n\t\ttarget=\"_blank\"\n\t\trel=\"noopener noreferrer\"\n\t>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\"><path d=\"M320 32c-8.1 0-16.1 1.4-23.7 4.1L15.8 137.4C6.3 140.9 0 149.9 0 160s6.3 19.1 15.8 22.6l57.9 20.9C57.3 229.3 48 259.8 48 291.9v28.1c0 28.4-10.8 57.7-22.3 80.8c-6.5 13-13.9 25.8-22.5 37.6C0 442.7-.9 448.3 .9 453.4s6 8.9 11.2 10.2l64 16c4.2 1.1 8.7 .3 12.4-2s6.3-6.1 7.1-10.4c8.6-42.8 4.3-81.2-2.1-108.7C90.3 344.3 86 329.8 80 316.5V291.9c0-30.2 10.2-58.7 27.9-81.5c12.9-15.5 29.6-28 49.2-35.7l157-61.7c8.2-3.2 17.5 .8 20.7 9s-.8 17.5-9 20.7l-157 61.7c-12.4 4.9-23.3 12.4-32.2 21.6l159.6 57.6c7.6 2.7 15.6 4.1 23.7 4.1s16.1-1.4 23.7-4.1L624.2 182.6c9.5-3.4 15.8-12.5 15.8-22.6s-6.3-19.1-15.8-22.6L343.7 36.1C336.1 33.4 328.1 32 320 32zM128 408c0 35.3 86 72 192 72s192-36.7 192-72L496.7 262.6 354.5 314c-11.1 4-22.8 6-34.5 6s-23.5-2-34.5-6L143.3 262.6 128 408z\"\/><\/svg>\n\t\t<span><\/span>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><path d=\"M342.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L274.7 256 105.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"\/><\/svg>\n\t<\/a>\n    <h3>SEO<\/h3>\n    <p>Search Engine Optimization (SEO) is the practice of improving a site\u2019s ranking in search results. Search results are aggregated based on a number of factors, including a site\u2019s relevance and quality.<\/p>\n            <a\n            href=\"https:\/\/www.dreamhost.com\/glossary\/seo\/seo\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Read More                    <\/a>\n\n<\/div>\n\n\n\n<p>As a result, it\u2019s thorough and generally <em>lengthy<\/em> articles (or Reddit posts) that often rank the best on Google\u2019s search engine results pages (SERPs).<\/p>\n\n\n\n<p>That\u2019s all fine, right?<\/p>\n\n\n\n<p>Well, there\u2019s one problem with that \u2014 the rise of <a href=\"https:\/\/blog.hubspot.com\/marketing\/short-form-video-psychology\" target=\"_blank\" rel=\"noreferrer noopener\">short-form content<\/a>, especially video (thanks, TikTok!), is changing consumer preferences.<\/p>\n\n\n\n<p>How do you strike the perfect balance?<\/p>\n\n\n\n<p>You have to make content that\u2019s robust enough for Google (and all search engines) that\u2019s <em>also<\/em> easy for readers to navigate so they can <a href=\"https:\/\/www.dreamhost.com\/blog\/beginners-website-guide\/\" target=\"_blank\" rel=\"noreferrer noopener\">engage with your website<\/a> to find the value they\u2019re seeking.<\/p>\n\n\n\n<p><strong>This is where anchor links come in.<\/strong><\/p>\n\n\n\n<p>With anchor links, you can very quickly send readers straight to a specific part of a page. That way, visitors can find the exact information they\u2019re looking for instead of skimming through hundreds, or more often thousands, of words.<\/p>\n\n\n\n<p>In this article, we\u2019ll cover:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Exactly what anchor links look like and how they work.<\/li>\n\n\n\n<li>The pros and cons of using anchor text on your pages or blogs.<\/li>\n\n\n\n<li>Three ways to create anchor links on your WordPress website.<\/li>\n<\/ul>\n\n\n\n<p>Let\u2019s get to work!<\/p>\n\n\n\n<h2 id=\"h-what-anchor-links-are\" class=\"wp-block-heading\">What Anchor Links Are<\/h2>\n\n\n\n<p>Technically, an anchor link (aka anchor text or jump link) is any hyperlink within a page that usually points to another section on that same page.<br><br>To create one, you basically build a piece of code \u2014 don\u2019t worry, we\u2019ll show you how \u2014 around a URL to make it a \u201cbookmark\u201d of sorts. You can then attach that bookmark to any text or image on the same page. When someone clicks the bookmark, they\u2019ll be quickly scrolled to the area of the page you\u2019ve indicated with your code. If that didn\u2019t make a lot of sense, hang tight; it will become clearer the more we talk about it!<\/p>\n\n\n\n<p>In many cases, you\u2019ll encounter anchor links within a table of contents (TOC) at the start of a page or post.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2560\" height=\"1802\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/01_blog_table_of_contents_with_anchor_links-scaled.webp\" alt=\"screenshot showing TOC of a dreamhost post and how some anchor links to section of text while an icon anchor links to nav to the top of the page\" class=\"wp-image-47395 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/01_blog_table_of_contents_with_anchor_links-scaled.webp 2560w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/01_blog_table_of_contents_with_anchor_links-300x211.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/01_blog_table_of_contents_with_anchor_links-1024x721.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/01_blog_table_of_contents_with_anchor_links-768x540.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/01_blog_table_of_contents_with_anchor_links-1536x1081.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/01_blog_table_of_contents_with_anchor_links-2048x1441.webp 2048w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/01_blog_table_of_contents_with_anchor_links-600x422.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/01_blog_table_of_contents_with_anchor_links-1200x845.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/01_blog_table_of_contents_with_anchor_links-730x514.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/01_blog_table_of_contents_with_anchor_links-1460x1027.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/01_blog_table_of_contents_with_anchor_links-784x552.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/01_blog_table_of_contents_with_anchor_links-1568x1103.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/01_blog_table_of_contents_with_anchor_links-877x617.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/01_blog_table_of_contents_with_anchor_links-1754x1234.webp 1754w\" data-sizes=\"(max-width: 2560px) 100vw, 2560px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 2560px; --smush-placeholder-aspect-ratio: 2560\/1802;\" \/><\/figure>\n\n\n\n<p>Other common examples of anchor links include buttons that return you to the top of the page when you reach the bottom. You can also use anchor links to help users navigate long landing pages.<\/p>\n\n\n\n<p>Whether there\u2019s a page or post on your website that\u2019s a bit too long for manual scrolling, anchor links can help ensure you\u2019ll capture visitor attention before you get a chance to deliver all the good stuff.<\/p>\n\n\n\n<p>It\u2019s important to note that search engines don\u2019t claim that anchor links improve your search engine rankings directly. However, they do improve the experience for both users and the search engines that rank content.<\/p>\n\n\n\n<div class=\"article-newsletter article-newsletter--gradient\">\n\n\n<h2>Get Content Delivered Straight to Your Inbox<\/h2><p>Subscribe now to receive all the latest updates, delivered directly to your inbox.<\/p><form class=\"nwsl-form\" id=\"newsletter_block_\" novalidate><div class=\"messages\"><\/div><div class=\"form-group\"><label for=\"input_newsletter_block_\"><input type=\"email\"name=\"email\"id=\"input_newsletter_block_\"placeholder=\"Enter your email address\"novalidatedisabled=\"disabled\"\/><\/label><button type=\"submit\"class=\"btn btn--brand\"disabled=\"disabled\"><span>Sign Me Up!<\/span><svg width=\"21\" height=\"14\" viewBox=\"0 0 21 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n<path d=\"M13.8523 0.42524L12.9323 1.34521C12.7095 1.56801 12.7132 1.9304 12.9404 2.14865L16.7241 5.7823H0.5625C0.251859 5.7823 0 6.03416 0 6.3448V7.6573C0 7.96794 0.251859 8.2198 0.5625 8.2198H16.7241L12.9405 11.8535C12.7132 12.0717 12.7095 12.4341 12.9323 12.6569L13.8523 13.5769C14.072 13.7965 14.4281 13.7965 14.6478 13.5769L20.8259 7.39879C21.0456 7.17913 21.0456 6.82298 20.8259 6.60327L14.6477 0.42524C14.4281 0.205584 14.0719 0.205584 13.8523 0.42524Z\" fill=\"white\"\/>\n<\/svg>\n<\/button><\/div><\/form><\/div>\n\n\n<h2 id=\"h2_the-pros-and-cons-of-anchor-links-in-wordpress\" class=\"wp-block-heading\">The Pros And Cons Of Anchor Links In WordPress<\/h2>\n\n\n\n<p>Overall, setting up anchor links can help improve content navigation. However, it\u2019s not all sunshine and rainbows \u2014&nbsp;there are a few downsides you may want to consider.<\/p>\n\n\n\n<p>Here, we\u2019ll explore both sides of the story.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Pro: Better Experiences All Around<\/h3>\n\n\n\n<p>With anchor text, readers can get a quick overview of your content, making them less likely to bounce and more likely to engage with it. In addition, web <a href=\"https:\/\/www.dreamhost.com\/glossary\/seo\/crawling\/\" target=\"_blank\" rel=\"noreferrer noopener\">crawlers<\/a> \u2014 bots that help search engines understand the content on the internet \u2014&nbsp;can more quickly and clearly process lists.<\/p>\n\n\n\n<p>Let\u2019s dig a bit deeper into this advantage.<\/p>\n\n\n\n<p>When rich snippets appear alongside top-ranking Google search results, they often include part of a page\u2019s table of contents, which is usually created using anchor links. Google may also pull from a table of contents to populate the \u201cPeople also ask\u201d section at the top of the results page. In some cases, Google may even feature an article\u2019s anchor text below the <a href=\"https:\/\/www.dreamhost.com\/blog\/how-to-write-meta-descriptions\/\" target=\"_blank\" rel=\"noreferrer noopener\">meta description<\/a> using clickable links.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2560\" height=\"1010\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/02_anchor_links_inform_google_search_results-scaled.webp\" alt=\"screenshot of a google search result showing anchor links listed right below the meta description \" class=\"wp-image-47397 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/02_anchor_links_inform_google_search_results-scaled.webp 2560w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/02_anchor_links_inform_google_search_results-300x118.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/02_anchor_links_inform_google_search_results-1024x404.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/02_anchor_links_inform_google_search_results-768x303.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/02_anchor_links_inform_google_search_results-1536x606.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/02_anchor_links_inform_google_search_results-2048x808.webp 2048w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/02_anchor_links_inform_google_search_results-600x237.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/02_anchor_links_inform_google_search_results-1200x473.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/02_anchor_links_inform_google_search_results-730x288.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/02_anchor_links_inform_google_search_results-1460x576.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/02_anchor_links_inform_google_search_results-784x309.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/02_anchor_links_inform_google_search_results-1568x618.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/02_anchor_links_inform_google_search_results-877x346.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/02_anchor_links_inform_google_search_results-1754x692.webp 1754w\" data-sizes=\"(max-width: 2560px) 100vw, 2560px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 2560px; --smush-placeholder-aspect-ratio: 2560\/1010;\" \/><\/figure>\n\n\n\n<p>All of these ways that Google uses anchor text and tables of contents help visitors understand what they\u2019re going to find before they even click, which can help reduce <a href=\"https:\/\/www.dreamhost.com\/blog\/metrics-every-blogger-needs-to-track\/#bounce-rate\" target=\"_blank\" rel=\"noreferrer noopener\">your website\u2019s bounce rate<\/a>. That\u2019s because you\u2019re making life easier for users who might access the page, assume it\u2019s not what they\u2019re looking for because they don\u2019t see what they want right away, and leave. Instead, you can keep them around&nbsp;much longer \u2014&nbsp;more time for conversions! \u2014 by telling them exactly what they can find within a post or page and even linking them to it.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Pro: Easier Content Sharing<\/h3>\n\n\n\n<p>Anchor text makes it easy to share links that navigate to a specific section within an article. This is particularly useful when it comes to social media managers making posts, and support teams who need to share key parts of help articles with customers.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Con: Reducing Time On Site<\/h3>\n\n\n\n<p>If you\u2019re measuring a metric like time on site to measure content and website performance, anchor links might actually reduce the average time visitors spend on your site because they can skip directly to the content they want instead of reading the entire article.<\/p>\n\n\n\n<p>It\u2019s up to you to balance making your visitors happy and your need to hit certain key performance indicators (KPIs).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-con-may-be-more-difficult-to-update-content-later\">Con: May Be More Difficult To Update Content Later<\/h3>\n\n\n\n<p>Over time, you may need to update your <a href=\"https:\/\/www.dreamhost.com\/blog\/how-to-choose-the-right-domain-name\/\" target=\"_blank\" rel=\"noreferrer noopener\">website domain<\/a> or <a href=\"https:\/\/www.dreamhost.com\/blog\/301-redirects-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">create 301 redirects<\/a>, which will likely change links across your site. When changing links around, it can be hard to track down and update all the anchor text you\u2019ve created to ensure every link is still fresh and accurate.<\/p>\n\n\n\n<h2 id=\"h2_how-to-create-an-anchor-link-in-wordpress-3-options\" class=\"wp-block-heading\">How To Create An Anchor Link In WordPress (3 Options)<\/h2>\n\n\n\n<p>Notice the focus on the table of contents here? That\u2019s because a TOC is probably the most impactful way to leverage anchor links on your website. However, it only makes sense to use anchor elements for long pages or blog posts. There\u2019s no hard-and-fast rule, but anything above 1,500 words or so can likely benefit from a table of contents and its corresponding anchor links.<\/p>\n\n\n\n<p>To add an anchor link to a shorter piece of content isn\u2019t necessarily bad, but it can be less useful \u2014&nbsp;making it a poor use of your time and possibly adding visual clutter for readers.<\/p>\n\n\n\n<p>Staring down a long page or post you want to make more valuable for website visitors?<\/p>\n\n\n\n<p>Luckily, creating anchor links is remarkably simple in WordPress!<\/p>\n\n\n\n<p>You can do it either manually or with the help of plugins \u2014 both of which we\u2019re going to dive into right now.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Add an Anchor Link Using HTML<\/h3>\n\n\n\n<p>All of the text you see on WordPress pages and posts is powered by <a href=\"https:\/\/www.dreamhost.com\/blog\/learn-html\/\" target=\"_blank\" rel=\"noreferrer noopener\">HTML code<\/a>. HTML, along with CSS and JavaScript, are some of the <a href=\"https:\/\/www.coursera.org\/articles\/popular-programming-languages\" target=\"_blank\" rel=\"noreferrer noopener\">most-used programming and markup languages<\/a>. If you can get even a little bit familiar with any of them, you\u2019ll likely be able to do a lot more \u2014 with a lot less frustration! \u2014 on your WordPress site.<\/p>\n\n\n\n\n\n<div class=\"glossary-term\">\n\t<a\n\t\tclass=\"glossary-term__above-title\"\n\t\thref=\"\"\n\t\ttarget=\"_blank\"\n\t\trel=\"noopener noreferrer\"\n\t>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 640 512\"><path d=\"M320 32c-8.1 0-16.1 1.4-23.7 4.1L15.8 137.4C6.3 140.9 0 149.9 0 160s6.3 19.1 15.8 22.6l57.9 20.9C57.3 229.3 48 259.8 48 291.9v28.1c0 28.4-10.8 57.7-22.3 80.8c-6.5 13-13.9 25.8-22.5 37.6C0 442.7-.9 448.3 .9 453.4s6 8.9 11.2 10.2l64 16c4.2 1.1 8.7 .3 12.4-2s6.3-6.1 7.1-10.4c8.6-42.8 4.3-81.2-2.1-108.7C90.3 344.3 86 329.8 80 316.5V291.9c0-30.2 10.2-58.7 27.9-81.5c12.9-15.5 29.6-28 49.2-35.7l157-61.7c8.2-3.2 17.5 .8 20.7 9s-.8 17.5-9 20.7l-157 61.7c-12.4 4.9-23.3 12.4-32.2 21.6l159.6 57.6c7.6 2.7 15.6 4.1 23.7 4.1s16.1-1.4 23.7-4.1L624.2 182.6c9.5-3.4 15.8-12.5 15.8-22.6s-6.3-19.1-15.8-22.6L343.7 36.1C336.1 33.4 328.1 32 320 32zM128 408c0 35.3 86 72 192 72s192-36.7 192-72L496.7 262.6 354.5 314c-11.1 4-22.8 6-34.5 6s-23.5-2-34.5-6L143.3 262.6 128 408z\"\/><\/svg>\n\t\t<span><\/span>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\"><path d=\"M342.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L274.7 256 105.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"\/><\/svg>\n\t<\/a>\n    <h3>HTML<\/h3>\n    <p>HTML stands for HyperText Markup Language. It is the most fundamental building block of the web and the standard markup language for creating web pages and applications.<\/p>\n            <a\n            href=\"https:\/\/www.dreamhost.com\/glossary\/web-design\/html\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            Read More                    <\/a>\n\n<\/div>\n\n\n\n<p>So, we&#8217;ll start with showing you how easy it is to decipher and edit HTML!<br><br>First, choose the page or post where you want to add anchor links. We\u2019re going to work with a blog post.<\/p>\n\n\n\n<p>To create an anchor link, you first need to set an anchor. To do that, select a subheading that you want to link to, and click the <strong>three dots<\/strong> that show up on the right in the floating menu.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2560\" height=\"893\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/03_step1_select_a_subheading_to_link_to_and_click_the_three_dots_-scaled.webp\" alt=\"screenshot marking the location of the three dots, far right hand side righta fter the hyperlink icon\" class=\"wp-image-47399 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/03_step1_select_a_subheading_to_link_to_and_click_the_three_dots_-scaled.webp 2560w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/03_step1_select_a_subheading_to_link_to_and_click_the_three_dots_-300x105.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/03_step1_select_a_subheading_to_link_to_and_click_the_three_dots_-1024x357.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/03_step1_select_a_subheading_to_link_to_and_click_the_three_dots_-768x268.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/03_step1_select_a_subheading_to_link_to_and_click_the_three_dots_-1536x536.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/03_step1_select_a_subheading_to_link_to_and_click_the_three_dots_-2048x714.webp 2048w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/03_step1_select_a_subheading_to_link_to_and_click_the_three_dots_-600x209.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/03_step1_select_a_subheading_to_link_to_and_click_the_three_dots_-1200x419.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/03_step1_select_a_subheading_to_link_to_and_click_the_three_dots_-730x255.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/03_step1_select_a_subheading_to_link_to_and_click_the_three_dots_-1460x509.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/03_step1_select_a_subheading_to_link_to_and_click_the_three_dots_-784x273.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/03_step1_select_a_subheading_to_link_to_and_click_the_three_dots_-1568x547.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/03_step1_select_a_subheading_to_link_to_and_click_the_three_dots_-877x306.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/03_step1_select_a_subheading_to_link_to_and_click_the_three_dots_-1754x612.webp 1754w\" data-sizes=\"(max-width: 2560px) 100vw, 2560px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 2560px; --smush-placeholder-aspect-ratio: 2560\/893;\" \/><\/figure>\n\n\n\n<p>Select <strong>Edit as HTML<\/strong> near the bottom.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2560\" height=\"893\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/04_step2_select_edit_as_html-scaled.webp\" alt=\"screenshot showing &quot;Edit as HTML&quot; as the lowest choice from the drop down \" class=\"wp-image-47401 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/04_step2_select_edit_as_html-scaled.webp 2560w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/04_step2_select_edit_as_html-300x105.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/04_step2_select_edit_as_html-1024x357.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/04_step2_select_edit_as_html-768x268.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/04_step2_select_edit_as_html-1536x536.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/04_step2_select_edit_as_html-2048x714.webp 2048w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/04_step2_select_edit_as_html-600x209.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/04_step2_select_edit_as_html-1200x419.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/04_step2_select_edit_as_html-730x255.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/04_step2_select_edit_as_html-1460x509.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/04_step2_select_edit_as_html-784x273.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/04_step2_select_edit_as_html-1568x547.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/04_step2_select_edit_as_html-877x306.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/04_step2_select_edit_as_html-1754x612.webp 1754w\" data-sizes=\"(max-width: 2560px) 100vw, 2560px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 2560px; --smush-placeholder-aspect-ratio: 2560\/893;\" \/><\/figure>\n\n\n\n<p>What we need to do is add an HTML ID. That ID will be the anchor we\u2019re going to link to later on. It will come before the name of the subheader you clicked on, in our case <code><strong>&gt;Headline 3&lt;<\/strong>.<\/code><br><br>The format is: <strong><code>id=\u201canchor-name\u201d<\/code><\/strong>. Our anchor name will be \u201cheadline-3.\u201d Here\u2019s what that code should look like when we\u2019re done: <strong><code>&lt;h2 class=\"wp-block-heading\" id=\"headline-3\"&gt;Headline 3&lt;\/h2&gt;<\/code><\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"240\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/05_add_an_html_id_-1024x240.webp\" alt=\"screenshot showing HTML id tag as h2 class=&quot;wp-block-heading&quot; id=&quot;headline-3&quot; Headline 3\" class=\"wp-image-47403 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/05_add_an_html_id_-1024x240.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/05_add_an_html_id_-300x70.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/05_add_an_html_id_-768x180.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/05_add_an_html_id_-1536x360.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/05_add_an_html_id_-2048x480.webp 2048w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/05_add_an_html_id_-600x141.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/05_add_an_html_id_-1200x281.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/05_add_an_html_id_-730x171.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/05_add_an_html_id_-1460x342.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/05_add_an_html_id_-784x184.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/05_add_an_html_id_-1568x368.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/05_add_an_html_id_-877x206.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/05_add_an_html_id_-1754x411.webp 1754w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/240;\" \/><\/figure>\n\n\n\n<p>Once the ID is in place, you can attach it to text in your table of contents (or wherever else you want to place it) to create an anchor link!<\/p>\n\n\n\n<p>In our example, we\u2019ll <strong>scroll up<\/strong> to <strong>Headline 3<\/strong> in the TOC, <strong>select it<\/strong>, and <strong>click the link icon<\/strong> that shows up in the hovering editing panel.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2560\" height=\"893\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/06_step_4_identify_the_text_that_will_become_an_anchor_link__3x-scaled.webp\" alt=\"screenshot showing the location of the link icon, to the right of the italics icon\" class=\"wp-image-47405 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/06_step_4_identify_the_text_that_will_become_an_anchor_link__3x-scaled.webp 2560w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/06_step_4_identify_the_text_that_will_become_an_anchor_link__3x-300x105.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/06_step_4_identify_the_text_that_will_become_an_anchor_link__3x-1024x357.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/06_step_4_identify_the_text_that_will_become_an_anchor_link__3x-768x268.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/06_step_4_identify_the_text_that_will_become_an_anchor_link__3x-1536x536.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/06_step_4_identify_the_text_that_will_become_an_anchor_link__3x-2048x714.webp 2048w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/06_step_4_identify_the_text_that_will_become_an_anchor_link__3x-600x209.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/06_step_4_identify_the_text_that_will_become_an_anchor_link__3x-1200x419.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/06_step_4_identify_the_text_that_will_become_an_anchor_link__3x-730x255.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/06_step_4_identify_the_text_that_will_become_an_anchor_link__3x-1460x509.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/06_step_4_identify_the_text_that_will_become_an_anchor_link__3x-784x273.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/06_step_4_identify_the_text_that_will_become_an_anchor_link__3x-1568x547.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/06_step_4_identify_the_text_that_will_become_an_anchor_link__3x-877x306.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/06_step_4_identify_the_text_that_will_become_an_anchor_link__3x-1754x612.webp 1754w\" data-sizes=\"(max-width: 2560px) 100vw, 2560px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 2560px; --smush-placeholder-aspect-ratio: 2560\/893;\" \/><\/figure>\n\n\n\n<p>Into the link URL box, we\u2019ll type in the ID we created, preceded by a <strong><code>#<\/code><\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2560\" height=\"893\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/07_step_5_attach_the_id_to_the_identified_text_hit_enter_-scaled.webp\" alt=\"screenshot showing the location of the link icon, to the right of the italics icon\" class=\"wp-image-47407 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/07_step_5_attach_the_id_to_the_identified_text_hit_enter_-scaled.webp 2560w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/07_step_5_attach_the_id_to_the_identified_text_hit_enter_-300x105.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/07_step_5_attach_the_id_to_the_identified_text_hit_enter_-1024x357.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/07_step_5_attach_the_id_to_the_identified_text_hit_enter_-768x268.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/07_step_5_attach_the_id_to_the_identified_text_hit_enter_-1536x536.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/07_step_5_attach_the_id_to_the_identified_text_hit_enter_-2048x714.webp 2048w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/07_step_5_attach_the_id_to_the_identified_text_hit_enter_-600x209.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/07_step_5_attach_the_id_to_the_identified_text_hit_enter_-1200x419.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/07_step_5_attach_the_id_to_the_identified_text_hit_enter_-730x255.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/07_step_5_attach_the_id_to_the_identified_text_hit_enter_-1460x509.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/07_step_5_attach_the_id_to_the_identified_text_hit_enter_-784x273.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/07_step_5_attach_the_id_to_the_identified_text_hit_enter_-1568x547.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/07_step_5_attach_the_id_to_the_identified_text_hit_enter_-877x306.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/07_step_5_attach_the_id_to_the_identified_text_hit_enter_-1754x612.webp 1754w\" data-sizes=\"(max-width: 2560px) 100vw, 2560px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 2560px; --smush-placeholder-aspect-ratio: 2560\/893;\" \/><\/figure>\n\n\n\n<p>Hit <strong>Enter <\/strong>to make it official, save your work, then publish your changes. You won\u2019t be able to see it in action inside the WordPress editor, so go take a peek at the finished page on your website to make sure it all works.<\/p>\n\n\n\n<p>Manually creating HTML anchor links may seem intimidating if you\u2019re not used to working with code. However, as you can see, adding anchor tags is remarkably simple. Once you know how the process works, adding these links manually should only take seconds.<\/p>\n\n\n\n<p>If you want to create a link toward an anchor ID located on a different page or new tab, make sure to include the absolute URL of it, beginning with https.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. Create Anchor Tags Using The Block Editor<\/h3>\n\n\n\n<p>Now, we\u2019re going to show you how easy modern block themes make it to add an anchor link \u2014 no code required.<\/p>\n\n\n\n<p>That\u2019s because the Block Editor enables you to add HTML anchors or IDs without the need to switch over to the code view.<\/p>\n\n\n\n<p>As with the previous method, the first thing you need to do is add an HTML ID or anchor to the text you want to link to. Select the text and open the settings menu from the square icon in the upper right corner.<\/p>\n\n\n\n<p>Navigate to Block and open Advanced at the bottom. You\u2019ll see a field called HTML anchor. All you need to do is add your unique anchor text within that field. We\u2019ll go with \u201cheadline-3\u201d again.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2560\" height=\"1686\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/08_add_anchor_links_with_the_block_editor-scaled.webp\" alt=\"screenshot showing the location of the block editor icon which looks like a box with a rectangular on the right side\" class=\"wp-image-47409 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/08_add_anchor_links_with_the_block_editor-scaled.webp 2560w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/08_add_anchor_links_with_the_block_editor-300x198.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/08_add_anchor_links_with_the_block_editor-1024x675.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/08_add_anchor_links_with_the_block_editor-768x506.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/08_add_anchor_links_with_the_block_editor-1536x1012.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/08_add_anchor_links_with_the_block_editor-2048x1349.webp 2048w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/08_add_anchor_links_with_the_block_editor-600x395.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/08_add_anchor_links_with_the_block_editor-1200x791.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/08_add_anchor_links_with_the_block_editor-730x481.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/08_add_anchor_links_with_the_block_editor-1460x962.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/08_add_anchor_links_with_the_block_editor-784x516.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/08_add_anchor_links_with_the_block_editor-1568x1033.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/08_add_anchor_links_with_the_block_editor-877x578.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/08_add_anchor_links_with_the_block_editor-1754x1155.webp 1754w\" data-sizes=\"(max-width: 2560px) 100vw, 2560px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 2560px; --smush-placeholder-aspect-ratio: 2560\/1686;\" \/><\/figure>\n\n\n\n<p>Now, we\u2019re going to repeat the same steps from above:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Select the text you want to link your anchor to.<\/li>\n\n\n\n<li>Click the link icon that shows up in the editing panel.<\/li>\n\n\n\n<li>Type in # then the ID you just created.<\/li>\n\n\n\n<li>Enter, save, publish, and check your work!<\/li>\n<\/ul>\n\n\n\n<p>All that\u2019s left to do now is repeat the process as many times as you need, depending on how many sections you want to add anchor links to. We love how easy the block editor makes this, especially if you deal with long-form content regularly (that\u2019s us!).<br><br><strong>Note: <\/strong>Not seeing all the cool block editor features we just covered? You may not be using a block theme! While you can certainly get away with adding anchor text in HTML, we do recommend upgrading to a <a href=\"\/blog\/wordpress-block-themes\" target=\"_blank\" rel=\"noreferrer noopener\">block theme<\/a> to take advantage of all the cool new features the WordPress community is adding every day. It\u2019ll make your life easier! <a href=\"https:\/\/www.dreamhost.com\/blog\/switch-to-wordpress-block-themes\/\" target=\"_blank\" rel=\"noreferrer noopener\">Start here to learn how to make the upgrade<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3. Link To An Anchor Quickly Using WordPress Plugins<\/h3>\n\n\n\n<p>It shouldn\u2019t come as a surprise that there\u2019s more than one <a href=\"https:\/\/www.dreamhost.com\/blog\/intro-to-wordpress-plugins\/\" target=\"_blank\" rel=\"noreferrer noopener\">WordPress plugin<\/a> in the <a href=\"https:\/\/wordpress.org\/plugins\/\" target=\"_blank\" rel=\"noreferrer noopener\">plugin directory<\/a> you can use to add anchor links in WordPress.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The <a href=\"https:\/\/aioseo.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">All in One SEO (AIOSEO)<\/a> plugin (paid) has lots of features, one being easy-to-create tables of contents.<\/li>\n\n\n\n<li><a href=\"https:\/\/linkwhisper.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Link Whisper<\/a> (paid) is a link optimization-focused that enables users to insert anchor links quickly.<\/li>\n\n\n\n<li>With <a href=\"https:\/\/theluckywp.com\/product\/table-of-contents\/\" target=\"_blank\" rel=\"noreferrer noopener\">LuckyWP Table of Contents<\/a> it\u2019s right in the name \u2014&nbsp;it\u2019s all about creating linked tables of contents with just a few clicks.<\/li>\n<\/ul>\n\n\n\n<p>Creating a table of contents for each of your posts can be a lot of work. You have to add multiple anchor IDs manually and create links one by one. Let\u2019s zoom in on a solution that makes this task a little more approachable by automatically generating tables of contents for posts and pages within your website.<\/p>\n\n\n\n<p>While the process should look decently similar for any plugin you choose, we\u2019re going to walk you through the specifics of setting up a free, lightweight option \u2014&nbsp;<a href=\"https:\/\/tocwp.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Easy Table of Contents<\/a>.<br><br>To use the plugin, you first must navigate to <strong>Plugins<\/strong> &gt; <strong>Add New Plugin<\/strong> in your WordPress editor.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2560\" height=\"880\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/09_add_new_plugin-scaled.webp\" alt=\"plugin nav showing Add New Plugin selected\" class=\"wp-image-47411 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/09_add_new_plugin-scaled.webp 2560w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/09_add_new_plugin-300x103.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/09_add_new_plugin-1024x352.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/09_add_new_plugin-768x264.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/09_add_new_plugin-1536x528.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/09_add_new_plugin-2048x704.webp 2048w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/09_add_new_plugin-600x206.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/09_add_new_plugin-1200x413.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/09_add_new_plugin-730x251.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/09_add_new_plugin-1460x502.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/09_add_new_plugin-784x270.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/09_add_new_plugin-1568x539.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/09_add_new_plugin-877x301.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/09_add_new_plugin-1754x603.webp 1754w\" data-sizes=\"(max-width: 2560px) 100vw, 2560px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 2560px; --smush-placeholder-aspect-ratio: 2560\/880;\" \/><\/figure>\n\n\n\n<p><strong>Search<\/strong> for <strong>Easy Table of Contents<\/strong>, use the<strong> Install Now<\/strong> button, wait for that to complete then click <strong>Activate<\/strong> to get it up and running on your site.<\/p>\n\n\n\n<p>After you activate the plugin, you\u2019ll need to configure its settings. Go to <strong>Settings<\/strong> in your WordPress admin sidebar and find <strong>Table of Contents<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2560\" height=\"544\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/10_wp_setting-scaled.webp\" alt=\"screenshot showing the settings button in the WP nav\" class=\"wp-image-47413 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/10_wp_setting-scaled.webp 2560w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/10_wp_setting-300x64.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/10_wp_setting-1024x218.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/10_wp_setting-768x163.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/10_wp_setting-1536x326.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/10_wp_setting-2048x435.webp 2048w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/10_wp_setting-600x128.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/10_wp_setting-1200x255.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/10_wp_setting-730x155.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/10_wp_setting-1460x310.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/10_wp_setting-784x167.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/10_wp_setting-1568x333.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/10_wp_setting-877x186.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/10_wp_setting-1754x373.webp 1754w\" data-sizes=\"(max-width: 2560px) 100vw, 2560px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 2560px; --smush-placeholder-aspect-ratio: 2560\/544;\" \/><\/figure>\n\n\n\n<p>In the <strong>Enable Support menu<\/strong>, make sure both pages and posts are checked if you want to be able to use TOCs on both.<\/p>\n\n\n\n<p>Now <strong>scroll down<\/strong> to <strong>Position<\/strong>, a setting which will enable you to decide where to display your tables of contents. At the time of this writing, by default, they\u2019ll show up on posts and pages right before the first heading.<\/p>\n\n\n\n<p>Right under it, the <strong>Show when<\/strong> setting lets you decide how many headings a post or page needs for the plugin to display a TOC. By default, the plugin will have a set number. Right now, that\u2019s two. You can update either of these settings if you like.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2560\" height=\"853\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/11_options_for_easy_table_of_contents_plugin-scaled.webp\" alt=\"options for easy table of contents plugin showing options for position and show when\" class=\"wp-image-47415 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/11_options_for_easy_table_of_contents_plugin-scaled.webp 2560w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/11_options_for_easy_table_of_contents_plugin-300x100.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/11_options_for_easy_table_of_contents_plugin-1024x341.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/11_options_for_easy_table_of_contents_plugin-768x256.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/11_options_for_easy_table_of_contents_plugin-1536x512.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/11_options_for_easy_table_of_contents_plugin-2048x682.webp 2048w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/11_options_for_easy_table_of_contents_plugin-600x200.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/11_options_for_easy_table_of_contents_plugin-1200x400.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/11_options_for_easy_table_of_contents_plugin-730x243.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/11_options_for_easy_table_of_contents_plugin-1460x486.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/11_options_for_easy_table_of_contents_plugin-784x261.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/11_options_for_easy_table_of_contents_plugin-1568x522.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/11_options_for_easy_table_of_contents_plugin-877x292.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/11_options_for_easy_table_of_contents_plugin-1754x584.webp 1754w\" data-sizes=\"(max-width: 2560px) 100vw, 2560px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 2560px; --smush-placeholder-aspect-ratio: 2560\/853;\" \/><\/figure>\n\n\n\n<p>There are a <em>lot<\/em> more settings on this page. Once you\u2019re happy with everything, save your changes at the bottom of the screen and go to the post or page where you want to add the table of contents. We\u2019ll go back to the blog post we\u2019ve been working in.<\/p>\n\n\n\n<p>At the bottom of the page, you\u2019ll see a new section called Table of Contents. That means the plugin is working and will automatically set anchor IDs and generate a full table of contents leading to them!<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2560\" height=\"853\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/12_option_to_toggle_off_automatic_toc_-scaled.webp\" alt=\"option to toggle off automatic TOC showing a check box option to Disable the automatic insertion of the TOC\" class=\"wp-image-47417 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/12_option_to_toggle_off_automatic_toc_-scaled.webp 2560w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/12_option_to_toggle_off_automatic_toc_-300x100.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/12_option_to_toggle_off_automatic_toc_-1024x341.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/12_option_to_toggle_off_automatic_toc_-768x256.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/12_option_to_toggle_off_automatic_toc_-1536x512.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/12_option_to_toggle_off_automatic_toc_-2048x682.webp 2048w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/12_option_to_toggle_off_automatic_toc_-600x200.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/12_option_to_toggle_off_automatic_toc_-1200x400.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/12_option_to_toggle_off_automatic_toc_-730x243.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/12_option_to_toggle_off_automatic_toc_-1460x486.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/12_option_to_toggle_off_automatic_toc_-784x261.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/12_option_to_toggle_off_automatic_toc_-1568x522.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/12_option_to_toggle_off_automatic_toc_-877x292.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/12_option_to_toggle_off_automatic_toc_-1754x584.webp 1754w\" data-sizes=\"(max-width: 2560px) 100vw, 2560px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 2560px; --smush-placeholder-aspect-ratio: 2560\/853;\" \/><\/figure>\n\n\n\n<p>You should see text indicating that a table of contents will instantly be inserted, as long as you leave the box <strong>unchecked<\/strong>. We like this feature because it makes it easy to turn off the table of contents for pages where it makes sense. We recommend scrolling and playing around with the settings again here to see if there\u2019s anything unique you want to do with this post. For example, you can create a title for your TOC, move it around, exclude any headings you don\u2019t want to appear, and lots more.<\/p>\n\n\n\n<p>Keep in mind, these changes will only apply to this post and will override any global settings you just made over in the Settings menu.<\/p>\n\n\n\n<p>Save your post, publish it, and go check out the live page to see your quick, easy, and fresh-to-death new TOC in action!<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2560\" height=\"880\" data-src=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/13_toc-scaled.webp\" alt=\"screenshot showing the view of Table of contents with 1. Headline 1, 2. Headline 2, 3. Headline 3 formatted\" class=\"wp-image-47419 lazyload\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/13_toc-scaled.webp 2560w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/13_toc-300x103.webp 300w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/13_toc-1024x352.webp 1024w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/13_toc-768x264.webp 768w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/13_toc-1536x528.webp 1536w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/13_toc-2048x704.webp 2048w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/13_toc-600x206.webp 600w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/13_toc-1200x413.webp 1200w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/13_toc-730x251.webp 730w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/13_toc-1460x502.webp 1460w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/13_toc-784x270.webp 784w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/13_toc-1568x539.webp 1568w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/13_toc-877x301.webp 877w, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/06\/13_toc-1754x603.webp 1754w\" data-sizes=\"(max-width: 2560px) 100vw, 2560px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 2560px; --smush-placeholder-aspect-ratio: 2560\/880;\" \/><\/figure>\n\n\n\n<h2 id=\"h2_how-else-can-you-upgrade-your-wordpress-site\" class=\"wp-block-heading\">How Else Can You Upgrade Your WordPress Site?<\/h2>\n\n\n\n<p>Anchor links are incredibly useful elements for boosting SEO, as well as helping users navigate complex pages and long-form content. You can use anchor links in tables of contents, navigation menus, footnotes, and more. Thankfully, as you\u2019ve seen, WordPress makes it simple to add anchor links to your content!<\/p>\n\n\n\n<p>But using anchor links is just <em>one<\/em> of the many tricks you can implement to improve your website\u2019s search engine rankings and user experience.<\/p>\n\n\n\n<p>If you want to learn more about improving the WordPress experience as well as your all-important SEO ranking, here are a few additional tutorials you may want to check out:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.dreamhost.com\/blog\/best-seo-tools\/\" target=\"_blank\" rel=\"noreferrer noopener\">25+ Best Free And Paid SEO Tools Around (Bookmark These!)<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.dreamhost.com\/blog\/website-redesign-checklist\/\" target=\"_blank\" rel=\"noreferrer noopener\">Your Website Redesign Checklist For An Incredible Revamp<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.dreamhost.com\/blog\/improve-seo\/\" target=\"_blank\" rel=\"noreferrer noopener\">Improve Your Rankings Using These 20 SEO Techniques<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.dreamhost.com\/blog\/elements-of-webdesign\/\" target=\"_blank\" rel=\"noreferrer noopener\">Top 7 Basic Elements Of Web Design<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.dreamhost.com\/blog\/seo-friendly-website-structure\/\" target=\"_blank\" rel=\"noreferrer noopener\">Mind Those URLs: How To Create An SEO-Friendly Website Structure<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.dreamhost.com\/blog\/beginners-website-guide\/\" target=\"_blank\" rel=\"noreferrer noopener\">Wondering How To Make A Website? Here\u2019s A Complete Tutorial<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.dreamhost.com\/blog\/on-page-off-page-seo\/\" target=\"_blank\" rel=\"noreferrer noopener\">On-Page Vs. Off-Page SEO: Complete Guide &amp; Essential Tips<\/a><\/li>\n<\/ul>\n\n\n\n<p>Are you looking for a WordPress host that can help you serve long-form content to thousands of visitors without slowing down your site? DreamHost\u2019s <a href=\"https:\/\/www.dreamhost.com\/wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">WordPress hosting packages<\/a> are designed to handle large amounts of traffic while keeping your website fast.<\/p>\n\n\n\n<p>How about a little help pulling off all that design, marketing, and more that running a successful business takes in this day and age? We also have plans to support you there. Check out all the offerings our <a href=\"https:\/\/www.dreamhost.com\/pro-services\/\" target=\"_blank\" rel=\"noreferrer noopener\">awesome pro services team<\/a> can deliver and craft your perfect website maintenance strategy today.<\/p>\n\n\n\n\n<div class=\"article-cta-shared article-cta-small article-cta--product\">\n\t<div class=\"tr-img-wrap-outer jsLoading\"><img decoding=\"async\" class=\"js-img-lazy \" src=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/themes\/blog2018\/assets\/img\/lazy-loading-transparent.webp\" data-srcset=\"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/03\/product-cta-wordpress-hosting-877x586.webp 1x, https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2024\/03\/product-cta-wordpress-hosting.webp 2x\"  alt=\"website management by DreamHost\" \/><\/div>\n\n\t<a href='https:\/\/www.dreamhost.com\/wordpress\/managed-wp-hosting\/' class='link-top' target='_blank' rel='noopener noreferrer'>\n\t\t<span>WordPress Hosting<\/span>\n\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 384 512\" width=\"15\"><path d=\"M342.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L274.7 256 105.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z\"\/><\/svg>\n\t<\/a>\n\n\t<div class=\"content-btm\">\n\t\t<h2 class=\"h2--md\">\n\t\t\tUnbeatable WordPress Hosting\n\t\t<\/h2>\n\t\t<p class=\"p--md\">\n\t\t\tReliable, lightning-fast hosting solutions specifically optimized for WordPress.\n\t\t<\/p>\n\n\t\t        <a\n            href=\"https:\/\/www.dreamhost.com\/wordpress\/managed-wp-hosting\/\"\n                        class=\"btn btn--white-outline btn--sm btn--round\"\n                                    target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            >\n                            See More                    <\/a>\n\n\t<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Anchor links make content easy to navigate and can improve its search ranking. Learn how to create anchor links effortlessly with these three simple methods.<\/p>\n","protected":false},"author":1077,"featured_media":47391,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_yoast_wpseo_metadesc":"Anchor links make content easy to navigate and can improve its search ranking. Learn how to create anchor links effortlessly with these three simple methods.","toc_headlines":"[[\"h-what-anchor-links-are\",\"What Anchor Links Are\"],[\"h2_the-pros-and-cons-of-anchor-links-in-wordpress\",\"The Pros And Cons Of Anchor Links In WordPress\"],[\"h2_how-to-create-an-anchor-link-in-wordpress-3-options\",\"How To Create An Anchor Link In WordPress (3 Options)\"],[\"h2_how-else-can-you-upgrade-your-wordpress-site\",\"How Else Can You Upgrade Your WordPress Site?\"]]","hide_toc":false,"footnotes":""},"categories":[550,696],"tags":[],"class_list":["post-32251","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","category-wordpress"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.3 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>How To Create Anchor Links In WordPress (3 Methods) - DreamHost<\/title>\n<meta name=\"description\" content=\"Anchor links make content easy to navigate and can improve its search ranking. Learn how to create anchor links effortlessly with these three simple methods.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www-dev.dreamhost.com\/blog\/how-to-create-anchor-links-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How To Create Anchor Links\" \/>\n<meta property=\"og:description\" content=\"Learn to create anchor links easily with our straightforward guide. Enhance your content&#039;s navigability and boost its search ranking with three simple methods.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www-dev.dreamhost.com\/blog\/how-to-create-anchor-links-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"DreamHost Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/DreamHost\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-06-19T08:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-18T02:55:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2021\/11\/1220_x_628_ogimage_creating_anchor_links.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"2400\" \/>\n\t<meta property=\"og:image:height\" content=\"1256\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Jos Velasco\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"How To Create Anchor Links\" \/>\n<meta name=\"twitter:description\" content=\"Learn to create anchor links easily with our straightforward guide. Enhance your content&#039;s navigability and boost its search ranking with three simple methods.\" \/>\n<meta name=\"twitter:creator\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:site\" content=\"@dreamhost\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jos Velasco\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"15 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How To Create Anchor Links In WordPress (3 Methods) - DreamHost","description":"Anchor links make content easy to navigate and can improve its search ranking. Learn how to create anchor links effortlessly with these three simple methods.","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:\/\/www-dev.dreamhost.com\/blog\/how-to-create-anchor-links-wordpress\/","og_locale":"en_US","og_type":"article","og_title":"How To Create Anchor Links","og_description":"Learn to create anchor links easily with our straightforward guide. Enhance your content's navigability and boost its search ranking with three simple methods.","og_url":"https:\/\/www-dev.dreamhost.com\/blog\/how-to-create-anchor-links-wordpress\/","og_site_name":"DreamHost Blog","article_publisher":"https:\/\/www.facebook.com\/DreamHost\/","article_published_time":"2024-06-19T08:00:00+00:00","article_modified_time":"2026-02-18T02:55:29+00:00","og_image":[{"width":2400,"height":1256,"url":"https:\/\/www.dreamhost.com\/blog\/wp-content\/uploads\/2021\/11\/1220_x_628_ogimage_creating_anchor_links.webp","type":"image\/webp"}],"author":"Jos Velasco","twitter_card":"summary_large_image","twitter_title":"How To Create Anchor Links","twitter_description":"Learn to create anchor links easily with our straightforward guide. Enhance your content's navigability and boost its search ranking with three simple methods.","twitter_creator":"@dreamhost","twitter_site":"@dreamhost","twitter_misc":{"Written by":"Jos Velasco","Est. reading time":"15 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www-dev.dreamhost.com\/blog\/how-to-create-anchor-links-wordpress\/#article","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/how-to-create-anchor-links-wordpress\/"},"author":{"name":"Jos Velasco","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/33a01bfa83e29abbe21403d23dd8ea1a"},"headline":"How To Create Anchor Links In WordPress (3 Methods)","datePublished":"2024-06-19T08:00:00+00:00","dateModified":"2026-02-18T02:55:29+00:00","mainEntityOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/how-to-create-anchor-links-wordpress\/"},"wordCount":2707,"publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/how-to-create-anchor-links-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2021\/11\/1460_x_1095_blog_hero_creating_anchor_links.webp","articleSection":["Tutorials","WordPress"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www-dev.dreamhost.com\/blog\/how-to-create-anchor-links-wordpress\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/how-to-create-anchor-links-wordpress\/","name":"How To Create Anchor Links In WordPress (3 Methods) - DreamHost","isPartOf":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/how-to-create-anchor-links-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/how-to-create-anchor-links-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2021\/11\/1460_x_1095_blog_hero_creating_anchor_links.webp","datePublished":"2024-06-19T08:00:00+00:00","dateModified":"2026-02-18T02:55:29+00:00","description":"Anchor links make content easy to navigate and can improve its search ranking. Learn how to create anchor links effortlessly with these three simple methods.","breadcrumb":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/how-to-create-anchor-links-wordpress\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www-dev.dreamhost.com\/blog\/how-to-create-anchor-links-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/how-to-create-anchor-links-wordpress\/#primaryimage","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2021\/11\/1460_x_1095_blog_hero_creating_anchor_links.webp","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2021\/11\/1460_x_1095_blog_hero_creating_anchor_links.webp","width":2190,"height":1643,"caption":"How To Create Anchor Links In WordPress (3 Methods)"},{"@type":"BreadcrumbList","@id":"https:\/\/www-dev.dreamhost.com\/blog\/how-to-create-anchor-links-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dhblog.dream.press\/blog\/"},{"@type":"ListItem","position":2,"name":"How To Create Anchor Links In WordPress (3 Methods)"}]},{"@type":"WebSite","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#website","url":"https:\/\/www-dev.dreamhost.com\/blog\/","name":"DreamHost Blog","description":"","publisher":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www-dev.dreamhost.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#organization","name":"DreamHost","url":"https:\/\/www-dev.dreamhost.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","contentUrl":"https:\/\/dhblog.dream.press\/blog\/wp-content\/uploads\/2019\/01\/dh_logo-blue-2.png","width":1200,"height":168,"caption":"DreamHost"},"image":{"@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/DreamHost\/","https:\/\/x.com\/dreamhost","https:\/\/www.instagram.com\/dreamhost\/","https:\/\/www.linkedin.com\/company\/dreamhost\/","https:\/\/www.youtube.com\/user\/dreamhostusa"]},{"@type":"Person","@id":"https:\/\/www-dev.dreamhost.com\/blog\/#\/schema\/person\/33a01bfa83e29abbe21403d23dd8ea1a","name":"Jos Velasco","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/jos-velasco-150x150.png","url":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/jos-velasco-150x150.png","contentUrl":"https:\/\/www-dev.dreamhost.com\/blog\/wp-content\/uploads\/2023\/08\/jos-velasco-150x150.png","caption":"Jos Velasco"},"description":"Jos Velasco is a WordPress Professional Consultant at DreamHost. His responsibilities include helping with advanced WordPress cases, creating training material, and identifying trends impacting the WordPress community. In his free time, he enjoys climbing mountains, eating healthy, and watching drama movies. Follow Jos on LinkedIn: https:\/\/www.linkedin.com\/in\/josvelasco\/","url":"https:\/\/www-dev.dreamhost.com\/blog\/author\/josvelasco\/"}]}},"lang":"en","translations":{"en":32251,"es":32275,"de":52956,"pt":57189,"pl":57192,"ru":57195,"uk":57201,"it":68184,"fr":69957,"nl":69996},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/32251","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/users\/1077"}],"replies":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/comments?post=32251"}],"version-history":[{"count":11,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/32251\/revisions"}],"predecessor-version":[{"id":79666,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/posts\/32251\/revisions\/79666"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media\/47391"}],"wp:attachment":[{"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/media?parent=32251"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/categories?post=32251"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www-dev.dreamhost.com\/blog\/wp-json\/wp\/v2\/tags?post=32251"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}