HTML Links Done Right: Usability, Protocols, and SEO
HTML links connect content, trigger actions on devices, and send clear signals to search engines. The four blocks cover the most common link types in web projects.
Link internal targets clearly
Here the link text matters most. Target or action should be clear at first glance.
Open phone, email, and maps directly
tel:, mailto:, and geo: fit direct actions. aria-label adds clear context to short labels.
Open external references deliberately
A new tab fits mainly for references, tools, or separate work contexts. noopener noreferrer adds navigation safety.
Jump on long pages with anchors
Anchor links lead directly to a section and give long pages a clear direction.
Key points
- Link text names target or action clearly
- Protocol matches the expected action
- New tabs are used deliberately
- Phone numbers are cleanly formatted
- Links stay understandable for screen readers