How to embed a hyperlink in your WordPress webpage or blogpost? updated for Block (Gutenberg) Editor 2019

The following two tabs change content below.

Donncha Hughes

Sole Trader/ Proprietor
Donncha Hughes is a mentor, trainer and business advisor. I deliver group and one to one training on Wordpress. My background is assisting business with development of marketing, business plans, grant and finance applications. See www.startuphughes.com for more...

Links are extremely important for Search Engine Optimisation (SEO) – Google and the major search engines attach great significance to pages which are being ‘talked’ about on Social Media and also being linked to by other sites. It also values websites which contain links to other sites thereby providing the reader with additional (optional) sources of information. This blog post will provide instructions on how to create an embedded link on pages or posts within your website using the new WordPress Block Editor. A hyperlink is a link to another site while an embedded link is where the text containing the link explains why the link is being created. This post will guide you on how to embed a link as this is Google’s preferred format on the basis that it is of benefit to the reader also.

SEO globe

General Instructions for Embedding a Link

1.Open the webpage that you want to create a link to (in a new tab preferably).
It does not necessarily have to be a homepage. I often suggest that businesses link to an Association of which they are a member – you might also want to link to Suppliers or Retailers who stock your product.  In this case, I want to create a link to my other website which details my services for startups – if you hover over the link your web browser will tell you that it goes to my contact us page and if you click on the link it will bring you to that page on my other website.
 
 
2. Copy the URL of the exact page you want to link to (In browser address or URL bar, Select the full URL and right click and select Copy)
 
 
Browser Address Bar

 
SEO requires us to do more than just paste the link into your page or post as you might do with an email. It is suggested that the link is embedded. There is an embedded link in Item 1 above as per image below …
 
 
link to startuphughes contact page
 
3. Back in your own page or post, you write a sentence that will contain the link to give context to the reader.
 
 
4. Within this new sentence, select the 2,3 or 4 words in which the link will be embedded – when published these words will either be a different colour or underlined. You don’t want to select a full sentence as it does not look good and will put off the reader but 5 or 6 words can work sometimes.

5. Click on the LINK ICON in the Visual Editor

This is the screen in WordPress which shows the LINK Icon.
 
Hyperlink WordPress
 
 
6. Clicking on the button brings up this menu. Paste the URL in the box provided:
 
 
 
Link to Kielys Bar
 
 
It is important to put in a title…. this text is displayed when the reader hovers over the link with the mouse. They can then decide if they want to visit the site – decide using the sentence in which the link is embedded and the additional information provided in this Title box.
 
I generally tick the box to open the link in a new Tab. Doing this ensures that your reader can visit the other link and easily return to your site which remains open in its own tab.
 
Please note that links can be added within WordPress to Images. These can be links on other websites, referred to as external links, or to your own website pages or posts, which  are deemed internal links [SEO best practice deems it good to add a few internal links per page and post as appropriate) 
 
 

BLOCK EDITOR UPDATE

 
As explained in a recent post, WordPress recently introduced the Block Editor whereby content is added as blocks. Adding a Paragraph Block with text and embedding a link works to the same principles but the screens are different. The general steps are as follows:
 
I. Add a Block using the Add Block button
II. Select Paragraph Block
III. Go to a new tab and open up a website that you want to link to, go to the page you want to link to.
IV. Copy the web address
V. Back in WordPress highlight the text where you want the text to be linked usually 3 or 4 words
VI. Click on the Link icon in the TOOLBAR and a pop-up box will appear

…. You can just paste the link into the pop-up but I suggest that you

VII. Click on the Link Settings icon (3 Vertical Dots) within that pop up to get a slightly expanded pop up screen

VIII. Paste in the link or start typing page keywords to search for internal links.

… And make sure to click on NEW Tab checkbox item. Then click the Apply button that looks like an Enter symbol (clicking Enter or Return key does not work for some reason)

 
The following image (click to enlarge) charts the flow of screens that will be encountered using the new Block Editor. 
 
 
Embed a Link with WordPress Block Editor
 
 
7. INSERT and SAVE/ UPDATE in WordPress to save changes.
 
It is good practice to test that the link is now active and working as intended. It is easy enough to delete the link (by deleting the text) and starting again if you need to.

 

Conclusion(s)

 
  • Many people developing a new website for the first time may think that it is counter productive to create hyperlinks as you would only be driving or passing on your readers to other sites, so it is important to understand the big picture, which is that we all need the internet to work. Demonstrating that we are prepared to help our visitors to find the information that they need,  by including Internal and Anchor Links or indeed links to external websites is the best way of holding on to them and getting them to come back to us.
 
  • When looking for backlinks from other sites, it is important that they are created as Embedded Links. The ideal format is as part of a blog post relating to your website.
 
WordPress Glossary and Terms

Check out upcoming Training Dates delivered by Donncha Hughes for LEO Galway – SEO and Creating a Business Website using WordPress – book direct via LEO Galway.

Donncha Hughes is a mentor, trainer and business advisor. I deliver group and one to one training on Wordpress. My background is assisting business with development of marketing, business plans, grant and finance applications. See www.startuphughes.com for more...

Tagged with: , , , , , ,