How to Add Title and NoFollow to Insert Link Popup in WordPress

Do you want to add a title or nofollow tag to your WordPress links?

By default, WordPress doesn’t provide a way of adding title and nofollow attributes when creating links with the WordPress block editor.

In this article, we’ll show you how to add options for title and nofollow attributes to the Insert Link popup in WordPress.

How to Add Title and NoFollow to Insert Link Popup in WordPress

Why Add Title and NoFollow Attributes to Links in WordPress?

When writing content, you can add links to interconnect your posts and pages and refer to articles on other sites. These links will tell visitors to your WordPress website where they can find more information on a topic.

It’s helpful to give your links a title. This will appear when someone points their mouse cursor over a link.

A Link With a Title

This can be reassuring to your readers because it makes it clear where the link leads. It also improves your site’s SEO.

SEO experts also recommend that you use a nofollow attribute when linking to external websites. This attribute tells search engines that they can crawl these links, but not pass on any link authority to these websites.

However, when you click the Insert Link icon in WordPress, there are no options to add a link title or to make the link nofollow. The popup only lets you add the Link URL and gives an option to open the link in a new window.

By Default, WordPress Does Not Allow You to Add Title and NoFollow Attributes

With that being said, let’s take a look at how to easily add title and nofollow options to the Insert Link popup on your WordPress blog.

How to Add Title and NoFollow to Insert Link Popup in WordPress

The first thing you need to do is install the free All in One SEO Lite plugin. For more details, see our step by step guide on how to install a WordPress plugin.

All in One SEO (AIOSEO) is the best WordPress SEO plugin and helps you improve your website SEO. You just need the free version to add extra attributes to the Add Link popup, but AIOSEO Pro offers even more features to help you rank better in search engine results pages.

Upon activation, you need to configure the plugin using the AIOSEO setup wizard. For detailed instructions, see our ultimate guide on how to set up All in One SEO for WordPress.

Once you’ve done that, the plugin will automatically add extra attributes to the Insert Link popup.

These include a title field and options to add nofollow, sponsored, and UGC (user-generated content) tags.

AIOSEO Adds NoFollow and Title Attributes to the Insert Link Popup

To add the link title, just type it into the ‘Add title attribute to link’ field. When when you save the link, AIOSEO will apply the title and any attributes you toggle on.

We hope this tutorial helped you learn how to add title and nofollow options to the Insert Link popup in WordPress. You may also want to learn how to speed up your WordPress performance or check out our list of must-have plugins to grow your site.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Add Title and NoFollow to Insert Link Popup in WordPress first appeared on WPBeginner.

How to Add Nofollow Links in WordPress Navigation Menus

Do you need to add nofollow links in your WordPress navigation menus?

Many website owners prefer to add a nofollow tag to external links, but beginners may find this tricky when adding a custom link to a menu.

In this article, we’ll show you how to add nofollow links in WordPress navigation menus.

How to Add Nofollow Links in WordPress Navigation Menus

Why Add Nofollow Links in WordPress Navigation Menus?

If you are running a WordPress website, then you may want to add a nofollow tag when creating external links. This lets search engines know not to pass any link authority from your page to the other website that you’re linking to.

When you link to an external website, search engines consider that as a ranking signal, and they will pass a small portion of your authority to the other website. As a general SEO best practice, you should add nofollow to all external websites that you don’t trust.

You do that by adding the rel="nofollow" attribute to the link like this:

<a href="https://example.com" rel="nofollow">Example</a>

You can learn more in our beginner’s guide on how to add nofollow links in WordPress. However, adding nofollow links to navigation menu items is a little different and can be confusing for beginners.

In this article, we will show you how to add nofollow links in WordPress navigation menus. We’ll cover two methods, and the second method is for those using WordPress 5.9 or higher and a theme that’s compatible with the new theme editor.

To get started, simply visit Appearance » Menus in your WordPress admin area.

First, you need to add the external link to your WordPress navigation menu just like you would add any custom link.

To do that, you need to click on the ‘Custom Links’ tab so you can see the URL and Link Text options. Simply enter the URL and link text of the website you are linking to.

Enter the URL and Link Text and Click on 'Add to Menu' Button

After that, you should click the ‘Add to Menu’ button and the link will be added to the ‘Menu structure’ column.

To add the nofollow attribute to the link, you need to click the downward arrow on the right of the menu entry, as pictured in the screenshot above. You can now see the details of the external link you just added, including the URL and navigation label.

Click on Screen Options at the Top of the Screen

If you don’t see the Link Target and Link Relationship options, then you will have to add them.

To show those options, you need to click the ‘Screen Options’ button at the top right corner of the screen. Then check the boxes next to the Link Target and Link Relationship (XFN) options.

Check Link Relationships and Link Target in Screen Options

Now you can scroll back down to your expanded menu item, and you will notice two new options. Next, simply enter nofollow in the link relationship field.

We recommend that you also click the ‘Open link in a new tab’ checkbox when adding an external link. This is a great way to improve engagement and keep your visitors from leaving your website.

Type nofollow in Link Relationship

Lastly, click the ‘Save Menu’ button to store your changes.

You can now preview your site to see the new nofollow menu entry.

Preview of Nofollow Link in Navigation Menu

Let’s make sure that a nofollow attribute has been added to the link.

Simply right click the new link and select ‘Inspect’. Your browser window will split into two windows. In the bottom window, you will be able to see the HTML source for your link. It will display the nofollow attribute with your link.

This method is for those who are using WordPress 5.9 or later and have a theme that supports the new WordPress theme editor. In that case, the Appearance » Menus page will not be available to you.

Instead, you should navigate to Appearance » Editor in your WordPress dashboard. This will open the WordPress theme editor.

WordPress Theme Editor

Adding a New Link to the Navigation Menu

If you need to add a new menu item, then you’ll have to click the blue Block Inserter icon in the top left corner. Next, you should scroll down until you locate the Custom Link block and then drag it onto your navigation menu.

Drag a Custom Link Block Onto the Navigation Menu

You can now type or paste the URL. If you want, you can also toggle the ‘Open in new tab’ option to the on position. After that, make sure you click the Submit icon at the top right of the popup so that the menu item’s settings are stored.

The link URL will be added to the menu, but you’ll normally want something more descriptive, such as the name of the website. Simply start typing to rename the menu item.

Adding the Nofollow Attribute to a Link

To add the nofollow attribute to a menu item, simply click it and a toolbar will appear.

Next you need to click the link icon on that toolbar. In the settings pane on the right, you need to enter nofollow in the link relationship (‘Link rel’) field.

Type nofollow in the Link Rel Field

If you like, you can also add a description and title for the link, and reorder the menu items using the arrow icons on the toolbar.

When you’ve finished, click the ‘Save’ button at the top of the screen. The new custom link will be added and you can visit your website to see how your navigation menu looks now.

Preview of Nofollow Link in Navigation Menu

We hope this tutorial helped you learn how to add nofollow links in WordPress navigation menus. You may also want to learn how to create automated workflows in WordPress with Uncanny Automator, or check out our list of tips to speed up WordPress performance.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Add Nofollow Links in WordPress Navigation Menus first appeared on WPBeginner.

How to Add Nofollow Links in WordPress (Simple Guide for Beginners)

Are you wondering how to add nofollow links in WordPress?

Perhaps you have heard of nofollow links, but you’re not sure what they are or why you should use them.

In this article, we’ll show you how to easily add nofollow links in WordPress. We will also cover what nofollow links are and why they matter.

Adding nofollow links in WordPress

Here’s a quick overview of what we’ll cover in this article. Simply click on these quick links to jump straight to different sections.

A nofollow link is a type of link that tells search engines to not pass any link authority from your page to the other website that you’re linking to. You can turn any link into a nofollow link by adding the link attribute rel=”nofollow”.

Links or backlinks are an important search engine ranking factor.

When you link to an external website, search engines consider that as a ranking signal, and they will pass a small portion of your authority (link juice) to the other website.

Some SEO experts believe that making external links nofollow can help your own website rank higher. However this is not proven to be the case.

Note: Earlier this year, Google announced that their search algorithm now uses nofollow as a hint rather than a directive for crawling and indexing purposes.

How to Check if a Link is Nofollow?

All nofollow links contain the rel="nofollow" HTML attribute.

Here is the HTML code for an example of a nofollow link:

<a href="https://example.com" rel="nofollow">Google</a>

To check if the nofollow attribute is added to a link on a website, you need to take your mouse to that link, right click on it, and then select Inspect on your browser.

Check nofollow attribute in the link

Your browser window will now split into two parts.

In the Inspect pane, you will be able to see the HTML source code of the link along with the nofollow attribute.

Alternatively, you can use a Chrome extension like Strike Out Nofollow Links. This lets you instantly see which links have the nofollow attribute.

As a general SEO best practice, you should add nofollow to all external websites that you don’t trust.

It’s completely acceptable and actually recommended to link to authority websites like Wikipedia, WPBeginner, New York Times, etc without the nofollow attribute. Linking to authority sites helps add credibility to your own website.

However, we recommend you nofollow links to less credible websites.

Here are some cases when you should always add nofollow attributes to the links:

1. Affiliate and Sponsored Links

Many bloggers make money online using affiliate marketing.

Affiliate links are tracking links for products and services that you recommend. You get a referral commission if someone purchases after going through your link.

You should always add the nofollow attribute to affiliate links. This applies whether you’re using a direct affiliate link or cloaking it using Pretty Links.

Another popular way bloggers make money is by adding sponsored links. You should always nofollow sponsored links. Otherwise, search engines may consider your site to be selling links or spamming. This can get you penalized in the search engine results.

Tip: In 2019, Google introduced some additional link attributes. You can use sponsored instead of nofollow for affiliate and sponsored links, if you want. For our purposes, it has the same effect.

2. External Links

Sometimes, you may link to external sources as references. Since you don’t control the content on those websites, you should consider adding nofollow to them.

In simple words, you are telling the search engines that you are linking to a source, but it is not something you can vouch for.

Note: You don’t need to nofollow links to authority websites.

3. Sidebar Links

Some bloggers add a list of external or affiliate links to the sidebar of their WordPress blog. These external links may be from authority sites or websites that they trust.

The problem is every time a new page is created on your site, you also create a new backlink for those websites from your sidebar on that page.

It is important to make these links nofollow. That way, you are not passing the SEO juice from every page to certain links.

The easiest way to add nofollow links to your site is to use the All in One SEO (AIOSEO) plugin for WordPress. This lets you add the nofollow attribute without needing to edit any HTML code.

You can use the free or premium version of AIOSEO plugin.

First, install and activate the All in One SEO plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Note: Here’s the link to the AIOSEO free version.

Upon activation, create a new page or post and add the anchor text for your link. Next, select the anchor text and click on the link icon.

Highlighting text and clicking the link icon in the block editor

This will open a box for your link, with several options that you can toggle on or off. We recommend switching on the ‘Open in a new tab’ option as well as the ‘Add “nofollow” to link’ option.

The nofollow attribute option added by All-in-One SEO

Tip: Many bloggers select the “Open link in a new tab” checkbox when adding an external link. This is a great way to improve engagement and keep your visitors from leaving your website.

Once done, just click the arrow button or press Enter on your keyboard. This instantly adds the nofollowed link to your page or post.

Using All in One SEO to Add a Nofollow Link in the Classic Editor

Although we recommend using the block editor, some users still prefer to use the Classic Editor for writing posts and creating pages.

AIOSEO lets you easily add nofollow links in the classic editor, too. Simply open up the post or page you want to edit.

Next, add some anchor text for your link, then highlight it and click the link button. Then, enter your link.

Adding a link in the classic editor, using the link button

Now, click the cog icon to open up the settings for the link. After that, check the box for Add rel=”nofollow” to link. You may also want to set your link to open in a new tab. Once you’re done, click the Add Link button.

The nofollow option added by All-in-One SEO, in the classic editor

Your nofollowed link will then be added to your WordPress post.

If you don’t want to use the AIOSEO plugin, then you will have to manually add nofollow links in the WordPress block editor.

Let’s take a look at the step by step process on how to add nofollow links in WordPress posts or pages with the block editor.

First, go to Posts » Add New to create a new page.

As before, select the anchor text for your link and click on the link icon. Go ahead and enter your link. If you want the link to open in a new tab, simply toggle that option on.

Entering the text for the link and (optionally) setting it to open in a new tab

Once done, just click the arrow button or press Enter on your keyboard to add the link.

To add the nofollow attribute to your link, you need to select the block containing your link and then click on the 3 vertical dots icon present at the top bar.

Opening up the 'More Options' dropdown for your block

This will open a dropdown menu where you need to click on the Edit as HTML option.

Selecting the option to edit your block as HTML

You will now see the HTML code of your link. Go ahead and add the rel="nofollow" attribute to the link element.

If you see the rel="noopener noreferrer" attribute in the HTML code, then add simply add nofollow within the quotation marks.

Adding the nofollow attribute to the link in your HTML code

Once done, just click on the 3 dots icon again then select ‘Edit visually’ to go back to the standard visual format.

Switch back to editing your block visually

This will convert your normal link to a nofollow link. You can follow the same process for adding nofollow attribute to all other external links.

Even though AIOSEO is the easiest way to add nofollow links, you can also add links manually if you are using the classic editor.

First, go to Pages » Add New to create a new page. Add some anchor text for your link, then highlight it and click the link button. Then, enter your link.

Adding a link in the classic editor, using the link button

If you want to set your link to open in a new tab, just click the cog icon and click the ‘Open link in a new tab’ checkbox. Then, click the Add Link button.

Setting a link in the classic editor to open in a new tab

Now, click on the Text tab of the classic editor. You just need to add rel="nofollow" to the link here. If rel="noopener" is already present, simply add nofollow too.

Adding the nofollow attribute in the classic editor

You have already learned how to add individual nofollow links in the Gutenberg editor manually. However, that method is best when you only plan to add a few nofollow links.

If you have a lot of external and affiliate links in your post, then you should switch to the Code Editor. This lets you add the nofollow attribute faster.

Open code editor to edit external links

On the post or page editing screen, click on the 3 vertical dots icon in the top-right corner. This will open a dropdown menu. Simply select the Code Editor option.

Using the code editor view instead of the visual view of your blocks

You will now see the HTML code of your page. Go ahead and find all your external links, and add the nofollow attribute to each of them.

Once done, you need to click the Visual Editor option to switch back.

Adding a nofollow attribute to your WordPress menu links is extremely simple, but the option isn’t very visible. This is why many WordPress users don’t even realize it’s there.

Let’s take a look at how to add nofollow links in WordPress navigation menus.

First, you need to go to the Appearance » Menus page in your WordPress admin.

Next, choose the menu where you want to add the external link. Go ahead and click on the ‘Select’ button to open it.

Select a navigation menu to edit

After that, you need to click the ‘Custom Links’ tab to add the link text and external link URL. Once done, click on the ‘Add to Menu’ button to create a new menu item.

Add Custom Link to Navigation menu in WordPress

The external link will now appear in the Menu Structure column along with the other menu items.

Next, click the ‘Screen Options’ button at the top-right corner of the page. You just need to select the Link Relationship (XFN) and Link Target options.

Screen Options navigation menus

Now, scroll back down and click on the downward arrow icon of the new menu item to expand it.

Add nofollow to Link Relationship XFN option

To add the nofollow attribute, just type nofollow in the Link Relationship (XFN) textbox. You can also check the ‘Open link in a new tab’ option if you want.

Don’t forget to click the ‘Save Menu’ button to save your changes.

Click on the Save Menu button

Some WordPress users want to automatically add the nofollow attribute to all external links on their site.

Most solutions that offer this are done with the help of JavaScript. This is not helpful for Google or for your site’s SEO. Instead, you should manually nofollow the links using the above methods.

Some bloggers worry about comment links. The good news is that WordPress adds the nofollow attribute to all comment links by default.

If you’re still looking for a solution to automatically nofollow all external links, then you can use the WP External Links plugin.

It adds the nofollow attribute to all external links in your posts, pages, navigation menus, and the sidebar.

First, you need to install and activate the WP External Links plugin. For more details, see our step by step guide on how to install a WordPress plugin.

Upon activation, go to the new External Links page in your WordPress dashboard.

Setting up the External Links plugin

Here, you need to change the ‘Set follow or nofollow’ dropdown to ‘nofollow’.

Using the plugin to set external links to be automatically nofollowed

Above this, you have the option to set links to open in a new tab using the ‘Open external links’ dropdown.

Don’t forget to click the ‘Save Changes’ button when you’ve finished. This plugin will now automatically turn all the external links on your site into nofollow links.

We hope this guide helped you to learn how to add nofollow links in WordPress. You may also want to see our beginner’s guide to image SEO, and our comparison of the best WordPress LMS plugins to build courses.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Add Nofollow Links in WordPress (Simple Guide for Beginners) appeared first on WPBeginner.