The way we use links can greatly impact user experience. Links should direct users to helpful resources, and do it in a way that is informative and contextually relevant. In other words, a good on-page link helps the user predict exactly where they’re going before they click — and without disrupting content flow. By placing descriptive, well-organized links in your content, you make it easier for users to act on their needs.
Use the tips below to ensure your on-page links are clean and convenient.
Write Descriptive Text Links
Long URLs are hard for users to quickly interpret, so embed them in descriptive text links that include key terms from the destination page. For example, if you’re linking to MyChart (https://lluh.org/patients-visitors/patients/mychart) simply link the text: MyChart
As best you can, tell the user exactly where they’re going and what they’re getting. Instead of using generic terms like click here or learn more, use more informative text such as flu season guide.
Frontload Important Terms
Studies show that users only read the first two words of a link when scanning a page. To help ensure your users’ eyes grab onto the link’s main idea, put primary keywords at the front of the link. Instead of learn more about diabetes, try diabetes guide.
Link Body Text — Steer Clear of Headings
Body text is the ideal place for links, as it lets users take action without disrupting content flow. Plus, linking headings can distract from the page’s main subject and harm visual appeal. So, if you have a section on heart health, link your heart diet guide from the sentence, Heart-healthy diets can help people... when the topic arises organically.
Remember to Link Non-Webpage Resources
Some links don’t lead to a webpage, such as phone numbers, email addresses, and social media tags. Remember to link these types of resources so users don’t have to manually copy/paste to use them.
Avoid Linking URLs with Affixes or Other Elements
If you see something like #xyz_ or ?rsource= at the end of a URL path, it means they’ve been configured to help the DX team track traffic. Be sure to remove this part of the URL before linking it so we don’t skew results.
- Example: lluch.org/patients-families/coronavirus-updates-for-parents-visitors#covid19_alert
- Example: lluh.org/patients-visitors/patients/video-visitsrsource=lluh.org/video-visits
Open External Links in a New Tab
Set links to open in a new tab when directing users to external sites. This ensures users don’t leave your website entirely, allowing them to explore supplementary content without losing their place on your site.
