Hyperlink

What is a hyperlink?

A hyperlink is a clickable reference that navigates a user from one location to another - typically from one web page to another, but also to files, email addresses, phone numbers, or specific sections of the same page. In HTML, a hyperlink is created with the anchor tag: <a href="https://example.com">Link text</a>. The href attribute holds the destination URL; the text between the tags is the visible, clickable portion the user sees. Hyperlinks are the connective tissue of the web - they are how users move between pages and how search engines discover and rank content.

Hyperlinks versus URLs

These two terms are often used interchangeably, but they describe different things. A URL (Uniform Resource Locator) is an address - the literal string that identifies where a resource lives on the web, like https://example.com/page. A hyperlink is the clickable element that takes a user to that URL. Put simply: the URL is the destination, the hyperlink is the door. A URL can exist without being a hyperlink (written in plain text), and a hyperlink always contains a URL in its href attribute.

Types of hyperlinks

Internal links point to other pages within the same website - from a blog post to a product page on the same Shopify store, for example. External links point to pages on a different domain. Anchor links (also called jump or fragment links) point to a specific section within the current page using a # identifier, like #faq. Media links point to files rather than pages - a PDF download, an image, or an audio file. Each type has different UX and SEO implications. Internal linking structure determines how authority flows through a site; external links build credibility when earned and credibility risk when given to low-quality sources.

Hyperlinks and SEO

Hyperlinks are one of the most important signals Google uses to understand and rank the web. Backlinks - external links pointing to your site from other domains - are historically the single strongest ranking factor, treated as votes of authority and trust. Internal links distribute that earned authority across your site, helping Google discover and prioritize your most commercially important pages. The anchor text of a link (the visible, clickable words) also provides Google with context about the destination page - "customer lifetime value" is a more informative anchor than "click here," and over-optimized anchor text (exact-match keywords repeated excessively) can trigger Google's spam signals. For Shopify brands, the highest-leverage link strategy is typically improving internal linking between blog content and collection pages, since this is where most stores have valuable content that is poorly connected. Strong internal linking is one of the core elements of on-page optimization.

UX conventions for hyperlinks

Three conventions are nearly universal in modern e-commerce design. First, hyperlinks should be visually distinct from surrounding text - typically a different color, sometimes underlined on hover. Second, internal navigation (collection links, product links, blog links) should open in the same tab; external references open in a new tab (target="_blank") so users do not lose their place. Third, anchor text should describe the destination - "see our returns policy" rather than "click here" - which improves both accessibility (screen readers announce link text out of context) and SEO. Pair target="_blank" with rel="noopener noreferrer" to prevent tab-hijacking security issues on links to external sites.