Filed under Other topics, Tutor

Click here to read this article

No matter where you go on the web today you see those little anonymous links: “click here“. You clearly see them, often marked with a different color (links as they are), but you don’t immediately see where they go. Instead you need to read the text before, no wait, after, Oh! That’s a nice image up there? Hmm… What was I looking for again?

It has been said over and over again; very few people actually read full articles unless they know it’s worth it. It’s all about trust. They must have previously gotten the idea that the article they are about to read is on topic, interesting, worth a read. It’s a tricky situation, before they have read the article they need to somehow already know that they are on the right track. The solution is of course good links.

A link tells you something about the page you’re about to visit. You get a quick two or three word summary, often from an author you have previously deemed trustworthy (after all, you’re reading her/his site are you not?). When you are on a trusted site and click on a link you know that the destination is a good one. Why would there be a link there otherwise? You also know roughly what the site is about, it’s summarized and underlined in blue right there. You click and you start reading.

Instead of the above scenario I see the same problem repeated over and over again. Instead of using good link text people use “click here” to name their links. You force me to read a lot more than I should need to. Damn you!

But not only do you annoy your users. Search engines use link text as a primary source of information about the site linked to. Who wants to be found on Google only by those that search for “click here”? Sure, Google sometimes act like a persistent human and reads the surrounding text too, but it also values those words less. What? I can’t use Google to find you? Damn you!

Many screen readers have an option to only show the links for a site. This is a useful feature if you are browsing, navigating, searching for something, but know it’s not on the current page. Since screen reader users are dependent on hearing things they navigate much slower than an average user and all ways of speeding up that process helps. On a page with the usual “click here” links, the generated list will be useless. The links are taken out of context and users are forced to read the whole site to see where a certain link goes. Why are you punishing them when it’s so easy to do it the right way? Damn you!

Sometimes the existence of “click here” links has to do with design. It’s very popular right now to remove the underlining on links. This makes links harder to see and you need other methods to show the user where to click. One of them is telling the user what to do in text instead: “I want you to buy my product, but you can’t by clicking directly, you need to click here”. “Click me” designers: Damn you!

And it’s so easy.

Link with the words that best describe the content you link to.

Now. No one is going to do funny things with their comment signatures or trackbacks will they?

Feel free to leave a comment, or subscribe to my feed.

related

List some related articles:

You might want to browse all articles.

linkback

These people have linked to this article:

To get a link in this list: make sure your blogging software supports trackbacks or pingbacks and simply link to this article like this:

<a href="http://friendlybit.com/other/click-here-to-read-this-article/">Click here to read this article</a>

You can also trackback by copying this link, and pasting it into a trackback field in your blogging tool.

about

Author: Emil Stenström

Emil Stenström blogs about web development. Posts are bi-weekly.

To the about section

comments

What do you think about this article? I’d love to hear your view!

Scroll to comment box.

  1. Emil Stenström 19 Oct

    01

    Fun facts: Amazon have almost 9 million pages with “click here” on them.

  2. Rowan Lewis 19 Oct

    02

    I beg to differ about the “everywhere you go part”, because they have no place on any website I make.

  3. Emil Stenström 19 Oct

    03

    Hi Rowan, that link led to a “under construction” site. Hope your don’t mind that I removed it…

  4. SNH 19 Oct

    04

    Some examples from W3C on how to write link text.

    Btw, one thing I thought about when reading this is, how should one handle “go back” or “try again” links.

    In some way it feels right to write it like that, but it also feels like there should be some better way.

    Without redirect I mean.

  5. Emil Stenström 19 Oct

    05

    @SNH: Good question. I think I would add another word to each one of them. “back to money transfers” and “try booking again”. Think that would work?

  6. SNH 20 Oct

    06

    Yes, that sounds good, how could I not think of that.

    Thank you for the help!

  7. Rowan Lewis 21 Oct

    07

    Emil, you missed the point of the link ;)

  8. Caroline Courtney 25 Oct

    08

    Hehe thanks for this; I might have to pass this on if a certain client keeps sending me revisions INSISTING that I change certain snippets of content back to their intended: “For more details on X, ‘click here’.
    Seriously, how on earth do you think thats better?

  9. Adam Z 7 Nov

    09

    I agree with your point fully, but aren’t there certain situations where it becomes awkward not to use the click here? For example, “To read the full report, click here” What would you replace it with?
    “Read the full report” sounds a little demanding.
    “Here you can read the full report” - Is this much better than click here?
    Maybe, “The full report is available for download.”

    Those all sound more awkward than click here. What would you suggest?

  10. Emil Stenström 7 Nov

    10

    @Adam: I would use the first one. Decorating your important links with politeness will just make people confused. Keep it simple is one of my mottos :)

  11. Jonathan Nicol 11 Nov

    11

    A subject near and dear to my heart. Like Caroline (comment #8), I believe the source of poorly labeled links is often copy supplied by the client. Clients just love the term ‘click here’, presumably because they don’t realise how meaningless it is, both to readers and to search engines. I usually go through my clients’ text and change it so the links integrate more meaningfully into the flow of the copy.

  12. Emil Stenström 22 Nov

    12

    @Jonathan Nicol: Even better is if you are able to convince them with arguments, but I know that’s hard :)

  13. Tr909 28 Nov

    13

    @Emil: I think that’s a pretty strong argument: “Google! Your website will be better suited for indexing and being found by Google!” (reply: “.. .ah that’s important isn’t it, well ok…”)

  14. Shii 29 Nov

    14

    Reading is for wimps!

  15. Lazy 29 Nov

    15

    It’s called a call to action and it is used with purpose. Those people typing “click here” links know how to market better than the donkey that doesn’t.

  16. Emil Stenström 30 Nov

    16

    @Lazy: Nicely put, and I admire you for your skillful use of words. Thanks, and be sure to subscribe!

  17. zenshadow 30 Nov

    17

    Click here (sorry, couldn’t resist!)

  18. milo317 30 Nov

    18

    What about enabling “tool tips” and adding a small description in the link title?

  19. Marty 5 Dec

    19

    Totally agree. In fact “click here” used as link text will fail accessibility validators like cynthia says. Some developers are getting to understand this so have improved an use better link text like “read more on subject” or “find out about subject here” but still a correct link text is neeeded for accessibility and better still extra information about the link in the title attribute.

    Still I think the “click here” link is going to be around for a while still

  20. Anne 6 Jan

    20

    You are right… Never thought of that. However, underlined links does look ugly in a text!

If you want to you can follow the disussion through a comment feed.

add comment

This is the place where you get to say your opinion about this article, use it well. Formating with HTML is allowed. A red asterisk means that the following field is required.

Comment Form




Comment Form