HTML-Links richtig einsetzen
HTML-Links verbinden Inhalte, starten Aktionen auf Geräten und geben Suchmaschinen klare Signale. Die vier Blöcke decken die häufigsten Linkarten in Webprojekten ab.
Interne Ziele klar verlinken
Hier zählt vor allem der Linktext. Ziel oder Aktion sollten auf den ersten Blick erkennbar sein.
Telefon, E-Mail und Karten direkt öffnen
tel:, mailto: und geo: eignen sich für direkte Aktionen. aria-label ergänzt knappe Beschriftungen um klaren Kontext.
Externe Verweise bewusst öffnen
Ein neuer Tab passt vor allem bei Referenzen, Werkzeugen oder getrennten Arbeitskontexten. noopener noreferrer sichert die Navigation zusätzlich ab.
Auf langen Seiten direkt springen mit Ankern
Sprunglinks führen direkt zu einem Abschnitt und geben langen Seiten eine klare Richtung.
Merkpunkte
- Linktext benennt Ziel oder Aktion klar
- Protokoll passt zur erwarteten Aktion
- neue Tabs kommen gezielt zum Einsatz
- Telefonnummern sind sauber formatiert
- Links bleiben auch für Screenreader verständlich