> good practices for improving links clickability
Hyperlinks are the very essence of web… so let’s take care of how they look to give our visitors good reasons to visit them!
- Underline links
> This is the basic web standard for links, so don’t neglect it! Also it is generally recommended to keep underlining for links only – precisely the opposite of what I am doing here in fact!
- Use capitals smartly
> Capital letters are a way of making your links more visible too. The right use of them is to simply the first letter of link text in capital.
Ex. “This is a short post just to show you How to make smart links“.
- Write useful anchors
> Do not use general instructions such as “click here”, “learn more” and Co: it’s doesn’t help visitors knowing what they’ll find behind that link. Instead write anchors that are the title of pages or documents your linking to.
- Position matters
> As always on web page, content above fold is more likely to be read by users. Same thing for links: the 1st link of your post / page will get more clicks than the ones below, so keep that in mind when posting!
- Avoid links gadgets
> Links might remain clear and simple, so don’t bother implementing gadgets that give a preview of target page (ex. snap.com). Only a mouseover tooltip is recommended.
- Open internal links in same window
> Links pointing to another page of your site might open in the same window, not in a new one or a new tab. This other important standard is to allow navigation coherence throughout your whole website.
- Change link aspect on roll-over
> Yet keep that change of aspect quite light not to disturb reading – ex. avoid changing regular font to bold and/or italic one, and rather settle for a change of color.
- Show out-going links
> You can tell users when a link targets an external page by inserting this tiny icon next to your link text:
- Use different colors for visited / unvisited links
> A good way of letting users know whether they already clicked the link in question or not. Take care of making that difference noticeable – for ex. use vivid colors for unvisited ones, and more dull ones for visited ones.
- Choose correct lenght
> A one-word link might not be the best option, but yet you might avoid giving useless information to your visitors. Max limit is about 10 words.
While writing this I realized I myself have some progress to make concerning links…! So from now on I’ll be following these useful recommendations, and it’s time putting some indispensable ones into practice: underlining links, using the icon for out-going ones, and above all writing more pertinent links titles instead of my usual “click to learn more”…!
WAY – What About You
What is your own recipe for links usability?