External link to a bookmark

Design & UX
1

Sample code:

<!DOCTYPE html>
<html>
  <head>
    <title>Another Website Name</title>
  </head>
  <body>
    <h1>Fruits</h1>
      <h2>Apples</h2>
      <h2 id="target">Bananas</h2>
  </body>
</html>

What is the right text link to target the bookmark on another website? Is it enough:

<a href="http://www.example.com/fruits#target">Bananas</a>

Or should I mention the page title and website title as well? If so, should I use hyphens:

<a href="http://www.example.com/fruits#target">Bananas - Fruits - Another Website Name</a>

Or colons:

<a href="http://www.example.com/fruits#target">Another Website Name: Fruits: Bananas</a>

Or pipes? Or a combination of them? Is there a standard to follow? What is the best practice?

3

I think usually an external link icon next to “Bananas” should suffice. You can see the full URL when hovering the link anyway.

1 Like
4

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.