{"id":232617,"date":"2026-02-23T07:59:12","date_gmt":"2026-02-23T07:59:12","guid":{"rendered":"https:\/\/www.bluehost.com\/blog\/how-to-create-anchor-links-in-wordpress\/"},"modified":"2025-06-30T10:19:57","modified_gmt":"2025-06-30T10:19:57","slug":"how-to-create-anchor-links-in-wordpress","status":"publish","type":"post","link":"https:\/\/www.bluehost.com\/blog\/en-gb\/how-to-create-anchor-links-in-wordpress\/","title":{"rendered":"How to Add WordPress Anchor Links: Simple Guide for 2025"},"content":{"rendered":"\n<h3 class=\"wp-block-heading\" id=\"h-key-highlights\">Key highlights\u00a0<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Learn how to easily create WordPress anchor links using the block editor, Classic Editor or manual HTML anchor tags.\u00a0<\/li>\n\n\n\n<li>Understand how anchor links improve website navigation, boost user experience and help search engines understand your page\u2019s structure.\u00a0<\/li>\n\n\n\n<li>Explore the best ways to add anchor links in long-form content, landing pages and one-page websites for better engagement.\u00a0<\/li>\n\n\n\n<li>Discover plugins that automatically add anchor links and generate a clickable table of contents from your heading tags.\u00a0<\/li>\n\n\n\n<li>Know how to avoid broken links, clutter and poor responsiveness when using jump links on your WordPress site.\u00a0<\/li>\n<\/ul>\n\n\n\n<p>As a business owner, you\u2019re always looking for ways to improve user satisfaction on your WordPress website. The next metric in your sights is your bounce rate.&nbsp;<\/p>\n\n\n\n<p>A high bounce rate might not be a reason to panic. The <a href=\"https:\/\/www.siegemedia.com\/strategy\/bounce-rate\" target=\"_blank\" rel=\"noreferrer noopener\">average bounce rate is <\/a>approximately 50.9%, varying by industry. For eCommerce websites, 54.54%.\u00a0<\/p>\n\n\n\n<p>For instance, maybe your website is so well-designed that users quickly get the information they need and leave. This still counts as a bounce.&nbsp;<\/p>\n\n\n\n<p>But too many bounces could also indicate a poorly laid-out website, so it\u2019s a good idea to improve this metric as much as possible.&nbsp;<\/p>\n\n\n\n<p>Enhancing <a href=\"https:\/\/www.bluehost.com\/blog\/user-experience-meaning-importance-and-tips-to-improve\/\">user experience<\/a> (UX) is a reliable&#8221; way to reduce your bounce rate and adding WordPress anchor links is one surprisingly impactful way to achieve this.\u00a0<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-what-is-a-hyperlink\">What is a hyperlink?<\/h2>\n\n\n\n<p>Before we discuss anchor links further, let&#8217;s examine what a hyperlink is.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Hyperlink-Anatomy.png\" alt=\"Hyperlinks are made up of a few key components.\" class=\"wp-image-49952\" srcset=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Hyperlink-Anatomy.png 1920w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Hyperlink-Anatomy-300x169.png 300w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Hyperlink-Anatomy-1024x576.png 1024w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Hyperlink-Anatomy-768x432.png 768w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Hyperlink-Anatomy-1536x864.png 1536w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Hyperlink-Anatomy-24x14.png 24w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Hyperlink-Anatomy-36x20.png 36w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Hyperlink-Anatomy-48x27.png 48w\" sizes=\"auto, 100vw\" \/><\/figure>\n\n\n\n<p>You probably already know about these links: coloured or underlined text that, when clicked, takes you to another web page. These are differentiated by <a href=\"https:\/\/www.bluehost.com\/blog\/the-importance-of-internal-links-for-your-wordpress-website\/\">internal links<\/a>, which link to the same website and external links, which link to a separate website.\u00a0<\/p>\n\n\n\n<p>The anatomy of a hyperlink includes the visible text, known as the anchor text and the <a href=\"https:\/\/www.bluehost.com\/blog\/what-is-a-url-best-practices-seo\/\">Uniform Resource Locator<\/a> (URL) it links to. For example, in the phrase \u201c<a href=\"https:\/\/www.bluehost.com\/en-gb\/\">visit Bluehost<\/a> for fast <a href=\"https:\/\/www.bluehost.com\/en-gb\/hosting\/shared\">web hosting<\/a>,\u201d the underlined phrase \u201cvisit Bluehost\u201d is the anchor text.\u00a0<\/p>\n\n\n\n<p>In HyperText Markup Language (HTML), that hyperlink would look like this:&nbsp;<\/p>\n\n\n\n<p><strong>&lt;a href=\u201dhttps:\/\/www.bluehost.com\/en-gb\/\u201d>visit Bluehost&lt;\/a><\/strong>\u00a0<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-what-is-an-anchor-link\">What is an anchor link?<\/h2>\n\n\n\n<p>Anchor links, also known as page jumps or jump links, enable users to quickly navigate a page. Unlike internal and external links, anchor links keep you on the same page while moving you to a specific section.&nbsp;<\/p>\n\n\n\n<p>The anatomy of an anchor link is very similar to that of a typical hyperlink. While we\u2019ll go in-depth into how to create an anchor link manually later, here is an example of anchor links in action from our article about <a href=\"https:\/\/www.bluehost.com\/blog\/website-structuring\/\">how to structure a website<\/a>:\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"936\" height=\"518\" src=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Sample-Anchor-Link.png\" alt=\"An example of an anchor link in action.\" class=\"wp-image-49954\" srcset=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Sample-Anchor-Link.png 936w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Sample-Anchor-Link-300x166.png 300w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Sample-Anchor-Link-768x425.png 768w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Sample-Anchor-Link-24x13.png 24w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Sample-Anchor-Link-36x20.png 36w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Sample-Anchor-Link-48x27.png 48w\" sizes=\"auto, 100vw\" \/><\/figure>\n\n\n\n<p>Once you click a link in the table of contents, you\u2019ll jump right to that section on the page and see the URL in the address bar change. In this example, clicking on the \u201cWhat <a href=\"https:\/\/www.bluehost.com\/blog\/step-by-step-seo-website-structure\/\">Website Structure<\/a> Is\u201d anchor link changes the URL from \u201chttps:\/\/www.bluehost.com\/blog\/website-structuring\u201d to \u201chttps:\/\/www.bluehost.com\/blog\/website-structuring\/#What-Website-Structure-Is.\u201d\u00a0<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-why-you-should-use-wordpress-anchor-links\">Why you should use WordPress anchor links\u00a0<\/h2>\n\n\n\n<p>Including anchor links in your articles and pages is a small change, but it can have a significant impact. Here are just a few of the benefits:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Improved UX: <\/strong>Anchor links streamline website navigation menus and organisation, enabling users to find whatever they\u2019re looking for quickly. <a href=\"https:\/\/www.bluehost.com\/blog\/8-ways-to-improve-user-experience-on-your-website\/\">Good UX<\/a> satisfies visitors and increases the chance they\u2019ll stay on your website.\u00a0<\/li>\n\n\n\n<li><strong>Increased engagement: <\/strong>Frustrated users who struggle to navigate your website tend to bounce. Even if it takes one second too long to find what they\u2019re looking for, they may leave. Anchor links allow them to quickly and easily find what they want without having to scroll a huge page and they\u2019ll stay longer on your website as they read and browse.\u00a0<\/li>\n\n\n\n<li><strong>Better search engine optimisation (SEO): <\/strong>Anchor links are vital in organising your page in a way that search engine indexers can understand. <a href=\"https:\/\/developers.google.com\/search\/blog\/2008\/10\/importance-of-link-architecture\" target=\"_blank\" rel=\"noreferrer noopener\">Descriptive anchor text<\/a> can enhance SEO by informing Google about the content of your page. Additionally, your anchor links may appear at the bottom of your Google Search results, providing you with more opportunities to generate clicks.\u00a0<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"634\" height=\"169\" src=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Anchor-Links-in-Google-SERPs.png\" alt=\"Anchor links can sometimes appear beneath a regular result in Google search engine results pages (SERPs).\" class=\"wp-image-49947\" srcset=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Anchor-Links-in-Google-SERPs.png 634w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Anchor-Links-in-Google-SERPs-300x80.png 300w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Anchor-Links-in-Google-SERPs-24x6.png 24w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Anchor-Links-in-Google-SERPs-36x10.png 36w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Anchor-Links-in-Google-SERPs-48x13.png 48w\" sizes=\"auto, 100vw\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Accessibility and responsiveness:<\/strong> Navigational aids can greatly help those who need them. People who use screen readers and other assistive devices will find your website more accessible when you use anchor links. They even help visitors on smaller mobile screens navigate a long page with ease.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-pullquote\"><blockquote><p>In short, anchor links increase engagement and user satisfaction, potentially leading to more time spent browsing your website and a lowered bounce rate.<\/p><\/blockquote><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-when-you-should-use-anchor-links\">When you should use anchor links\u00a0<\/h2>\n\n\n\n<p>Need help determining where to place anchor links on your website? Here are a few ideas:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Table of contents (ToC):<\/strong> On long pages broken up with various headings, such as articles, it\u2019s a good idea to have a ToC that can jump right to any section.\u00a0<\/li>\n\n\n\n<li><strong>Lists and indexes:<\/strong> When you have a document with multiple individual sections, such as an index or an FAQ page, you may want to include anchor links that point to each entry or group of entries.\u00a0<\/li>\n\n\n\n<li><strong>Back to top\/bottom:<\/strong> A quick link that jumps users to the top or bottom of the page is often appreciated, especially if you don\u2019t have a menu or a <a href=\"https:\/\/www.nngroup.com\/articles\/sticky-headers\/\" target=\"_blank\" rel=\"noreferrer noopener\">sticky header<\/a>, which stays in place as they scroll.\u00a0<\/li>\n\n\n\n<li><strong>Jump to <\/strong><a href=\"https:\/\/www.bluehost.com\/blog\/secret-effective-call-action-buttons\/\"><strong>call to action<\/strong><\/a><strong> (CTA):<\/strong> Direct users to essential CTAs. For example, let users jump right to your contact form.\u00a0<\/li>\n\n\n\n<li><strong>Landing pages:<\/strong> Simplify navigation on <a href=\"https:\/\/www.bluehost.com\/blog\/landing-pages-what-are-they-and-why-you-need-them\/\">landing pages<\/a> or one-page websites with anchor links.\u00a0<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-challenges-of-using-anchor-links\">Challenges of using anchor links<\/h3>\n\n\n\n<p>While anchor links are handy, you must implement them properly or risk impacting UX, SEO and accessibility. Look out for these potential issues:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Damaged SEO: <\/strong>Links are essential to SEO and anchor links are no exception. However, links have to be used in a certain way to help your search engine ranking. Poorly organised jump links, poorly written or blank anchor text or uncrawlable HTML code could <a href=\"https:\/\/developers.google.com\/search\/docs\/crawling-indexing\/links-crawlable\" target=\"_blank\" rel=\"noreferrer noopener\">hurt your SEO<\/a>.\u00a0<\/li>\n\n\n\n<li><strong>URL clutter:<\/strong> Poorly set up and organised anchor links can clutter the URL. Clean URLs are much more user-friendly.\u00a0<\/li>\n\n\n\n<li><strong>Accessibility issues:<\/strong> While jump links can help with accessibility, they can be a hindrance if not implemented in line with the <a href=\"https:\/\/www.w3.org\/WAI\/standards-guidelines\/wcag\/\" target=\"_blank\" rel=\"noreferrer noopener\">Web Content Accessibility Guidelines <\/a>(WCAG). For example, you may want to add a <a href=\"https:\/\/webaim.org\/techniques\/skipnav\/\" target=\"_blank\" rel=\"noreferrer noopener\">\u201cskip navigation\u201d link<\/a> that allows users with screen readers to jump right to the main page content.\u00a0<\/li>\n\n\n\n<li><strong>Poor responsiveness:<\/strong> Jump links may function differently on different devices. If you don\u2019t make sure these links work on multiple devices, some users may have a bad experience.\u00a0<\/li>\n\n\n\n<li><strong>Broken links: <\/strong>Updating jump links when adding or removing sections to your content is important to avoid broken links and bad UX.\u00a0<\/li>\n\n\n\n<li><strong>Technical issues: <\/strong>Jump links can introduce problems like conflicting scrolling behaviour, leading to visual glitches or page elements like sticky headers covering part of the content.\u00a0<\/li>\n\n\n\n<li><strong>Anchor link overuse:<\/strong> While anchor links can be helpful, using them on short pages that don\u2019t need them or adding too many on one page can become overwhelming.\u00a0<\/li>\n<\/ul>\n\n\n\n<p>Luckily, many of these issues have easy fixes. Keep them in mind as you add anchor links to your website.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-how-to-create-anchor-links-in-wordpress\">How to create anchor links in WordPress<\/h2>\n\n\n\n<p>There are several ways to add anchor links in WordPress, from creating them manually with HTML to simply using the built-in editors. Here are several tutorials to walk you through it.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-1-create-anchor-links-in-the-gutenberg-block-editor\">1. Create anchor links in the Gutenberg Block Editor\u00a0<\/h3>\n\n\n\n<p>First, let\u2019s create an anchor link using the Gutenberg Block Editor, step by step.&nbsp;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Step 1: Add the block you want to jump to<\/h4>\n\n\n\n<p>This can be a heading, paragraph block, image or anything.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1490\" height=\"751\" src=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Wordpress-Anchor-ID-Attributes.png\" alt=\"You can use the Block Editor to add anchor ID attributes in WordPress.\" class=\"wp-image-49956\" srcset=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Wordpress-Anchor-ID-Attributes.png 1490w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Wordpress-Anchor-ID-Attributes-300x151.png 300w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Wordpress-Anchor-ID-Attributes-1024x516.png 1024w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Wordpress-Anchor-ID-Attributes-768x387.png 768w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Wordpress-Anchor-ID-Attributes-24x12.png 24w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Wordpress-Anchor-ID-Attributes-36x18.png 36w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Wordpress-Anchor-ID-Attributes-48x24.png 48w\" sizes=\"auto, 100vw\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-step-2-open-the-settings-tab-and-click-the-advanced-dropdown\">Step 2: Open the Settings tab and click the Advanced dropdown\u00a0<\/h4>\n\n\n\n<p>You can find the <strong>Settings<\/strong> tab in the top-right corner and the <strong>Advanced<\/strong> dropdown in the open panel.&nbsp;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-step-3-find-the-html-anchor-input-box\">Step 3: Find the HTML Anchor input box\u00a0<\/h4>\n\n\n\n<p>You\u2019ll find this in the Advanced tab. If it\u2019s not visible. try a different block type, like a heading.&nbsp;<\/p>\n\n\n\n<p>Type in a name in the HTML anchor box, making sure it\u2019s unique from any other anchor on the page. You can also use some symbols, like hyphens and periods. Remember that this will appear in the URL when the anchor link is clicked.&nbsp;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-step-4-link-to-your-anchor\">Step 4: Link to your anchor\u00a0<\/h4>\n\n\n\n<p>To do this, add the text, image or button that will become your clickable jump link.&nbsp;<\/p>\n\n\n\n<p>Highlight it, select the link button and type in the HTML anchor you set before, with a hashtag in front. If your anchor tag was \u201cexample,\u201d type in \u201c#example.\u201d&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1209\" height=\"697\" src=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Block-Editor-Anchor-Links.png\" alt=\"You can create anchor links in WordPress using the Block Editor.\" class=\"wp-image-49948\" srcset=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Block-Editor-Anchor-Links.png 1209w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Block-Editor-Anchor-Links-300x173.png 300w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Block-Editor-Anchor-Links-1024x590.png 1024w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Block-Editor-Anchor-Links-768x443.png 768w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Block-Editor-Anchor-Links-24x14.png 24w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Block-Editor-Anchor-Links-36x21.png 36w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Block-Editor-Anchor-Links-48x28.png 48w\" sizes=\"auto, 100vw\" \/><\/figure>\n\n\n\n<p>Test it out in a preview mode and you should jump instantly to the anchor point you set. This is the easiest method if you\u2019re learning how to add an anchor link in WordPress using the block editor.\u00a0<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-2-add-anchor-links-in-the-classic-editor\">2. Add anchor links in the Classic Editor\u00a0<\/h3>\n\n\n\n<p>This section shows you how to create a jump link in WordPress using the Classic Editor by editing the HTML directly. If you prefer the Classic Editor, creating anchor links in WordPress is also possible. The process is a little more involved but still relatively simple.&nbsp;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-step-1-switch-to-the-text-editor\">Step 1: Switch to the Text editor\u00a0<\/h4>\n\n\n\n<p>In the top-right corner of the editing area, you\u2019ll see two tabs, <strong>Visual<\/strong> and <strong>Text<\/strong>. Click <strong>Text<\/strong> to switch over.&nbsp;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-step-2-add-the-anchor-id\">Step 2: Add the anchor ID\u00a0<\/h4>\n\n\n\n<p>Find the element you wish to jump to. In this example, we\u2019re using a heading that looks like this:&nbsp;<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><strong>&lt;h2&gt;Anchor Link 2&lt;\/h2&gt; <\/strong><\/code><\/pre>\n\n\n\n<p>Add an \u201cid\u201d tag with the desired name for the anchor. Here\u2019s how it should look:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><strong>&lt;h2 id=\"anchor-link-two\"&gt;Anchor Link 2&lt;\/h2&gt; <\/strong><\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1336\" height=\"567\" src=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Classic-Editor-Anchor-ID-Tag.png\" alt=\"You\u2019ll need to add the anchor ID tag via HTML in the Classic Editor.\" class=\"wp-image-49949\" srcset=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Classic-Editor-Anchor-ID-Tag.png 1336w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Classic-Editor-Anchor-ID-Tag-300x127.png 300w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Classic-Editor-Anchor-ID-Tag-1024x435.png 1024w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Classic-Editor-Anchor-ID-Tag-768x326.png 768w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Classic-Editor-Anchor-ID-Tag-24x10.png 24w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Classic-Editor-Anchor-ID-Tag-36x15.png 36w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Classic-Editor-Anchor-ID-Tag-48x20.png 48w\" sizes=\"auto, 100vw\" \/><\/figure>\n\n\n\n<p>You can use this ID tag similarly in most HTML attributes. Here\u2019s how it would look in a typical paragraph.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><strong>&lt;p id=\"anchor-link-two\"&gt;Anchor Link 2&lt;\/p&gt; <\/strong><\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-step-3-link-to-your-anchor\">Step 3: Link to your anchor<\/h4>\n\n\n\n<p>Switch back to the <strong>Visual<\/strong> editor and add the element users will click on to jump to the desired section.&nbsp;<\/p>\n\n\n\n<p>Highlight it, select the link button and then type in the anchor ID you set before, plus a hashtag. In this example, we type in \u201c#anchor-link-two.\u201d<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1325\" height=\"582\" src=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Add-Anchor-Tag-Classic-Editor.png\" alt=\"Adding an anchor link in the Classic Editor is the same as adding a regular link.\" class=\"wp-image-49945\" srcset=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Add-Anchor-Tag-Classic-Editor.png 1325w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Add-Anchor-Tag-Classic-Editor-300x132.png 300w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Add-Anchor-Tag-Classic-Editor-1024x450.png 1024w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Add-Anchor-Tag-Classic-Editor-768x337.png 768w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Add-Anchor-Tag-Classic-Editor-24x11.png 24w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Add-Anchor-Tag-Classic-Editor-36x16.png 36w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Add-Anchor-Tag-Classic-Editor-48x21.png 48w\" sizes=\"auto, 100vw\" \/><\/figure>\n\n\n\n<p>Like with the Gutenberg editor, use the preview screen to test it out and ensure it\u2019s working.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-3-create-anchor-links-manually-with-html\">3. Create anchor links manually with HTML\u00a0<\/h3>\n\n\n\n<p>Similarly to the above example, you can use HTML to create an anchor link directly. Here\u2019s how you do it.&nbsp;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-step-1-create-an-anchor-tag\">Step 1: Create an anchor tag\u00a0<\/h4>\n\n\n\n<p>First, name the anchor. You can do this with the HTML \u201cid\u201d tag, which can be placed almost anywhere. Here are a few examples:&nbsp;<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><strong>\u2022 &lt;a id=\"anchor-example\"&gt;&lt;\/a&gt;\n\u2022 &lt;h1 id=\"anchor-example\"&gt;Heading example&lt;\/h1&gt;\n\u2022 &lt;p id=\"anchor-example\"&gt;Example text.&lt;\/p&gt;\n\u2022 &lt;span id=\"anchor-example\"&gt;&lt;\/span&gt;<\/strong><\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-step-2-link-to-the-anchor-tag\">Step 2: Link to the anchor tag<\/h4>\n\n\n\n<p>Create a link that will jump to the anchor you specified when clicked. Make sure to use a hashtag symbol in front of the ID. An example:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><strong>&lt;a href=\"#anchor-example\"&gt;Example link.&lt;\/a&gt; <\/strong><\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-step-2-link-to-the-anchor-tag-0\">Step 2: Link to the anchor tag<\/h4>\n\n\n\n<p>Create a link that will jump to the anchor you specified when clicked. Make sure to use a hashtag symbol in front of the ID. An example:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code><strong>&lt;a href=\"#anchor-example\"&gt;Example link.&lt;\/a&gt;<\/strong><\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-step-3-insert-the-html-code\">Step 3. Insert the HTML code<\/h4>\n\n\n\n<p>You can edit HTML in multiple areas of your WordPress site. Some plugins offer even more flexibility. We already covered how to get to HTML in the Classic Editor. There are a few more ways.&nbsp;<\/p>\n\n\n\n<p>You can edit HTML in the Block Editor by adding a block, selecting it, clicking the three vertical dots and selecting <strong>Edit as HTML.<\/strong>&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1209\" height=\"705\" src=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Anchor-ID-HTML-Edit.png\" alt=\"You can edit HTML within the Block Editor to add anchor IDs.\" class=\"wp-image-49946\" srcset=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Anchor-ID-HTML-Edit.png 1209w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Anchor-ID-HTML-Edit-300x175.png 300w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Anchor-ID-HTML-Edit-1024x597.png 1024w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Anchor-ID-HTML-Edit-768x448.png 768w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Anchor-ID-HTML-Edit-24x14.png 24w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Anchor-ID-HTML-Edit-36x21.png 36w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Anchor-ID-HTML-Edit-48x28.png 48w\" sizes=\"auto, 100vw\" \/><\/figure>\n\n\n\n<p>You can also open the Code Editor by clicking the three vertical dots in the top-right corner of the screen and choosing the editor from the dropdown menu.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1511\" height=\"883\" src=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Access-Code-Editor.png\" alt=\"You can access the Code Editor within the Block Editor, too.\" class=\"wp-image-49944\" srcset=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Access-Code-Editor.png 1511w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Access-Code-Editor-300x175.png 300w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Access-Code-Editor-1024x598.png 1024w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Access-Code-Editor-768x449.png 768w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Access-Code-Editor-24x14.png 24w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Access-Code-Editor-36x21.png 36w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Access-Code-Editor-48x28.png 48w\" sizes=\"auto, 100vw\" \/><\/figure>\n\n\n\n<p>Finally, you can edit theme HTML by navigating to <strong>Tools<\/strong> > <strong>Theme file editor<\/strong>, though it\u2019s not recommended you edit this directly. Instead, you can set up a <a href=\"https:\/\/www.bluehost.com\/blog\/working-with-child-themes-in-wordpress-bluehost\/\">child theme<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-4-add-anchor-links-to-a-wordpress-menu-item\">4. Add anchor links to a WordPress menu item\u00a0<\/h3>\n\n\n\n<p>It\u2019s also possible to add anchor links to a WordPress menu. These will work just like any other jump link. The use of this is somewhat limited, but you may find it helpful on one-page websites.&nbsp;<\/p>\n\n\n\n<p>Combining this with the <a href=\"https:\/\/wordpress.org\/plugins\/conditional-menus\/\" target=\"_blank\" rel=\"noreferrer noopener\">Conditional Menus<\/a> plugin allows you to create menus with anchor links on specific pages, like your homepage or landing pages. Here\u2019s how to set it up:\u00a0<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-step-1-create-an-anchor-id\">Step 1. Create an anchor ID\u00a0<\/h4>\n\n\n\n<p>Refer to the instructions above for guidance on creating an anchor link manually. Find the heading, text or image you wish to jump to and add the anchor ID attribute using HTML.&nbsp;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-step-2-add-an-anchor-link-to-the-menu\">Step 2. Add an anchor link to the menu\u00a0<\/h4>\n\n\n\n<p>In the WordPress dashboard, navigate to <strong>Appearance<\/strong> &gt; <strong>Menus<\/strong>. Create a menu, then click the <strong>Custom links<\/strong> dropdown. Insert the anchor ID you created, preceded by a hashtag and then click &#8216;Add to menu&#8217;<strong>.<\/strong>&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1332\" height=\"626\" src=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Menu-Items-Anchor-Links.png\" alt=\"Even menu items can become anchor links.\" class=\"wp-image-49953\" srcset=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Menu-Items-Anchor-Links.png 1332w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Menu-Items-Anchor-Links-300x141.png 300w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Menu-Items-Anchor-Links-1024x481.png 1024w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Menu-Items-Anchor-Links-768x361.png 768w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Menu-Items-Anchor-Links-24x11.png 24w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Menu-Items-Anchor-Links-36x17.png 36w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Menu-Items-Anchor-Links-48x23.png 48w\" sizes=\"auto, 100vw\" \/><\/figure>\n\n\n\n<p>Remember, this won\u2019t work properly on pages without the anchor ID, so creating a global menu like this on a multipage website is not a good idea.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"h-step-3-set-up-conditions\">Step 3. Set up conditions<\/h4>\n\n\n\n<p>Once you\u2019ve created your menu, click the <strong>Manage locations <\/strong>tab. Under one of the provided menu locations, click <strong>+ Conditional menu<\/strong>, then <strong>+ Conditions<\/strong>. You can set the conditions so the menu only appears on certain pages.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"825\" height=\"442\" src=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Setting-Menu-Conditions.png\" alt=\"Setting the conditions for your menu means it\u2019ll only show up on certain pages.\" class=\"wp-image-49955\" srcset=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Setting-Menu-Conditions.png 825w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Setting-Menu-Conditions-300x161.png 300w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Setting-Menu-Conditions-768x411.png 768w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Setting-Menu-Conditions-24x13.png 24w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Setting-Menu-Conditions-36x19.png 36w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Setting-Menu-Conditions-48x26.png 48w\" sizes=\"auto, 100vw\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-5-use-a-wordpress-plugin-to-add-anchor-links\">5. Use a WordPress plugin to add anchor links\u00a0<\/h3>\n\n\n\n<p>Lastly, you can <a href=\"https:\/\/www.bluehost.com\/blog\/guide-to-plugin-installation-uninstallation-activation-and-deactivation\/\">install a plugin<\/a> if all the methods above are too time-consuming.\u00a0<\/p>\n\n\n\n<p>Plenty of plugins can help you create anchor links, including return-to-top links, but let\u2019s explore one widely used option : <a href=\"https:\/\/wordpress.org\/plugins\/easy-table-of-contents\/\" target=\"_blank\" rel=\"noreferrer noopener\">Easy Table of Contents<\/a>.\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"947\" height=\"427\" src=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Easy-Table-of-Contents-Plugin.png\" alt=\"The Easy Table of Contents plugin simplifies the process of adding anchor links.\" class=\"wp-image-49951\" srcset=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Easy-Table-of-Contents-Plugin.png 947w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Easy-Table-of-Contents-Plugin-300x135.png 300w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Easy-Table-of-Contents-Plugin-768x346.png 768w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Easy-Table-of-Contents-Plugin-24x11.png 24w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Easy-Table-of-Contents-Plugin-36x16.png 36w, https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Easy-Table-of-Contents-Plugin-48x22.png 48w\" sizes=\"auto, 100vw\" \/><\/figure>\n\n\n\n<p>This plugin works with Gutenberg, the Classic Editor and even page builders. You can manually insert a Table of Contents (ToC) or set it up to insert it automatically in every blog post and web page.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-anchor-link-best-practices\">Anchor link best practices\u00a0<\/h2>\n\n\n\n<p>Now that you know how to create anchor links in WordPress, let\u2019s follow the tips mentioned below to implement them well.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-1-place-anchor-links-strategically\">1. Place anchor links strategically\u00a0<\/h3>\n\n\n\n<p>When implementing anchor links, place them on the correct pages. Whether it\u2019s a Table of Contents or a way to skim FAQs quickly, prioritise UX first and foremost.&nbsp;<\/p>\n\n\n\n<p><strong><em>When implementing anchor links, place them on the correct pages. Whether it\u2019s a ToC or a way to quickly skim FAQs, prioritise UX first and foremost.<\/em><\/strong>&nbsp;<\/p>\n\n\n\n<p>Also, consider UX across devices and where anchor links might benefit mobile users. Something that fits nicely on a computer monitor may feel much more overwhelming on a phone.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-2-use-the-correct-anchor-text\">2. Use the correct anchor text\u00a0<\/h3>\n\n\n\n<p>Anchor text is as important here as for any internal or external link. <a href=\"https:\/\/developers.google.com\/search\/docs\/crawling-indexing\/links-crawlable\" target=\"_blank\" rel=\"noreferrer noopener\">Good anchor text will improve SEO<\/a> by helping search engines categorise your page\u2019s structure and keeping things intuitive for visitors.\u00a0<\/p>\n\n\n\n<p>Use clear and direct wording so users know exactly where a jump link will take them. For example, if you\u2019re using a ToC, use identical wording to the headings each link jumps to. Avoid generic wording like \u201cclick here\u201d.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-3-avoid-clutter\">3. Avoid clutter\u00a0<\/h3>\n\n\n\n<p>Maintain a structured layout by using anchor links to organise your content. Resist the urge to overuse anchor links on pages that don\u2019t need them or use too many anchor links on one page. A single table of contents (ToC) and a back-to-top link are usually sufficient.&nbsp;<\/p>\n\n\n\n<p>Additionally, ensure that your anchor links don\u2019t open in a new tab, as this can be counterproductive.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-4-test-your-anchor-links\">4. Test your anchor links\u00a0<\/h3>\n\n\n\n<p>Regularly test your anchor links, especially after updating content or altering headings. Try the anchor links on multiple devices and browsers, including screen readers.&nbsp;<\/p>\n\n\n\n<p>Consider overall UX here. Does the screen feel cramped or cluttered after scrolling? Do you need more whitespace? Is text hidden under your sticky top header?&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-5-style-your-anchor-links\">5. Style your anchor links\u00a0<\/h3>\n\n\n\n<p>Distinguish anchor links from internal or external links by labelling or styling them. Consider using \u201csticky\u201d anchor links that stay visible while scrolling or accordions that hide your ToC under a clickable element.&nbsp;<\/p>\n\n\n\n<p>Overall, make it clear that these jump links help the user navigate the page.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-final-thoughts\">Final thoughts<\/h2>\n\n\n\n<p>Enhancing UX is always worthwhile, it encourages visitors to stay longer and explore more. Happy users stay longer, browse more pages and are ultimately more likely to become loyal customers.&nbsp;<\/p>\n\n\n\n<p>Anchor links, though a minor feature, can have a significant impact. This is just one small but effective way to enhance the user experience (UX) of your WordPress website.&nbsp;<\/p>\n\n\n\n<p>Another way to boost the UX is to use a faster hosting provider. This way,slow-loading pages don\u2019t cause your visitors to leave your site prematurely.&nbsp;&nbsp;<\/p>\n\n\n\n<p>Bluehost offers <a href=\"https:\/\/www.bluehost.com\/en-gb\/wordpress\/wordpress-hosting\">affordable WordPress hosting<\/a> that includes a Cloudflare <a href=\"https:\/\/www.bluehost.com\/blog\/what-is-a-cdn-benefits-alternatives\/\">content delivery network<\/a> (CDN) for top performance and speeds. We also provide a quick and easy setup plus 24\/7 support, so you always have access to help when you need it.\u00a0<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-faqs\">FAQs\u00a0<\/h2>\n\n\n\n<div class=\"schema-faq wp-block-yoast-faq-block\"><div class=\"schema-faq-section\" id=\"faq-question-1751277943707\"><strong class=\"schema-faq-question\"><strong>How do I create anchor links in WordPress using the block editor?<\/strong>\u00a0<\/strong> <p class=\"schema-faq-answer\">To create WordPress anchor links, open your page in the Gutenberg block editor and click on the block you want to link to. In the block settings, expand the Advanced tab and enter a unique HTML anchor (or ID attribute). Then highlight your link text and add the jump link with a hashtag (e.g. #section-name). This allows users to navigate to that exact part of the same page.<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1751277995914\"><strong class=\"schema-faq-question\"><strong>Can I manually add anchor links using HTML?<\/strong>\u00a0<\/strong> <p class=\"schema-faq-answer\">Yes, you can manually create anchor links by inserting an id attribute in your heading or paragraph tags (e.g. &lt;h2 id=&#8221;faq&#8221;>FAQ&lt;\/h2>). Then, use a standard &lt;a href=&#8221;#faq&#8221;> link to jump to that section. This HTML method works in the WordPress Classic, Visual, or Text Editor and gives you full control over link structure on any site.\u00a0<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1751278042890\"><strong class=\"schema-faq-question\"><strong>Are anchor links useful for SEO and user experience?<\/strong><\/strong> <p class=\"schema-faq-answer\">Absolutely. Anchor links improve user-friendly navigation on long pages and landing pages by helping site visitors find your content faster. For SEO, they help search engines understand your page\u2019s structure and may even display as quick links in search engine results pages (SERPs). Properly labelled anchor text and well-placed internal links are essential for search engines and accessibility.\u00a0<\/p> <\/div> <div class=\"schema-faq-section\" id=\"faq-question-1751278091395\"><strong class=\"schema-faq-question\"><strong>What are the best ways to automatically add anchor links to a WordPress page?<\/strong>\u00a0<\/strong> <p class=\"schema-faq-answer\">You can automatically add anchor links by using a plugin like Easy Table of Contents. This plugin scans your post for heading tags and creates a clickable table of contents using anchor IDs. It works across the WordPress editor, including Classic Editor and block editor, making it easy to implement on one-page sites, blog posts or any long-form content.<\/p> <\/div> <\/div>\n","protected":false},"excerpt":{"rendered":"<p>Discover how to add WordPress anchor links with HTML or plugins to improve UX, site navigation and search engine results. <\/p>\n","protected":false},"author":138,"featured_media":81997,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[866,747],"tags":[3469,3482,3485,3492,3495],"ppma_author":[842],"class_list":["post-232617","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-seo","category-wordpress","tag-cms","tag-how-to-guides","tag-navigation","tag-tips-tricks","tag-tutorials"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.7 (Yoast SEO v27.7) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>How to Add WordPress Anchor Links (Jump Links) in 2025<\/title>\n<meta name=\"description\" content=\"Learn how to add WordPress anchor links with block editor, HTML, menus or plugins. Improve UX, SEO &amp; site structure easily.\" \/>\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.bluehost.com\/blog\/en-gb\/wp-json\/wp\/v2\/posts\/232617\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Add WordPress Anchor Links: Simple Guide for 2025\" \/>\n<meta property=\"og:description\" content=\"Learn how to add WordPress anchor links with block editor, HTML, menus or plugins. Improve UX, SEO &amp; site structure easily.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.bluehost.com\/blog\/en-gb\/how-to-create-anchor-links-in-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Bluehost Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/bluehost\/\" \/>\n<meta property=\"article:published_time\" content=\"2026-02-23T07:59:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Creating-Anchor-Links-in-Wordpress.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Mohit Sharma\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@bluehost\" \/>\n<meta name=\"twitter:site\" content=\"@bluehost\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Mohit Sharma\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"16 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/en-gb\\\/how-to-create-anchor-links-in-wordpress\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/en-gb\\\/how-to-create-anchor-links-in-wordpress\\\/\"},\"author\":{\"name\":\"Mohit Sharma\",\"@id\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/en-gb\\\/#\\\/schema\\\/person\\\/963ada146537ec6b6cc4d4f02e6c40c8\"},\"headline\":\"How to Add WordPress Anchor Links: Simple Guide for 2025\",\"datePublished\":\"2026-02-23T07:59:12+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/en-gb\\\/how-to-create-anchor-links-in-wordpress\\\/\"},\"wordCount\":3058,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/en-gb\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/en-gb\\\/how-to-create-anchor-links-in-wordpress\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/02\\\/Creating-Anchor-Links-in-Wordpress.png\",\"keywords\":[\"CMS\",\"How-To Guides\",\"Navigation\",\"Tips &amp; Tricks\",\"Tutorials\"],\"articleSection\":[\"SEO\",\"WordPress\"],\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/en-gb\\\/how-to-create-anchor-links-in-wordpress\\\/#respond\"]}]},{\"@type\":[\"WebPage\",\"FAQPage\"],\"@id\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/en-gb\\\/how-to-create-anchor-links-in-wordpress\\\/\",\"url\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/en-gb\\\/how-to-create-anchor-links-in-wordpress\\\/\",\"name\":\"How to Add WordPress Anchor Links (Jump Links) in 2025\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/en-gb\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/en-gb\\\/how-to-create-anchor-links-in-wordpress\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/en-gb\\\/how-to-create-anchor-links-in-wordpress\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/02\\\/Creating-Anchor-Links-in-Wordpress.png\",\"datePublished\":\"2026-02-23T07:59:12+00:00\",\"description\":\"Learn how to add WordPress anchor links with block editor, HTML, menus or plugins. Improve UX, SEO & site structure easily.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/en-gb\\\/how-to-create-anchor-links-in-wordpress\\\/#breadcrumb\"},\"mainEntity\":[{\"@id\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/en-gb\\\/how-to-create-anchor-links-in-wordpress\\\/#faq-question-1751277943707\"},{\"@id\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/en-gb\\\/how-to-create-anchor-links-in-wordpress\\\/#faq-question-1751277995914\"},{\"@id\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/en-gb\\\/how-to-create-anchor-links-in-wordpress\\\/#faq-question-1751278042890\"},{\"@id\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/en-gb\\\/how-to-create-anchor-links-in-wordpress\\\/#faq-question-1751278091395\"}],\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/en-gb\\\/how-to-create-anchor-links-in-wordpress\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/en-gb\\\/how-to-create-anchor-links-in-wordpress\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/02\\\/Creating-Anchor-Links-in-Wordpress.png\",\"contentUrl\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/02\\\/Creating-Anchor-Links-in-Wordpress.png\",\"width\":1920,\"height\":1080},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/en-gb\\\/how-to-create-anchor-links-in-wordpress\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\\\/\\\/www.bluehost.com\\\/en-gb\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress\",\"item\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/en-gb\\\/category\\\/wordpress\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Add WordPress Anchor Links: Simple Guide for 2025\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/en-gb\\\/#website\",\"url\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/en-gb\\\/\",\"name\":\"Bluehost\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/en-gb\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/en-gb\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/en-gb\\\/#organization\",\"name\":\"Bluehost\",\"url\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/en-gb\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/en-gb\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/08\\\/bluehost-logo.svg\",\"contentUrl\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/08\\\/bluehost-logo.svg\",\"width\":136,\"height\":24,\"caption\":\"Bluehost\"},\"image\":{\"@id\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/en-gb\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/bluehost\\\/\",\"https:\\\/\\\/x.com\\\/bluehost\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/bluehost-com\\\/\",\"https:\\\/\\\/www.youtube.com\\\/user\\\/bluehost\",\"https:\\\/\\\/en.wikipedia.org\\\/wiki\\\/Bluehost\"],\"description\":\"Bluehost is a leading web hosting provider empowering millions of websites worldwide. \\u2028Discover how Bluehost's expertise, reliability, and innovation can help you achieve your online goals.\",\"telephone\":\"+1-888-401-4678\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/en-gb\\\/#\\\/schema\\\/person\\\/963ada146537ec6b6cc4d4f02e6c40c8\",\"name\":\"Mohit Sharma\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/ef26790cc4942b0fc60957ce3a9d0854c759a20994b106b99defa5385a80dcca?s=96&d=mm&r=g2db1a2f67f45c93b46c4cb340a8d96bc\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/ef26790cc4942b0fc60957ce3a9d0854c759a20994b106b99defa5385a80dcca?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/ef26790cc4942b0fc60957ce3a9d0854c759a20994b106b99defa5385a80dcca?s=96&d=mm&r=g\",\"caption\":\"Mohit Sharma\"},\"description\":\"I\u2019m Mohit Sharma, a content writer at Bluehost who focuses on WordPress. I enjoy making complex technical topics easy to understand. When I\u2019m not writing, I\u2019m usually gaming. With skills in HTML, CSS, and modern IT tools, I create clear and straightforward content that explains technical ideas.\",\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/in\\\/mohitsharma066\\\/\"],\"honorificPrefix\":\"Mr\",\"birthDate\":\"1996-10-06\",\"gender\":\"male\",\"knowsAbout\":[\"HTML\",\"WordPress\",\"Writing\"],\"knowsLanguage\":[\"English\",\"Hindi\"],\"jobTitle\":\"Web Content Writer\",\"worksFor\":\"Newfold Digital\",\"url\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/en-gb\\\/author\\\/mohit-sharma\\\/\"},{\"@type\":\"Question\",\"@id\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/en-gb\\\/how-to-create-anchor-links-in-wordpress\\\/#faq-question-1751277943707\",\"position\":1,\"url\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/en-gb\\\/how-to-create-anchor-links-in-wordpress\\\/#faq-question-1751277943707\",\"name\":\"How do I create anchor links in WordPress using the block editor?\u00a0\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"To create WordPress anchor links, open your page in the Gutenberg block editor and click on the block you want to link to. In the block settings, expand the Advanced tab and enter a unique HTML anchor (or ID attribute). Then highlight your link text and add the jump link with a hashtag (e.g. #section-name). This allows users to navigate to that exact part of the same page.\",\"inLanguage\":\"en-GB\"},\"inLanguage\":\"en-GB\"},{\"@type\":\"Question\",\"@id\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/en-gb\\\/how-to-create-anchor-links-in-wordpress\\\/#faq-question-1751277995914\",\"position\":2,\"url\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/en-gb\\\/how-to-create-anchor-links-in-wordpress\\\/#faq-question-1751277995914\",\"name\":\"Can I manually add anchor links using HTML?\u00a0\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Yes, you can manually create anchor links by inserting an id attribute in your heading or paragraph tags (e.g. &lt;h2 id=\\\"faq\\\">FAQ&lt;\\\/h2>). Then, use a standard &lt;a href=\\\"#faq\\\"> link to jump to that section. This HTML method works in the WordPress Classic, Visual, or Text Editor and gives you full control over link structure on any site.\u00a0\",\"inLanguage\":\"en-GB\"},\"inLanguage\":\"en-GB\"},{\"@type\":\"Question\",\"@id\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/en-gb\\\/how-to-create-anchor-links-in-wordpress\\\/#faq-question-1751278042890\",\"position\":3,\"url\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/en-gb\\\/how-to-create-anchor-links-in-wordpress\\\/#faq-question-1751278042890\",\"name\":\"Are anchor links useful for SEO and user experience?\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Absolutely. Anchor links improve user-friendly navigation on long pages and landing pages by helping site visitors find your content faster. For SEO, they help search engines understand your page\u2019s structure and may even display as quick links in search engine results pages (SERPs). Properly labelled anchor text and well-placed internal links are essential for search engines and accessibility.\u00a0\",\"inLanguage\":\"en-GB\"},\"inLanguage\":\"en-GB\"},{\"@type\":\"Question\",\"@id\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/en-gb\\\/how-to-create-anchor-links-in-wordpress\\\/#faq-question-1751278091395\",\"position\":4,\"url\":\"https:\\\/\\\/www.bluehost.com\\\/blog\\\/en-gb\\\/how-to-create-anchor-links-in-wordpress\\\/#faq-question-1751278091395\",\"name\":\"What are the best ways to automatically add anchor links to a WordPress page?\u00a0\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"You can automatically add anchor links by using a plugin like Easy Table of Contents. This plugin scans your post for heading tags and creates a clickable table of contents using anchor IDs. It works across the WordPress editor, including Classic Editor and block editor, making it easy to implement on one-page sites, blog posts or any long-form content.\",\"inLanguage\":\"en-GB\"},\"inLanguage\":\"en-GB\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Add WordPress Anchor Links (Jump Links) in 2025","description":"Learn how to add WordPress anchor links with block editor, HTML, menus or plugins. Improve UX, SEO & site structure easily.","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.bluehost.com\/blog\/en-gb\/wp-json\/wp\/v2\/posts\/232617\/","og_locale":"en_GB","og_type":"article","og_title":"How to Add WordPress Anchor Links: Simple Guide for 2025","og_description":"Learn how to add WordPress anchor links with block editor, HTML, menus or plugins. Improve UX, SEO & site structure easily.","og_url":"https:\/\/www.bluehost.com\/blog\/en-gb\/how-to-create-anchor-links-in-wordpress\/","og_site_name":"Bluehost Blog","article_publisher":"https:\/\/www.facebook.com\/bluehost\/","article_published_time":"2026-02-23T07:59:12+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Creating-Anchor-Links-in-Wordpress.png","type":"image\/png"}],"author":"Mohit Sharma","twitter_card":"summary_large_image","twitter_creator":"@bluehost","twitter_site":"@bluehost","twitter_misc":{"Written by":"Mohit Sharma","Estimated reading time":"16 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.bluehost.com\/blog\/en-gb\/how-to-create-anchor-links-in-wordpress\/#article","isPartOf":{"@id":"https:\/\/www.bluehost.com\/blog\/en-gb\/how-to-create-anchor-links-in-wordpress\/"},"author":{"name":"Mohit Sharma","@id":"https:\/\/www.bluehost.com\/blog\/en-gb\/#\/schema\/person\/963ada146537ec6b6cc4d4f02e6c40c8"},"headline":"How to Add WordPress Anchor Links: Simple Guide for 2025","datePublished":"2026-02-23T07:59:12+00:00","mainEntityOfPage":{"@id":"https:\/\/www.bluehost.com\/blog\/en-gb\/how-to-create-anchor-links-in-wordpress\/"},"wordCount":3058,"commentCount":0,"publisher":{"@id":"https:\/\/www.bluehost.com\/blog\/en-gb\/#organization"},"image":{"@id":"https:\/\/www.bluehost.com\/blog\/en-gb\/how-to-create-anchor-links-in-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Creating-Anchor-Links-in-Wordpress.png","keywords":["CMS","How-To Guides","Navigation","Tips &amp; Tricks","Tutorials"],"articleSection":["SEO","WordPress"],"inLanguage":"en-GB","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.bluehost.com\/blog\/en-gb\/how-to-create-anchor-links-in-wordpress\/#respond"]}]},{"@type":["WebPage","FAQPage"],"@id":"https:\/\/www.bluehost.com\/blog\/en-gb\/how-to-create-anchor-links-in-wordpress\/","url":"https:\/\/www.bluehost.com\/blog\/en-gb\/how-to-create-anchor-links-in-wordpress\/","name":"How to Add WordPress Anchor Links (Jump Links) in 2025","isPartOf":{"@id":"https:\/\/www.bluehost.com\/blog\/en-gb\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.bluehost.com\/blog\/en-gb\/how-to-create-anchor-links-in-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/www.bluehost.com\/blog\/en-gb\/how-to-create-anchor-links-in-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Creating-Anchor-Links-in-Wordpress.png","datePublished":"2026-02-23T07:59:12+00:00","description":"Learn how to add WordPress anchor links with block editor, HTML, menus or plugins. Improve UX, SEO & site structure easily.","breadcrumb":{"@id":"https:\/\/www.bluehost.com\/blog\/en-gb\/how-to-create-anchor-links-in-wordpress\/#breadcrumb"},"mainEntity":[{"@id":"https:\/\/www.bluehost.com\/blog\/en-gb\/how-to-create-anchor-links-in-wordpress\/#faq-question-1751277943707"},{"@id":"https:\/\/www.bluehost.com\/blog\/en-gb\/how-to-create-anchor-links-in-wordpress\/#faq-question-1751277995914"},{"@id":"https:\/\/www.bluehost.com\/blog\/en-gb\/how-to-create-anchor-links-in-wordpress\/#faq-question-1751278042890"},{"@id":"https:\/\/www.bluehost.com\/blog\/en-gb\/how-to-create-anchor-links-in-wordpress\/#faq-question-1751278091395"}],"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.bluehost.com\/blog\/en-gb\/how-to-create-anchor-links-in-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.bluehost.com\/blog\/en-gb\/how-to-create-anchor-links-in-wordpress\/#primaryimage","url":"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Creating-Anchor-Links-in-Wordpress.png","contentUrl":"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2024\/02\/Creating-Anchor-Links-in-Wordpress.png","width":1920,"height":1080},{"@type":"BreadcrumbList","@id":"https:\/\/www.bluehost.com\/blog\/en-gb\/how-to-create-anchor-links-in-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/www.bluehost.com\/en-gb\/blog\/"},{"@type":"ListItem","position":2,"name":"WordPress","item":"https:\/\/www.bluehost.com\/blog\/en-gb\/category\/wordpress\/"},{"@type":"ListItem","position":3,"name":"How to Add WordPress Anchor Links: Simple Guide for 2025"}]},{"@type":"WebSite","@id":"https:\/\/www.bluehost.com\/blog\/en-gb\/#website","url":"https:\/\/www.bluehost.com\/blog\/en-gb\/","name":"Bluehost","description":"","publisher":{"@id":"https:\/\/www.bluehost.com\/blog\/en-gb\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.bluehost.com\/blog\/en-gb\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/www.bluehost.com\/blog\/en-gb\/#organization","name":"Bluehost","url":"https:\/\/www.bluehost.com\/blog\/en-gb\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.bluehost.com\/blog\/en-gb\/#\/schema\/logo\/image\/","url":"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/08\/bluehost-logo.svg","contentUrl":"https:\/\/www.bluehost.com\/blog\/wp-content\/uploads\/2023\/08\/bluehost-logo.svg","width":136,"height":24,"caption":"Bluehost"},"image":{"@id":"https:\/\/www.bluehost.com\/blog\/en-gb\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/bluehost\/","https:\/\/x.com\/bluehost","https:\/\/www.linkedin.com\/company\/bluehost-com\/","https:\/\/www.youtube.com\/user\/bluehost","https:\/\/en.wikipedia.org\/wiki\/Bluehost"],"description":"Bluehost is a leading web hosting provider empowering millions of websites worldwide. \u2028Discover how Bluehost's expertise, reliability, and innovation can help you achieve your online goals.","telephone":"+1-888-401-4678"},{"@type":"Person","@id":"https:\/\/www.bluehost.com\/blog\/en-gb\/#\/schema\/person\/963ada146537ec6b6cc4d4f02e6c40c8","name":"Mohit Sharma","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/secure.gravatar.com\/avatar\/ef26790cc4942b0fc60957ce3a9d0854c759a20994b106b99defa5385a80dcca?s=96&d=mm&r=g2db1a2f67f45c93b46c4cb340a8d96bc","url":"https:\/\/secure.gravatar.com\/avatar\/ef26790cc4942b0fc60957ce3a9d0854c759a20994b106b99defa5385a80dcca?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ef26790cc4942b0fc60957ce3a9d0854c759a20994b106b99defa5385a80dcca?s=96&d=mm&r=g","caption":"Mohit Sharma"},"description":"I\u2019m Mohit Sharma, a content writer at Bluehost who focuses on WordPress. I enjoy making complex technical topics easy to understand. When I\u2019m not writing, I\u2019m usually gaming. With skills in HTML, CSS, and modern IT tools, I create clear and straightforward content that explains technical ideas.","sameAs":["https:\/\/www.linkedin.com\/in\/mohitsharma066\/"],"honorificPrefix":"Mr","birthDate":"1996-10-06","gender":"male","knowsAbout":["HTML","WordPress","Writing"],"knowsLanguage":["English","Hindi"],"jobTitle":"Web Content Writer","worksFor":"Newfold Digital","url":"https:\/\/www.bluehost.com\/blog\/en-gb\/author\/mohit-sharma\/"},{"@type":"Question","@id":"https:\/\/www.bluehost.com\/blog\/en-gb\/how-to-create-anchor-links-in-wordpress\/#faq-question-1751277943707","position":1,"url":"https:\/\/www.bluehost.com\/blog\/en-gb\/how-to-create-anchor-links-in-wordpress\/#faq-question-1751277943707","name":"How do I create anchor links in WordPress using the block editor?\u00a0","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"To create WordPress anchor links, open your page in the Gutenberg block editor and click on the block you want to link to. In the block settings, expand the Advanced tab and enter a unique HTML anchor (or ID attribute). Then highlight your link text and add the jump link with a hashtag (e.g. #section-name). This allows users to navigate to that exact part of the same page.","inLanguage":"en-GB"},"inLanguage":"en-GB"},{"@type":"Question","@id":"https:\/\/www.bluehost.com\/blog\/en-gb\/how-to-create-anchor-links-in-wordpress\/#faq-question-1751277995914","position":2,"url":"https:\/\/www.bluehost.com\/blog\/en-gb\/how-to-create-anchor-links-in-wordpress\/#faq-question-1751277995914","name":"Can I manually add anchor links using HTML?\u00a0","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"Yes, you can manually create anchor links by inserting an id attribute in your heading or paragraph tags (e.g. &lt;h2 id=\"faq\">FAQ&lt;\/h2>). Then, use a standard &lt;a href=\"#faq\"> link to jump to that section. This HTML method works in the WordPress Classic, Visual, or Text Editor and gives you full control over link structure on any site.\u00a0","inLanguage":"en-GB"},"inLanguage":"en-GB"},{"@type":"Question","@id":"https:\/\/www.bluehost.com\/blog\/en-gb\/how-to-create-anchor-links-in-wordpress\/#faq-question-1751278042890","position":3,"url":"https:\/\/www.bluehost.com\/blog\/en-gb\/how-to-create-anchor-links-in-wordpress\/#faq-question-1751278042890","name":"Are anchor links useful for SEO and user experience?","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"Absolutely. Anchor links improve user-friendly navigation on long pages and landing pages by helping site visitors find your content faster. For SEO, they help search engines understand your page\u2019s structure and may even display as quick links in search engine results pages (SERPs). Properly labelled anchor text and well-placed internal links are essential for search engines and accessibility.\u00a0","inLanguage":"en-GB"},"inLanguage":"en-GB"},{"@type":"Question","@id":"https:\/\/www.bluehost.com\/blog\/en-gb\/how-to-create-anchor-links-in-wordpress\/#faq-question-1751278091395","position":4,"url":"https:\/\/www.bluehost.com\/blog\/en-gb\/how-to-create-anchor-links-in-wordpress\/#faq-question-1751278091395","name":"What are the best ways to automatically add anchor links to a WordPress page?\u00a0","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"You can automatically add anchor links by using a plugin like Easy Table of Contents. This plugin scans your post for heading tags and creates a clickable table of contents using anchor IDs. It works across the WordPress editor, including Classic Editor and block editor, making it easy to implement on one-page sites, blog posts or any long-form content.","inLanguage":"en-GB"},"inLanguage":"en-GB"}]}},"authors":[{"term_id":842,"user_id":138,"is_guest":0,"slug":"mohit-sharma","display_name":"Mohit Sharma","avatar_url":"https:\/\/secure.gravatar.com\/avatar\/ef26790cc4942b0fc60957ce3a9d0854c759a20994b106b99defa5385a80dcca?s=96&d=mm&r=g","0":null,"1":"","2":"","3":"","4":"","5":"","6":"","7":"","8":"","9":"","10":"","11":"","12":"","13":"","14":"","15":""}],"_links":{"self":[{"href":"https:\/\/www.bluehost.com\/blog\/en-gb\/wp-json\/wp\/v2\/posts\/232617","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bluehost.com\/blog\/en-gb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bluehost.com\/blog\/en-gb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bluehost.com\/blog\/en-gb\/wp-json\/wp\/v2\/users\/138"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bluehost.com\/blog\/en-gb\/wp-json\/wp\/v2\/comments?post=232617"}],"version-history":[{"count":2,"href":"https:\/\/www.bluehost.com\/blog\/en-gb\/wp-json\/wp\/v2\/posts\/232617\/revisions"}],"predecessor-version":[{"id":232759,"href":"https:\/\/www.bluehost.com\/blog\/en-gb\/wp-json\/wp\/v2\/posts\/232617\/revisions\/232759"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bluehost.com\/blog\/en-gb\/wp-json\/wp\/v2\/media\/81997"}],"wp:attachment":[{"href":"https:\/\/www.bluehost.com\/blog\/en-gb\/wp-json\/wp\/v2\/media?parent=232617"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bluehost.com\/blog\/en-gb\/wp-json\/wp\/v2\/categories?post=232617"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bluehost.com\/blog\/en-gb\/wp-json\/wp\/v2\/tags?post=232617"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.bluehost.com\/blog\/en-gb\/wp-json\/wp\/v2\/ppma_author?post=232617"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}