Linking to other assets within our website

Linking to other assets within our website

Linking to other assets within our website

You can avoid the problems of broken links on your web pages by making sure that you link to other pages or documents by using their asset IDs rather than their location URLs.

The asset ID for a page or document never changes, even if it is moved to another part of the website. By linking to an asset ID, even if the asset you've linked to is moved somewhere else on the website, if it's renamed or its URL changes, your link will still work.

Adding a text link

Here's an example of a typical content container. You might want to add a link to another page on the website from some text within the page.

a typical page

Step 1 - select the text that will be used as the link to the new page

The first thing you need to do is to select the text you want to use as a link to the new page. When you select the text, you'll notice that  a box pops up that gives you several choices. Choose the linking icon to create a link.

Step 2 - tell Squiz that you're creating an internal link

If you were going to create a link to an external page (for example google.com) you would type the url in the URL box that you see in the example below. However, in this case we want to use an internal link (a link to a page that's already on our website). We don't want the link to break, so instead of using a url, we'll use the link's asset ID. To do this, select the icon to the right of the URL box.

Step 3 - selecting the page you want to link to

Once you click the icon, the asset finder will open up. The page that you are currently working on will be selected (for no apparent reason, the page is called Table). You'll need to navigate to the page you want to link to using the asset finder.

Work your way through the asset finder until you find the page that you want to link to. Select it, then click save.
You'll see the asset number in the linking box. You'll also see there's an option to add a title for the link. This is the text a user will see when they hover their mouse over the link text. It's optional, but it does help with accessibility and search engine optimisation.

Now all you need to do is click the 'insert link' button, then save, and you're done.

Now your link is safe from breaking if the target page is moved or renamed.

Choosing the right text for your link

The link text should always describe what the user will see when they click on it. It should never be "Click Here", "Here", or the URL itself. For example, these are appropriate ways to include a link:

For more information, you can check out our PhD and research degrees in Biological Sciences.

or

The Department of Biological Sciences has three specialist undergraduate degree programs:

Some examples of inappropriate ways to create links are:

Why is choosing appropriate text important?

  • People scan text on the web rather than reading, so it is important to highlight the relevant words to make it easier for them to decide to click a link.
  • When printing a page, "click here" is irrelevant, and users are not likely to type in a long URL correctly (if at all!). In addition, long URLs do not wrap nicely, which makes a printed page hard to read.
  • Meaningful link text is more accessible to all users, but especially helps disabled users.
  • Search engines use the link text as metadata to help in their rankings. "Click here" or the URL does not give them any additional information, but meaningful text does.
  • Devices such as smartphones and screen readers are not tightly tied to the "Click" metaphor.

Back to the top of this page