Anchor Links are often used in longer wordpress post , it will help user jump to the sections they interested to read.
In this article i am going tell you How to add Anchor links in WordPress and why you should start to use them.
Anchor link can help improve user experience ,can navigate long-form content easily and it give you advantage in google SEO.
Below showing sceenshot are the one of examle for easy navigation google shows on your search listing
what is an Anchor links and How to Add Anchor links in wordpress?
What is an Anchor Links?
Anchor link is the Link on the page it takes to the specific place on same page ,by which user can jump to the section he/she most interested to read in.
On lot of site anchor links are used to create a table of content at the beginning of long form post.so user can jump to section they wanted to read.
Example for Anchor links
Below is a list of our topics ,which we have covered in this article.You can click on any of these links and you will be taken to that specific section.
Pro and cons of Anchor Links
Its not always a good option add links to the post unnecessary .Lets see Pro and Cons of Anchor Links
- If your post is Long-Form article ,Anchor Link will biggest advantage ,it will create a better user experience when user browse your site. If your article more then 4000 words post ,then scrolling down can become pain.By using anchor link user can jump to section they most interested to read.
- Using anchor links allow you to share direct links to different sections within an article.
- On search Engine Result page (SERP) listings, anchor links will be shows up. It will help your google SEO and help you to increase your CTR .
Apart from pros there is also some setback of using Anchor links ,Lets see some of the cons of anchor links
- Anchor links could decrease the average time spent on site per visitor.Its because instead of reading your entire content ,they can skip the non-interested content and jump to the sections they most interested to read in .
- It could impact on your ad revenue ,its because your user skipping rest of content and jumps straight to the certain section could reduce the impressions and clicks .
1.How to ADD Anchor Links Manually in WordPress
Lets see some steps How to add anchor links manually
STEP-1 Create Anchor link
You need to select first ,the text that you want to link and then click on “insert click “button in wordpress Gutenberg editor .
Next you need to add your anchor link with a # sign prefix in the slug you want to use for the link.
After that click on the enter button to create the link.
After adding link now you can see link which you have created in the wordpress editor but it will not work because browser can not find the anchor link as ID.
For rectify this issue you need select sections or text which you want to show the user when they click anchor link
STEP-2 Add the ID attribute to the linked section
Next step ,in content editor you have select the section ,which you want shows up while user click on the anchor lick
Next, click to select the block and then in the block settings click on the Advanced tab to expand it. You can simply click on the ‘Advanced’ tab under the heading block settings.
Next ,you need to add same text which you have added as anchor link under the HTML anchor Field.But you should add text without the # prefix.
Now you can save your post and check in the Preview whether your anchor link working in the preview tab.
2.How to Add Anchor Link in Classic Editor Manually
If are using old classic editor here are the some steps how to add anchor link
STEP- 1. Create anchor link
You need to select the text that you want to change into the anchor link and then click on the Insert Link button.
After that you need to add your anchor link with a # sign prefix in the slug you want to use for the link.
STEP-2 Add the ID attribute to the linked section
Next step is the select the section you want to show when users click on your anchor link
For that you need to switch to the ‘Text’ mode in the classic editor. After that scroll down to the section that you want to show.
Next locate the HTML tag you want to target. For example, <h2> <h3><p>,
Now you have to add the ID attribute to it with your anchor link’s slug without the # prefix,
You can now save your changes and click on the preview button to see whether your anchor link working fine.
3.How to Add Anchor Link with a Plugin
If you don’t want to add anchor link by yourself , do not worry i will suggest you best wordpress plugin which help you for add anchor automatically .
TinyMCEAdvanced is the one of the best free WordPress plugin for add anchor link .It adds extra functionality to the editor .
After you install plugin and activate it ,then next go into your post and create a hyperlink on your anchor text.No need link it to the URL or post, you straight you add anchor name with a # prefix.
Select the header you want link , then click on “Insert” from the button at the top and select “Anchor.” This Button shows in the editor due to the TinymaceAdvanced plugin.
Now mention the same name which you have given in anchor name in Step-1 then click OK. This will save lot of your time and energy .
4.How to ADD Anchor Link Automatically with Easy Table of Content Plugin
Easy Table of content is the best free plugin ,its automatically add anchor link for your headers and allow you to insert your table of content anywhere in the post .
After installing plugin and activate it , then you need do some configuration in settings . Just go to Settings » Table of Contents page to configure plugin settings .
- First, you need to enable it for the post types where you want to add table of contents. By default, the plugin is enabled for pages, but even you can also enable it for your posts yourself.
- If you want automatically generate the table of content for all the articles then you can enable “auto insert” option
- In case you want only specific article then unchecked auto insert option .
Now scroll down little you can see “Show when” option it define how many headings the post should have before a table of contents shows up .
You can review other changes in advanced setting ,once done save it.
If you enabled the auto-insert option, then you can now view an existing article with the specified number of headings. The plugin will automatically display a table of contents before the first heading in the article
If want manually insert the table of contents, then simply insert the [ez-toc] short code where you want it to show up in the post.
Next, plugin automatically generated Table of content for all of the headers in the post. You can also do some changes in settings as which header should shows up.
We hope this article will helped you to How add Anchor links in WordPress Easily