{"id":1796,"date":"2016-06-07T12:03:19","date_gmt":"2016-06-07T11:03:19","guid":{"rendered":"https:\/\/blogs.ncl.ac.uk\/web\/?p=1796"},"modified":"2016-06-07T10:15:52","modified_gmt":"2016-06-07T09:15:52","slug":"to-link-or-not-to-link-when-and-where-to-use-hyperlinks","status":"publish","type":"post","link":"https:\/\/blogs.ncl.ac.uk\/web\/2016\/06\/07\/to-link-or-not-to-link-when-and-where-to-use-hyperlinks\/","title":{"rendered":"To Link or Not to Link \u2013 When and Where to Use Hyperlinks"},"content":{"rendered":"<p>We\u2019ve recently had a couple of questions from web editors about hyperlinks \u2013 particularly about whether to include the same link more than once on a webpage.<\/p>\n<p>This post will focus on when, and when not, to use hyperlinks and where you should try and place them on a page.<\/p>\n<h2>Helpful content<\/h2>\n<p>When writing web content your aim should be to help your user find the answer to their question or complete a task.<\/p>\n<p>Hyperlinks help with this because they:<\/p>\n<ul>\n<li>give active instructions<\/li>\n<li>support scan-reading<\/li>\n<li>offer further information or a next step<\/li>\n<\/ul>\n<p>It\u2019s important to <strong>only link to relevant content<\/strong> that supports the messages on your page, or helps your user complete their task or answers their questions.<\/p>\n<h2>Careful placement<\/h2>\n<p>As well as thinking carefully about what you link to, you should also think carefully about where within your content you should link from.<\/p>\n<p>Think about the <strong>primary message<\/strong>\u00a0\u2013 what do you need to convey to your audience before they leave your page? If you add hyperlinks too early then you run the risk of your user leaving before they\u2019ve had a chance to read your content.<\/p>\n<h2>Hit targets<\/h2>\n<p>Mobile has changed the placement of hyperlinks on a page as you now need to think about hit targets. <strong>Don&#8217;t have too many hyperlinks together<\/strong> as this will make it harder for the user to select them.<\/p>\n<p>You should also try and <strong>add hyperlinks at the end of paragraphs and sentences<\/strong>.\u00a0Again this helps with hit targets and increases the likelihood of your user reading your content before clicking a hyperlink and being taken elsewhere.<\/p>\n<h2>Avoid duplicating links on a page<\/h2>\n<p>It can be tempting to duplicate links on a page. Hoa Loranger (Nielsen Norman group) points out that people often think that duplicate links provide \u201calternative ways to access links\u201d and \u201csafety nets\u201d.<\/p>\n<p>However, too many calls to action on the same page can confuse users.<\/p>\n<p style=\"padding-left: 90px\">&#8220;<em>Each additional link places an extra load on users\u2019 working memory because it causes people to have to remember whether they have seen the link before or if is a new link.<\/em>&#8220;<\/p>\n<p style=\"padding-left: 270px\">Hoa Loranger Nielsen Norman group (NNg)<\/p>\n<p>In addition, duplicate links can be harmful to the user experience:<\/p>\n<p style=\"padding-left: 90px\">\u201c<em>Extra links waste users time whenever users don\u2019t realise that two links lead to the same place<\/em>.\u201d<\/p>\n<p style=\"padding-left: 270px\">Hoa Loranger Nielsen Norman group (NNg)<\/p>\n<p>Loranger also points out that that &#8220;each additional link depletes users\u2019 attention because it competes with all others.&#8221;<\/p>\n<p>So rather than providing a safety net you\u2019re potentially reducing the likelihood of the user spotting the link.<\/p>\n<p>Instead of adding duplicate links on a page, Loranger argues that <strong>where you place the link<\/strong> is more important.<\/p>\n<p style=\"padding-left: 90px\">&#8220;<em>Making a link more noticeable by placing it prominently in an expected location on the page can yield better results than duplicating it elsewhere on the same page&#8221;<\/em><\/p>\n<p style=\"padding-left: 270px\">Hoa Loranger Nielsen Norman group (NNg)<\/p>\n<h2>Summary<\/h2>\n<p>To link or not to link? As always it depends on your content as to whether you should include a hyperlink on a webpage, and where on the page you should place it.<\/p>\n<p>Think carefully about the <strong>purpose of your page<\/strong> to help decide whether to add a hyperlink to relevant content, and how early on you should include one.<\/p>\n<p>However, try not to include more than one link to the same content on any webpage as this can be harmful to usability.<\/p>\n<h2>Related posts<\/h2>\n<ul>\n<li><a href=\"https:\/\/blogs.ncl.ac.uk\/web\/2015\/04\/21\/how-to-structure-content-on-a-webpage\/\">How to Structure Content on a Webpage<\/a><\/li>\n<li><a href=\"https:\/\/blogs.ncl.ac.uk\/web\/2015\/10\/01\/how-to-use-the-core-model-to-improve-your-web-content\/\">How to Use the Core Model to Improve Your Web Content<\/a><\/li>\n<\/ul>\n<h2>References and further reading<\/h2>\n<p>Hoa Loranger, <a href=\"https:\/\/www.nngroup.com\/articles\/duplicate-links\/?utm_source=Alertbox&amp;utm_campaign=2d653fa400-Same_Link_Twice_Improve_Search_Engine_03_14_2016&amp;utm_medium=email&amp;utm_term=0_7f29a2b335-2d653fa400-40152301\">The Same Link Twice on the Same Page: Do Duplicates Help or Hurt?<\/a> Nielsen Norman Group (NNg), 13 March 2016<\/p>\n<p>Kathryn Whitenton, <a href=\"https:\/\/www.nngroup.com\/articles\/minimize-cognitive-load\/\">Minimize Cognitive Load to Maximize Usability<\/a>, Nielsen Norman Group (NNg), 22 December 2013<\/p>\n<p>Jennifer Cardello, Nielsen Norman Group (NNg), <a href=\"https:\/\/www.nngroup.com\/articles\/navigation-cognitive-strain\/\">Four Dangerous Navigation Approaches that Can Increase Cognitive Strain<\/a>, 28 September 2013<\/p>\n","protected":false},"excerpt":{"rendered":"<p>We\u2019ve recently had a couple of questions from web editors about hyperlinks \u2013 particularly about whether to include the same link more than once on a webpage. This post will focus on when, and when not, to use hyperlinks and &hellip; <a href=\"https:\/\/blogs.ncl.ac.uk\/web\/2016\/06\/07\/to-link-or-not-to-link-when-and-where-to-use-hyperlinks\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1268,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17,61],"tags":[53,101,29],"class_list":["post-1796","post","type-post","status-publish","format-standard","hentry","category-content","category-design-and-development","tag-content-prioritisation","tag-hyperlinks","tag-responsive-design"],"_links":{"self":[{"href":"https:\/\/blogs.ncl.ac.uk\/web\/wp-json\/wp\/v2\/posts\/1796","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.ncl.ac.uk\/web\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.ncl.ac.uk\/web\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.ncl.ac.uk\/web\/wp-json\/wp\/v2\/users\/1268"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.ncl.ac.uk\/web\/wp-json\/wp\/v2\/comments?post=1796"}],"version-history":[{"count":7,"href":"https:\/\/blogs.ncl.ac.uk\/web\/wp-json\/wp\/v2\/posts\/1796\/revisions"}],"predecessor-version":[{"id":1812,"href":"https:\/\/blogs.ncl.ac.uk\/web\/wp-json\/wp\/v2\/posts\/1796\/revisions\/1812"}],"wp:attachment":[{"href":"https:\/\/blogs.ncl.ac.uk\/web\/wp-json\/wp\/v2\/media?parent=1796"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.ncl.ac.uk\/web\/wp-json\/wp\/v2\/categories?post=1796"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.ncl.ac.uk\/web\/wp-json\/wp\/v2\/tags?post=1796"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}