Like other elements of your website, deciding when to link to other pages or websites depends on both your and your users’ objectives.
- To drive traffic to important pages on your own site (but only when those pages are relevant to the topic at hand).
- As a courtesy to your visitors, taking them to directly to pages or websites that expand upon the topic at hand.
- To cross-reference relevant pages on your website.
- To eliminate redundancy on your site. Rather than repeating the same information on multiples pages, use links to send visitors to a single source of truth.
Writing link text
Links include two components: the link text, and the target URL.
- Example: The Gephardt Institute for Civic and Community Engagement provides opportunities to deepen your community impact.
- Link text: Gephardt Institute for Civic and Community Engagement
- Target URL: https://gephardtinstitute.wustl.edu/
These guidelines can help you write effective link text:
- Be descriptive: Avoid creating links that say “click here” or using a web address / URL as a link. Make the link text itself descriptive of the destination.
- Be concise: Links can span several words, but keep them to the most relevant words or phrase.
- Try the skim test: A visitor should be able to skim the links on a page and understand what they link to without reading the context.
- Avoid repeating the same link: When two links on a page go to the same destination, you create more work for your site’s visitors who have to figure out if and how the links are different (read more about avoiding duplicate links).
Jump to tips and example of the following types of links:
- Standalone links
- Links to files/documents (pdf, xls, ppt, etc.)
- Email addresses as links
- URLs as link text
- Buttons (separate guide)
Typically links appear as in-line text, but standalone links – which appear on a line of their own instead of within a paragraph – can be used to call attention to important links and actions. Standalone links may be used more generously than buttons, which should be used sparingly.
- Start with a verb that invites visitors to do something.
- End with a double chevron / guillemet (»). Do not substitute with two greater than symbols (>>). To create the symbol:
- PC: Alt + 175
- Mac: Shift + Option + \
- If three or more standalone links appear in a row, consider making the links bullet points and removing the chevrons (»).
Example standalone link:
Join our community of physicians and scientists, and we’ll encourage you to dream big – and support you in making those dreams a reality.
Example of 3 or more links (bulleted list with no guillemets):
Learn more about student research:
Links to files can be in-text or standalone. (See the WashU Web Theme tutorial for linking to documents.)
- Open link in a new window/tab.
- Include the file type as part of the link in parentheses at the end.
Example links to documents:
An email address link automatically opens a draft addressed to that email – but only if the user’s computer/device has a default email application.
Make all email addresses on your site into links, and use the email address itself as the link text. This allows users to click on or copy the address, based on their preferences and settings, while also making the expected link behavior clear. (See the tutorial for adding links.)
- Use the email address – rather than the person’s or office’s name – as link text
- Link may be in-line (within a sentence) or standalone
- If paired with other contact information, use soft returns to group into logical, scannable chunks (e.g., mailing address as one chunk, phone number and email as another)
Example email links:
Like letting your underwear show: Do it on purpose, not by accident.
A URL / web address (e.g., sites.wustl.edu) should be included in your text only if promoting the URL itself is the goal of a marketing strategy. It is preferable to use descriptive words for link text, as described in Linking Basics.
If you have reason to use a URL as link text, the URL should be straightforward and concise, following these guidelines:
- 40 characters maximum
- No repetitive or meaningless words, numbers or other characters (instead, contact the office of public affairs or medical public affairs to request a vanity URL)
- No http://www, trailing slashes, or file extensions like .aspx or .html (Ex: http://brownschool.wustl.edu/Pages/Home.aspx)
Examples of acceptable URL link text:
- http://jobs.wustl.edu/ (includes http:// and trailing slash)
- sites.wustl.edu/star (formatted correctly but doesn’t link)
- fertility.wustl.edu/treatments-services/in-vitro-fertilization/ (too long; instead create vanity URL such as fertility.wustl.edu/ivf)
- hr.wustl.edu/career_development/Pages/default.aspx (URL includes superfluous words)