• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
NameHero® Blog

NameHero® Blog

Web Hosting Tips & Resources From NameHero

  • Hosting
    • Web Hosting
    • WordPress Hosting
    • WooCommerce Hosting
    • Enterprise Hosting
  • VPS
    • VPS Hosting
    • Flex VPS
  • Reseller
  • Email
  • Gaming
  • Domains
  • Website Builder
  • Account
  • Blog Home
  • Categories
  • Authors

How To Internal Create Anchor Links In WordPress

Bhagwad Park

Published on: May 16, 2022

Categories: WordPress 0

At this point, the Gutenberg WordPress editor is WordPress. The debate about whether or not it’s a good thing is long over, and I myself have come around to the view that Gutenberg is far better than what we had before. One of the features I find myself using constantly is the ability to create internal anchor links from one part of my content to the other. Using Gutenberg, this is extremely easy. Here’s how to do it.

Step 1: Create the “Linked To” Section and Assign an HTML Anchor

First, we have to create the content to which we want to link. Unless you can remember exactly what anchor text you’re going to use, I don’t recommend creating the link first. In this example, I’m going to create an anchor link to a heading on the page. So I first create the heading like this:

Gutenberg Block Advanced Properties - HTML Anchor
Gutenberg Block Advanced Properties – HTML Anchor

Then with my cursor still in the heading section, I select the “Block” property on the right-hand size of the screen. If you don’t see it, click the gear icon on the top-right of the page to deselect any other sidebar like Yoast.

Then scroll down to the “Advanced” section, and under “HTML anchor”, type in an identifier. No spaces, and just keep it simple. In the example above, I’m using the string “linked-heading”. Copy this exactly as you wrote it.

Step 2: Create the Anchor Link

Now we can create the link. Go to the text that you want to use as the anchor text, select it, and either select the “link” icon from the Gutenberg bar or type “Ctrl + K”. This will bring up the link insertion box. Type a hash (#) in the URL field, followed by the identifier that you copied earlier. Now insert the link by clicking the curved arrow icon. Here’s what it looks like:

Create the Anchor link Using the Link Tool
Create the Anchor link Using the Link Tool

And you’re done!

Now we can test this by previewing or publishing the page. Using the browser development tools page inspector, you can see that the <a> tag surrounds the anchor text with the heading identifier:

Anchor Included in the Link HTML
Anchor Included in the Link HTML

Click this link, and the page will scroll immediately to the linked block. You can repeat this procedure for any block – it doesn’t have to be a heading.

Benefits of Internal Anchor Links

Internal anchor texts are extremely useful while writing long-form content. Some articles are so in-depth and comprehensive that they can be overwhelming. The first use for anchor texts is in the form of a Table of Contents (TOC). However, I don’t recommend creating a manual TOC and suggest using a plugin instead. In fact, it’s important to make sure that your TOC plugin works correctly with any manual anchor links that you create.

But apart from TOCs, internal anchor links are great for users to navigate around your content. I use them all the time to refer users to a specific part of the article, and they can return to where they left off by clicking the back button.

I know for a fact that Google itself users internal anchor links within an article to link directly to portions of the page from within the search results. This might be a double-edged sword, but it will probably allow users to jump directly to a section of your site. In a way, it lets you optimize a single article for multiple keywords.

Thanks to Gutenberg, we can now do all sorts of fun things that weren’t possible before. I use internal anchor links as one of many tools to break up long-form content, and I suggest you make liberal use of them as well!

Bhagwad Park Profile Picture
Bhagwad Park

I’m a NameHero team member, and an expert on WordPress and web hosting. I’ve been in this industry since 2008. I’ve also developed apps on Android and have written extensive tutorials on managing Linux servers. You can contact me on my website WP-Tweaks.com!

Related Posts

How To Change The WordPress Featured Image Size (3 Ways)

In this post, we'll take a closer look at featured images in WordPress. We'll show you how to set them in your posts and pages and more!

A Complete Guide to WordPress User Roles

Let's talk about how the WordPress user role system works. We’ll go over each existing role and show you how to assign and edit roles.

How to Protect Your WordPress Website from Hackers

Learn how to protect your WordPress website from hackers with real-time malware protection, brute force prevention, and advanced firewalls. Discover how NameHero’s CloudShield can secure your site automatically and keep your business safe.

ClickFunnels vs. WordPress: Which One To Use?

In this post, we'll introduce you to WordPress and ClickFunnels and discuss five differences between them to help you choose.

Reader Interactions

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Primary Sidebar

Follow & Subscribe

Exclusive promos, content and more!


Most Popular Posts

NameHero’s Recommended WordPress Plugin and Theme Setup (2024)

WordPress Hosting vs. Web Hosting – What’s The Difference?

How To Increase The InnoDB Buffer Pool Size

How To Fix A Stuck All-in-One WP Migration Import

How To Add A Subdomain In Cloudflare

Top Categories

  • WordPress
  • WordPress Tutorials
  • Enterprise Hosting
  • WooCommerce
  • Web Hosting
  • Resellers
  • Website Security
  • Website Development
  • Website Performance
  • VPS Hosting
  • SEO Tips
  • Announcements
  • Domain Registration
NameHero

NameHero® proudly provides web hosting to over 40,000 customers with 99.9% uptime to over 750,000 websites.

  • Master Card
  • Visa
  • American Express
  • Discover
  • Paypal
Products
  • Web Hosting
  • VPS Hosting
  • Flex VPS Hosting
  • WordPress Hosting
  • WooCommerce Hosting
  • Reseller Hosting
  • Enterprise Hosting
  • Email Hosting
  • Game Hosting
  • Domains
  • Website Builder
Help & Support
  • NameHero Blog
  • NameHero Gaming Blog
  • Support
  • Help Center
  • Migrations
  • Affiliates
  • Gaming Affiliates
  • Call 1-855-984-6263
Company
  • About Us
  • Contact Sales
  • Reviews
  • Uptime
  • We're Hiring

Copyright © 2025 Name Hero, LLC. All rights reserved.
NameHero® is a registered trademark.

  • Privacy Policy
  • Terms of Use
  • Acceptable Use Policy
  • Payment Policy
  • DMCA