{"id":20542,"date":"2021-02-20T15:00:54","date_gmt":"2021-02-20T14:00:54","guid":{"rendered":"https:\/\/qodeinteractive.com\/magazine\/?p=20542"},"modified":"2024-04-17T08:08:50","modified_gmt":"2024-04-17T06:08:50","slug":"how-to-create-links-in-wordpress","status":"publish","type":"post","link":"https:\/\/qodeinteractive.com\/magazine\/how-to-create-links-in-wordpress\/","title":{"rendered":"How to Create Links in WordPress (With Best Linking Practices)"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column][vc_column_text]In the digital world, the importance of links cannot be emphasized enough. Not only do links represent some of the essential elements of <a href=\"https:\/\/qodeinteractive.com\/magazine\/wordpress-website-navigation\/\">website navigation<\/a>, they are also <strong>a cornerstone of your SEO efforts since they can help your site rank better on search engines.<\/strong>[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]This time around, we will talk about the importance of links, show you different ways in which you can add them to your WordPress site, and share some of the best linking practices that will help you get noticed by both people and search engines. Here\u2019s what we&#8217;ll cover:<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;22px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#what-are-website-links\">What Are Website Links and Why They Are Important<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#adding-links-to-posts-or-pages\">Adding Links to Your WordPress Posts or Pages<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#adding-links-in-text-widget\">Adding Links in the Text Widget<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#adding-links-in-navigation-menu\">Adding Links in a WordPress Navigation Menu<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#adding-title-and-nofollow-to-your-links\">Adding Title and Nofollow to Your Links<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#adding-link-buttons\">Adding Link Buttons to Your WordPress Site<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#embedding-linked-content\">Embedding a Linked Content in WordPress<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#adding-link-using-html\">Adding a Link Using HTML<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#best-linking-practices\">Best Linking Practices<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"what-are-website-links\"><\/a>What Are Website Links and Why They Are Important<\/h2>\n<p>[\/vc_column_text][vc_column_text]<strong>A link<\/strong> (or a hyperlink) <strong>is a clickable element on a page that leads users to other pages<\/strong>. It can come in the form of a text, a button, or an image. When it comes to links on your website, we can differentiate two types of links \u2013 <strong>internal<\/strong> and <strong>external<\/strong> (outbound) links.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]<strong>Internal links are links that, when clicked on, lead to another web page on the same domain.<\/strong> As such, these types of links have the power to <strong>increase the time users spend on your site<\/strong>, thus having a positive impact on your website\u2019s authority and boosting your ranking on search engines.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Moreover, your internal links also play an important part in your website\u2019s navigation structure. This can also help search engines crawl and index your site better since crawlers will follow the links to other pages during this process. In addition, properly spreading internal links throughout your content can also help users navigate to different pages of your site quickly and efficiently. Naturally, since clicking on more links will help users discover more of your content, all this can lead to <strong>more user engagement, and by extension, more conversions and sales<\/strong> for your business.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]On the other hand, <strong>external links lead users to pages on another domain<\/strong>. These are often links that offer some additional information to your visitors and therefore <strong>add more value to your site<\/strong>. Since Google also ranks sites based on credibility and expertise, these types of links can also <strong>contribute to a higher ranking<\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]In short, it\u2019s important to include both types of links to your website\u2019s content since they can boost your online visibility and help improve your website\u2019s UX.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Now that we\u2019ve established some of the key reasons why your website links are important, we will talk about all the different ways you can add them to your WordPress site.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;80px&#8221;][vc_widget_sidebar sidebar_id=&#8221;new-top-picks-banner&#8221;][vc_empty_space height=&#8221;81px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"adding-links-to-posts-or-pages\"><\/a>Adding Links to Your WordPress Posts or Pages<\/h2>\n<p>[\/vc_column_text][vc_column_text]When it comes to adding links to your blog posts or pages, WordPress is the platform that allows you to do so extremely easily. First things first, you need to go to <em>Pages\/Posts &gt;&gt; Add New<\/em>, or to add a link to an existing page or post, click on it to access its edit screen.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]If you\u2019re using the Gutenberg editor, you need to <strong>select the text you wish to add the link to<\/strong> (this part of the text will become your anchor text) and <strong>hit the Link button.<\/strong>[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-Add-Link.jpg\" class=\"attachment-full size-full\" alt=\"Gutenberg Add Link\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-Add-Link.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-Add-Link-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-Add-Link-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-Add-Link-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]A new box will pop up where you will be able to enter the URL of your link.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Click the <em>Submit<\/em> (arrow) button or press <em>Enter<\/em> and you\u2019re all set.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-Add-Link-2.jpg\" class=\"attachment-full size-full\" alt=\"Gutenberg Add Link\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-Add-Link-2.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-Add-Link-2-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-Add-Link-2-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-Add-Link-2-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]If you want to insert the URL from your own site, you simply need to <strong>enter a few words from your title and WordPress will find the URL for you<\/strong>. Select the title of the page or post you want to insert and hit the <em>Submit<\/em> button.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-Site-URL.jpg\" class=\"attachment-full size-full\" alt=\"Gutenberg Site URL\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-Site-URL.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-Site-URL-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-Site-URL-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-Site-URL-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Also, if you want to <a href=\"https:\/\/qodeinteractive.com\/magazine\/open-link-in-new-tab-window\/\">open your link in a new tab<\/a>, simply switch on the toggle button.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-Open-in-New-Tab.jpg\" class=\"attachment-full size-full\" alt=\"Gutenberg Open in New Tab\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-Open-in-New-Tab.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-Open-in-New-Tab-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-Open-in-New-Tab-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-Open-in-New-Tab-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]If you\u2019re using the Classic editor, you need to select the text you plan to use as your anchor and click the Insert\/edit link button, as shown in the picture:<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Classic-Editor-Insert-Link.jpg\" class=\"attachment-full size-full\" alt=\"Classic Editor Insert Link\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Classic-Editor-Insert-Link.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Classic-Editor-Insert-Link-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Classic-Editor-Insert-Link-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Classic-Editor-Insert-Link-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Now simply copy and paste your URL or enter a word or two from the title, find it among the existing URLs, and hit <em>Apply (Enter)<\/em>.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Classic-Editor-Insert-Link-2.jpg\" class=\"attachment-full size-full\" alt=\"Classic Editor Insert Link\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Classic-Editor-Insert-Link-2.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Classic-Editor-Insert-Link-2-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Classic-Editor-Insert-Link-2-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Classic-Editor-Insert-Link-2-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Alternatively, you can add your link both in the Gutenberg and Classic editor by <strong>pasting the URL directly onto your anchor text<\/strong>. To do this, copy your URL and simply select your anchor text. Then, right-click and select the <em>Paste<\/em> option.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Classic-Editor-Paste-Link.jpg\" class=\"attachment-full size-full\" alt=\"Classic Editor Paste Link\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Classic-Editor-Paste-Link.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Classic-Editor-Paste-Link-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Classic-Editor-Paste-Link-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Classic-Editor-Paste-Link-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;78px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"adding-links-in-text-widget\"><\/a>Adding Links in the Text Widget<\/h2>\n<p>[\/vc_column_text][vc_column_text]In addition to your page or post content, you can also add links to other parts of your website. Depending on your theme, you have a choice of several predefined widget areas you can <a href=\"https:\/\/qodeinteractive.com\/magazine\/add-widget-to-wordpress\/\">add widgets<\/a> to, and you can use those to place your links. For example, widgets like a basic Text widget will allow you to easily add any of your links as you would on a page or post. We have to note, however, that there are also some widgets (like the Popular Posts widget, for example) that automatically show links for you when you insert them into your desired area, which means you won\u2019t have to do anything else other than add these widgets wherever you need them.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]To add a link in the Text widget, head to <em>Appearance &gt;&gt; Widgets<\/em> and simply insert the <em>Text<\/em> widget into any widget area of your choice.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Add-Text-Widget.jpg\" class=\"attachment-full size-full\" alt=\"Add Text Widget\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Add-Text-Widget.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Add-Text-Widget-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Add-Text-Widget-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Add-Text-Widget-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Then, enter your text and add a link to it in the same way as on the page or post. Hit the <em>Save<\/em> button once you\u2019re done.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Text-Widget-Add-Link.jpg\" class=\"attachment-full size-full\" alt=\"Text Widget Add Link\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Text-Widget-Add-Link.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Text-Widget-Add-Link-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Text-Widget-Add-Link-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Text-Widget-Add-Link-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;78px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"adding-links-in-navigation-menu\"><\/a>Adding Links in a WordPress Navigation Menu<\/h2>\n<p>[\/vc_column_text][vc_column_text]What\u2019s also great about WordPress is that it comes with a user-friendly drag and drop system which allows you to <a href=\"https:\/\/qodeinteractive.com\/magazine\/how-to-add-navigation-menu-in-wordpress\/\">create a navigation menu<\/a> with ease.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]To add links to your menus, <em><strong>go to Appearance &gt;&gt; Menus<\/strong><\/em>. If you don\u2019t have a menu already, you can create one by giving it a name, selecting all the pages you want to add to your menu, and clicking the <em>Add to Menu<\/em> button.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]You can also easily move your menu items up and down to arrange them in any way you want.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Menu.jpg\" class=\"attachment-full size-full\" alt=\"Menu\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Menu.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Menu-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Menu-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Menu-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]If you\u2019re adding a page located on your site, WordPress will automatically add a link to all the posts and pages you added to your menu. However, if you want to add any link outside your website, you should <strong>select the dropdown on the left called <em>Custom Links<\/em> and enter the URL and the link text you want your link to have.<\/strong> Then, simply hit the <em>Add to Menu<\/em> button.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Menu-Custom-Links.jpg\" class=\"attachment-full size-full\" alt=\"Menu Custom Links\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Menu-Custom-Links.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Menu-Custom-Links-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Menu-Custom-Links-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Menu-Custom-Links-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Of course, you should click on <em>Save Menu<\/em> for your changes to take effect.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"adding-title-and-nofollow-to-your-links\"><\/a>Adding Title and Nofollow to Your Links<\/h2>\n<p>[\/vc_column_text][vc_column_text]If you want, you can also allow users to see the original title of the page or post you linked to when they hover over the anchor. Another useful thing that you can include is a <a href=\"https:\/\/qodeinteractive.com\/magazine\/how-to-add-nofollow-links-in-wordpress\/\">nofollow tag<\/a>. This tag <strong>tells search engine crawlers not to follow a certain link, which you deem irrelevant or even harmful for your SEO score<\/strong>. For example, you can use this tag for some of your external links, if they don\u2019t lead to reputable websites that will increase your link juice. Or, you can use them for affiliate links, links in comments, suspicious websites and so on.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]To add a nofollow tag, you will need the help of a plugin. For doing this in the Gutenberg editor, we recommend using the help of the <a href=\"https:\/\/wordpress.org\/plugins\/wordpress-seo\/\" target=\"_blank\" rel=\"noopener\">Yoast SEO<\/a> plugin.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Yoast-SEO.jpg\" class=\"attachment-full size-full\" alt=\"Yoast SEO\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Yoast-SEO.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Yoast-SEO-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Yoast-SEO-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Yoast-SEO-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]When you <a href=\"https:\/\/qodeinteractive.com\/magazine\/how-to-install-a-wordpress-plugin\/\">install the plugin<\/a> and activate it, you just need to go to the desired page\/post, select the text you want to add the link to and click the Link button in your editor.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Once the link box opens, you will see the option to make the link nofollow.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/No-Follow-Link.jpg\" class=\"attachment-full size-full\" alt=\"No Follow Link\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/No-Follow-Link.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/No-Follow-Link-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/No-Follow-Link-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/No-Follow-Link-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]For Gutenberg, you can also either install a plugin like <a href=\"https:\/\/semperplugins.com\/\" target=\"_blank\" rel=\"noopener\">All in One SEO Pack<\/a> (it allows you to add a title, nofollow, as well as <a href=\"https:\/\/qodeinteractive.com\/magazine\/wordpress-noopener-noreferrer\/\">noopener and noreferrer<\/a> tags) or use the help of an HTML code.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]To use the latter option, you should insert your link to the block editor first, then click on the three vertical dots in your block and choose the <em>Edit as HTML<\/em> option.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"600\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Edit-as-HTML.jpg\" class=\"attachment-full size-full\" alt=\"Edit as HTML\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Edit-as-HTML.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Edit-as-HTML-300x186.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Edit-as-HTML-768x476.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Edit-as-HTML-620x384.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Then, you can add a title and\/or a nofollow attribute to your link before the<span style=\"font-weight: 400;\">\u00a0&gt;title&lt;\/a&gt;<\/span> part (in our case, the title is &gt;add a table of contents<span style=\"font-weight: 400;\">&lt;\/a&gt;):<\/span>[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/HTML.jpg\" class=\"attachment-full size-full\" alt=\"HTML\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/HTML.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/HTML-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/HTML-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/HTML-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Here\u2019s what you should add to your code:<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">title=\"Your Title\" rel=\"nofollow\"<\/pre>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Of course, you can add your own title under the quotation marks (after <strong>title=<\/strong>), while the <strong>rel=&#8221;nofollow&#8221;<\/strong> part should always remain the same.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]To add your title and the nofollow tag in the Classic editor, switch to the <em>Text<\/em> tab, find your link, and then simply add the same code there. This is what it should look like:[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Nofollow-Tag.jpg\" class=\"attachment-full size-full\" alt=\"Nofollow Tag\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Nofollow-Tag.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Nofollow-Tag-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Nofollow-Tag-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Nofollow-Tag-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;78px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"adding-link-buttons\"><\/a>Adding Link Buttons to Your WordPress Site<\/h2>\n<p>[\/vc_column_text][vc_column_text]Buttons are another important element of website navigation that can help boost engagement and conversions on your site &#8211; especially if you have products to sell or offer any type of service. There are a few different ways in which you can add buttons in WordPress, but one of the most convenient ways to do this is to use a Gutenberg block.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Click the (+) icon in your page\/post editor, and find and select the Buttons block that you can find in the search field.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-Button.jpg\" class=\"attachment-full size-full\" alt=\"Gutenberg Button\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-Button.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-Button-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-Button-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Gutenberg-Button-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Then, you can <strong>insert your text in the area intended for your button.<\/strong>[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Download-Button.jpg\" class=\"attachment-full size-full\" alt=\"Download Button\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Download-Button.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Download-Button-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Download-Button-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Download-Button-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]You can also change the button\u2019s alignment, make the text bold or italic, and\/or choose from additional rich text controls such as Strikethrough, Inline Image, etc.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Button-Options.jpg\" class=\"attachment-full size-full\" alt=\"Button Options\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Button-Options.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Button-Options-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Button-Options-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Button-Options-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]By clicking the Link button, you will make a box appear where you will be able to enter your URL. Additionally, you can set the link to open in a new tab.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Button-Link.jpg\" class=\"attachment-full size-full\" alt=\"Button Link\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Button-Link.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Button-Link-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Button-Link-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Button-Link-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]You can also configure some additional button settings (such as color settings, border settings, etc.) in the <em>Block<\/em> tab on the right side of the screen. Also, In the <em>Link settings<\/em> dropdown, you will be able to insert the \u2018nofollow\u2019 attribute (in the <em>Link rel<\/em> box).[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"750\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Button-and-Link-Options.jpg\" class=\"attachment-full size-full\" alt=\"Button and Link Options\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Button-and-Link-Options.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Button-and-Link-Options-300x232.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Button-and-Link-Options-768x594.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Button-and-Link-Options-620x480.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]In case you\u2019re using the Classic editor, we recommend that you install and activate the plugin called <a href=\"https:\/\/wordpress.org\/plugins\/forget-about-shortcode-buttons\/\" target=\"_blank\" rel=\"noopener\">Forget About Shortcode Buttons<\/a>.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Then, in your post editor, you should click the <em>Insert Button<\/em> icon located on the right side of the toolbar.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Insert-Button-Icon.jpg\" class=\"attachment-full size-full\" alt=\"Insert Button Icon\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Insert-Button-Icon.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Insert-Button-Icon-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Insert-Button-Icon-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Insert-Button-Icon-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Once you click on it, a popup will appear allowing you to customize your button, change its colors, add text, icon, mark the link as nofollow, etc. Of course, you will be able to insert your URL as well.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"600\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Edit-Button.jpg\" class=\"attachment-full size-full\" alt=\"Edit Button\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Edit-Button.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Edit-Button-300x186.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Edit-Button-768x476.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Edit-Button-620x384.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Make sure to click on <em>Update<\/em> once you\u2019re done with editing your button.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"embedding-linked-content\"><\/a>Embedding Linked Content in WordPress<\/h2>\n<p>[\/vc_column_text][vc_column_text]If you want to embed specific types of linked content in your WordPress page or post (which will show some other details such as an excerpt, an image, a timestamp, etc.), you can easily do so by simply pasting the URL of the content you want to embed directly into the content editor. Just make sure that the link is placed in its own line from within the editor and not added to any text as a clickable link.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]For example, to embed a tweet, simply find its URL and, once pasted into the editor, it will render like this:<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"660\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Qode-Twitter.jpg\" class=\"attachment-full size-full\" alt=\"Qode Twitter\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Qode-Twitter.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Qode-Twitter-300x204.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Qode-Twitter-768x523.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Qode-Twitter-620x422.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]This is especially useful if you want to embed linked content from social networks like Twitter or Instagram, <a href=\"https:\/\/qodeinteractive.com\/magazine\/embed-youtube-video-in-wordpress\/\">embed YouTube videos<\/a>, and many others.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"adding-link-using-html\"><\/a>Adding a Link Using the Gutenberg HTML Block<\/h2>\n<p>[\/vc_column_text][vc_column_text]Sometimes, you may need to add a link manually, using an HTML code. This is useful if you want to further customize the look and behavior of your links, add an HTML widget, or even if you need to edit your link directly in your theme file (we recommend using the child theme for this last one).<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]And while we\u2019ve already demonstrated some ways in which you customize your links using HTML in both editors, there is another particularly easy way to do this in Gutenberg.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]You just need to find the <em>Custom HTML<\/em> block in the editor and click on it.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Custom-HTML-Block.jpg\" class=\"attachment-full size-full\" alt=\"Custom HTML Block\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Custom-HTML-Block.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Custom-HTML-Block-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Custom-HTML-Block-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/Custom-HTML-Block-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Copy and paste the following code in the HTML box:<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/HTML-Link.jpg\" class=\"attachment-full size-full\" alt=\"HTML Link\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/HTML-Link.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/HTML-Link-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/HTML-Link-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/HTML-Link-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Click on <em>Preview<\/em> to see what your link will look like on your page\/post.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/HTML-Link-2.jpg\" class=\"attachment-full size-full\" alt=\"HTML Link\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/HTML-Link-2.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/HTML-Link-2-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/HTML-Link-2-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/02\/HTML-Link-2-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Now, you should go back to the HTML tab and change the URL to the one you want to use. You should change the words \u201cYour Text\u201d in the same manner, as this will be your anchor text.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]If you wish to add a link title, this is how you can incorporate it into your code:<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">&lt;a href=\"https:\/\/www.your-link.com\" title=\"Your Title Goes Here\"&gt;Your Text&lt;\/a&gt;<\/pre>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Of course, you should change \u201cYour Title Goes Here\u201d accordingly as well.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]To set the nofollow tag, simply add rel=&#8221;nofollow&#8221;:<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">&lt;a href=\"https:\/\/www.your-link.com\" rel=\"nofollow\"&gt;Your Text&lt;\/a&gt;<\/pre>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]To get your link to open in a new tab, just add <strong>target=&#8221;_blank&#8221;<\/strong> to your code:[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">&lt;a href=\"https:\/\/www.your-link.com\" target=\"_blank\"&gt;Your Text&lt;\/a&gt;<\/pre>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Finally, if you want, you can add all these tags at the same time:<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">&lt;a href=\"https:\/\/www.your-link.com\" title=\"Your Title Goes Here\" target=\"_blank\" rel=\"nofollow\"&gt;Your Text&lt;\/a&gt;<\/pre>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"best-linking-practices\"><\/a>Best Linking Practices<\/h2>\n<p>[\/vc_column_text][vc_column_text]As with any other online strategy, there are some rules when it comes to using links that you can stick to for the best possible results. We\u2019ve gathered some of the best linking practices you can apply to make the most out of your links.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;72px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\">Write a Concise but Informative Anchor Text<\/h3>\n<p>[\/vc_column_text][vc_column_text]If you ask us, this one is a no-brainer. The better your anchor text, the easier it will be for search engines to understand what the page you\u2019re linking to is about. Plus, your users will also be able to swiftly navigate through the content that interests them.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]According to <a href=\"https:\/\/support.google.com\/webmasters\/answer\/7451184?hl=en\" target=\"_blank\" rel=\"noopener\">Google\u2019s SEO Starter Guide<\/a>, your anchors should be able to provide a basic idea of the page you\u2019re linking to while keeping it as concise as possible. Try sticking to a few words or a phrase that best describes your page while making sure that it naturally fits with the rest of your content. You should also<strong> include some of the most relevant keywords<\/strong> of the page or post you\u2019re linking to, especially when you\u2019re adding internal links. That being said, you shouldn\u2019t go overboard when implementing your keywords either. It\u2019s best to aim for some middle ground \u2013 this means trying to avoid an excessive number of keywords while making sure that your anchors look natural, concise and informative.[\/vc_column_text][vc_empty_space height=&#8221;72px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\">Make Your Links Easy to Spot<\/h3>\n<p>[\/vc_column_text][vc_column_text]No matter what types of links you\u2019re adding to your site, <strong>you should ensure that the formatting of your links is always easily noticeable<\/strong>. There are many different ways to do this \u2013 you can underline your text, change its color, and even make its appearance change upon hover. Whichever type of formatting you go for, just make it easy for users to differentiate between your regular and anchor text.[\/vc_column_text][vc_empty_space height=&#8221;72px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\">Place Your Links Higher On Your Page<\/h3>\n<p>[\/vc_column_text][vc_column_text]If you put up your links somewhere at the beginning of your page, users will be able to access some of your pages immediately, which can actually help reduce your bounce rate. And since clicking on different links allows users to spend more time on your site, this can <strong>signal to search engines that the pages your visitors are clicking on are valuable<\/strong>. Of course, that is not to say that you shouldn\u2019t place your links throughout the rest of your page. Still, we recommend adding a link or two close to the top of your page, if possible.[\/vc_column_text][vc_empty_space height=&#8221;72px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\">Link Strategically From Your Homepage<\/h3>\n<p>[\/vc_column_text][vc_column_text]More often than not, a homepage will be the place that contains the most links on a website. Plenty of users will also head straight to your homepage expecting to find more information related to you and\/or your business. You should take advantage of this and <strong>include as many internal links into your homepage as possible<\/strong> \u2013 of course, as long as you make sure that the navigation on your homepage is organized in a clean, intuitive and user-friendly manner.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]For example, linking to your blog from your homepage (either by adding a navigation link that leads to your blog posts page or linking to some of your most commonly used blog categories) can send authority to most of your blog posts. The same goes if you have an online store page (you can simply link to your shop page, or include links to your most popular product categories), your services, etc. Also, if it makes sense, you should include some of your CTA links (like Buy, Download, or Subscribe buttons) as well, since these types of links can help increase your conversions.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;72px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\">Link to Your Most Important Pages<\/h3>\n<p>[\/vc_column_text][vc_column_text]As we already mentioned in the beginning, linking to another page located on your site sends link authority to that page, which can contribute to better page ranking on search engines. To boost your internal linking strategy, you can always use the help of some online <a href=\"https:\/\/qodeinteractive.com\/magazine\/free-seo-tools\/\">SEO tools<\/a> (such as <a href=\"https:\/\/ahrefs.com\/\" target=\"_blank\" rel=\"noopener\">aHrefs<\/a>, for example) to find the pages on your site that have the most link authority. Then, you can simply link from those high-authority pages to those that you want to get better ranks.[\/vc_column_text][vc_empty_space height=&#8221;72px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\">Make Sure Your Internal Links Are Labeled as Dofollow<\/h3>\n<p>[\/vc_column_text][vc_column_text]We also mentioned the use of the nofollow tag and explained how you can add it to your external links. When it comes to most of your internal links, however, you should stick to using dofollow instead. This is a common-sense strategy since, in this way, your search engines will be able to count your links as part of your website\u2019s authority when it comes to ranking.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]That being said, all links have a dofollow status by default unless you change it. Still, there are some plugins for managing external and internal links (like the <a href=\"https:\/\/wordpress.org\/plugins\/wp-external-links\/\" target=\"_blank\" rel=\"noopener\">WP External Links plugin<\/a>, for example) that add a nofollow tag to external links automatically. These types of plugins can also have a setting for making internal links nofollow that can be enabled for some reason, or you can switch it on by accident. So, we recommend checking if any of your plugins add a nofollow tag to your internal links, just in case.[\/vc_column_text][vc_empty_space height=&#8221;72px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\">Stay Relevant<\/h3>\n<p>[\/vc_column_text][vc_column_text]While it is important (and recommended) to place various links throughout your content, you should <strong>stick to adding relevant links only<\/strong>. For example, if you have a post about adding images to your WordPress site, relevant links would be those that lead to your posts about resizing images, adding an image gallery, or any other article related to the topic of images in general, and not to posts about, say, typography or analytics.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Of course, <strong>this rule should apply to both internal and external links<\/strong>. Since the primary purpose of adding external links is to add more value to your content, it\u2019s only logical to also include external links that provide more info related to the topic at hand in some way.[\/vc_column_text][vc_empty_space height=&#8221;72px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h3 class=\"qodef-h5\">Link to Reputable Sources<\/h3>\n<p>[\/vc_column_text][vc_column_text]When adding external links to your site, you should make sure to <strong>only include sources that are considered reliable and well-respected in your niche<\/strong>. Linking to sites that can be regarded as unprofessional or have some clickbait elements to them can actually cause more harm than good when it comes to your online reputation, and by extension, your search engine results. And once your site is listed as bad by Google, changing its reputation can be more challenging than you might think.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\">Final Thoughts<\/h2>\n<p>[\/vc_column_text][vc_column_text]Links are crucial elements of your navigation that can bring many benefits to your website. Internal links can define your website\u2019s structure, they can help your users get around more easily, and increase your ranking on search engines. When done properly, external linking can also improve your website\u2019s authority and overall reputation in your niche.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]As you could see from our detailed guide, WordPress provides many different ways to add links to your site, including adding links to your pages, posts, widget areas, navigation menus, and so on. You can also easily add elements such as buttons, include link titles and nofollow tags, and even embed linked content to your site if you want to. Just make sure to follow our detailed instructions and try sticking to some (if not all) of the linking practices we mentioned above. By doing so, you will be well on your way to gain more link authority, more user engagement, and ultimately, more success in your industry.<br \/>\n[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Stick around as we talk about the importance of links, show you different ways to add them to your WordPress site, and share some of the best linking practices.<\/p>\n","protected":false},"author":2,"featured_media":20700,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[4,13],"class_list":["post-20542","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","tag-tips","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/20542","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/comments?post=20542"}],"version-history":[{"count":0,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/20542\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media\/20700"}],"wp:attachment":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media?parent=20542"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/categories?post=20542"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/tags?post=20542"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}