{"id":443,"date":"2014-03-10T19:13:16","date_gmt":"2014-03-10T19:13:16","guid":{"rendered":"http:\/\/engage.augsburg.edu\/mannj\/?p=443"},"modified":"2015-12-30T11:19:18","modified_gmt":"2015-12-30T16:19:18","slug":"why-click-here-links-are-so-terrible","status":"publish","type":"post","link":"https:\/\/engage.augsburg.edu\/mannj\/2014\/03\/10\/why-click-here-links-are-so-terrible\/","title":{"rendered":"Why &#8220;Click Here&#8221; links are so terrible"},"content":{"rendered":"<div id=\"attachment_444\" style=\"width: 409px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/engage.augsburg.edu\/mannj\/2014\/03\/10\/why-click-here-links-are-so-terrible\/click-here\/\" rel=\"attachment wp-att-444\"><img aria-describedby=\"caption-attachment-444\" loading=\"lazy\" class=\"size-full wp-image-444 \" style=\"border: 1px solid black;\" title=\"click-here\" src=\"http:\/\/engage.augsburg.edu\/mannj\/files\/2014\/03\/click-here.png\" alt=\"\" width=\"399\" height=\"100\" srcset=\"https:\/\/engage.augsburg.edu\/mannj\/files\/2014\/03\/click-here.png 399w, https:\/\/engage.augsburg.edu\/mannj\/files\/2014\/03\/click-here-300x75.png 300w\" sizes=\"(max-width: 399px) 100vw, 399px\" \/><\/a><p id=\"caption-attachment-444\" class=\"wp-caption-text\">Never, ever, ever do this<\/p><\/div>\n<p>There are three guidelines you should follow when creating a text link.<!--more--><\/p>\n<p>The link text should:<\/p>\n<ol>\n<li>say what you are linking to<\/li>\n<li>make sense out of context<\/li>\n<li>not contain the words &#8220;click here&#8221;<\/li>\n<\/ol>\n<p>Here&#8217;s why.<!--more--><\/p>\n<h2>Say what you are linking to<\/h2>\n<p>The link should tell the user in plain language what the link goes to. So if you are linking to a page where people can purchase tickets for your event&#8211;let&#8217;s say &#8220;The Fish Under The Sea&#8221; Dance&#8211;then the link should indicate that.<\/p>\n<p>Good:<\/p>\n<p><a href=\"#\">&#8220;Fish Under The Sea&#8221; Dance Tickets<\/a><\/p>\n<p>Bad:<\/p>\n<p><a href=\"#\">Click here<\/a> to buy your tickets for the &#8220;Fish Under The Sea&#8221; Dance<\/p>\n<p>In the first example, the link text tells you all you need to know. You can click it, confident that it will take you to a page where you can buy tickets for the dance. In the second example, you need to read the whole sentence to know what &#8220;Click here&#8221; is taking you to. People are trying to buy tickets for the dance, and the &#8220;click here&#8221; link is slowing them down and confusing them. Which brings us to&#8230;.<\/p>\n<h2>Links should make sense out of context<\/h2>\n<p>In our bad example above, you need to read the whole sentence to know what the link is going to. &#8220;Click here&#8221; tells you no information. It commands you to do something, but it doesn&#8217;t tell you if that&#8217;s something you actually want to click on.<\/p>\n<h2>Do not say &#8220;Click Here&#8221;<\/h2>\n<p>Here&#8217;s a summary of why this is so bad.<\/p>\n<ol>\n<li>It is unnecessary\n<ul>\n<li>People know what to do with links. They know to click it.<\/li>\n<\/ul>\n<\/li>\n<li>It is meaningless\n<ul>\n<li>The words &#8220;Click Here&#8221; gives them no additional meaning or context<\/li>\n<\/ul>\n<\/li>\n<li>Does not tell them where the link goes<\/li>\n<li>Hinders page scanning\n<ul>\n<li>People scan pages rather than reading line by line. So if someone is looking for the link, they have to stop at &#8220;Click Here&#8221; links and read the text around it to find out if that&#8217;s the link they need. By not having good link text, you slow them down, confuse them, and possibly prevent them from noticing the link entirely.<\/li>\n<\/ul>\n<\/li>\n<li>It is not a &#8220;call to action&#8221;\n<ul>\n<li>Some people think the phrase &#8220;Click Here&#8221; acts like a call to action, like saying &#8220;Sign Up Now&#8221; or &#8220;Get Started.&#8221; But it&#8217;s not. It&#8217;s <em>operational<\/em> text. It&#8217;s telling you <em>what<\/em> you do, not <em>why<\/em> you&#8217;re doing it. It&#8217;s like having &#8220;Read this page&#8221; at the top of your web page.<\/li>\n<\/ul>\n<\/li>\n<li>Accessibility\n<ul>\n<li>Someone using a screen reader or other technology will have a more difficult time figuring out what the link is for. Screen readers can read all the links on the page, so someone using a screen reader just hears &#8220;Click Here&#8221; \u00a0without the other context.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<h2>But don&#8217;t just take <em>my<\/em> word for it<\/h2>\n<p>Here are some other articles about this phenomenon, why it&#8217;s bad, and tips on how to do better text links.<\/p>\n<p><a href=\"http:\/\/uxdesign.smashingmagazine.com\/2012\/06\/20\/links-should-never-say-click-here\/\" target=\"_blank\">Why your links should never say &#8220;Click Here&#8221;<\/a>\u00a0via Smashing Magazine<\/p>\n<p><a href=\"http:\/\/www.w3.org\/QA\/Tips\/noClickHere\" target=\"_blank\">Don&#8217;t use &#8220;Click Here&#8221; as link text<\/a> via W3c<\/p>\n<p><a href=\"http:\/\/www.goodusability.co.uk\/2009\/01\/19\/dont-say-click-here-on-link-text\/\" target=\"_blank\">Don&#8217;t say &#8216;Click Here&#8217; on text links<\/a> via Good Usability<\/p>\n<p><a href=\"http:\/\/www.nngroup.com\/articles\/writing-links\/\" target=\"_blank\">Writing Hyperlinks<\/a> via Nielsen Norman Group<\/p>\n","protected":false},"excerpt":{"rendered":"<p>There are three guidelines you should follow when creating a text link.<\/p>\n","protected":false},"author":112,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[4],"tags":[],"_links":{"self":[{"href":"https:\/\/engage.augsburg.edu\/mannj\/wp-json\/wp\/v2\/posts\/443"}],"collection":[{"href":"https:\/\/engage.augsburg.edu\/mannj\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/engage.augsburg.edu\/mannj\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/engage.augsburg.edu\/mannj\/wp-json\/wp\/v2\/users\/112"}],"replies":[{"embeddable":true,"href":"https:\/\/engage.augsburg.edu\/mannj\/wp-json\/wp\/v2\/comments?post=443"}],"version-history":[{"count":11,"href":"https:\/\/engage.augsburg.edu\/mannj\/wp-json\/wp\/v2\/posts\/443\/revisions"}],"predecessor-version":[{"id":451,"href":"https:\/\/engage.augsburg.edu\/mannj\/wp-json\/wp\/v2\/posts\/443\/revisions\/451"}],"wp:attachment":[{"href":"https:\/\/engage.augsburg.edu\/mannj\/wp-json\/wp\/v2\/media?parent=443"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/engage.augsburg.edu\/mannj\/wp-json\/wp\/v2\/categories?post=443"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/engage.augsburg.edu\/mannj\/wp-json\/wp\/v2\/tags?post=443"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}