HTML-Hyperlinks einfach erstellen: Hyperlink-HTML-Generator
Generieren Sie mühelos HTML-Hyperlinks mit Unterstützung für URLs, E-Mails und Telefonnummern. Zu den Funktionen gehören Zielattribute, Rel-Tags und erweiterte Optionen wie Nofollow und Download. Perfekt für Webentwickler, Inhaltsersteller und Vermarkter.
Link-Optionen
Vorschau
Generierter Code
Funktionen & Anwendungsfälle
Häufige Anwendungsfälle
- Website-Navigationslinks erstellen
- E-Mail-Kontakt-Links hinzufügen
- Telefonnummer-Links für Mobile generieren
- Download-Links für Dateien einrichten
- Sichere externe Links erstellen
Hauptvorteile
- Benutzerfreundliche Oberfläche für schnelle Link-Generierung
- Integrierte Sicherheitsfunktionen mit rel-Attributen
- Barrierefreie Link-Optionen
- Flexible Konfiguration für verschiedene Anwendungsfälle
Häufig gestellte Fragen
• _self: Öffnet den Link im gleichen Fenster/Tab (Standard)
• _blank: Öffnet den Link in einem neuen Tab/Fenster
• _parent: Öffnet den Link im übergeordneten Frame
• _top: Öffnet den Link im vollständigen Fenster, hebt alle Frames auf
• _blank: Öffnet den Link in einem neuen Tab/Fenster
• _parent: Öffnet den Link im übergeordneten Frame
• _top: Öffnet den Link im vollständigen Fenster, hebt alle Frames auf
Verwenden Sie nofollow bei Links zu nicht vertrauenswürdigen Inhalten, bezahlten Links oder nutzergenerierten Inhalten. Es signalisiert Suchmaschinen, keine Autorität an die verlinkte Seite weiterzugeben.
Das noreferrer-Attribut verhindert, dass der Browser die Adresse der verweisenden Webseite an die verlinkte Website sendet. Dies erhöht die Privatsphäre und Sicherheit, besonders bei externen Links.
Das external-Attribut hilft Nutzern und Browsern, Links zu erkennen, die zu anderen Websites führen. Es ist eine gute Praxis für die Benutzererfahrung und kann verwendet werden, um automatisch visuelle Indikatoren (wie ein externes Link-Symbol) hinzuzufügen.
E-Mail-Links (mailto:) öffnen das Standard-E-Mail-Programm des Nutzers mit einer neuen Nachricht. Sie können Betreff- und Textparameter hinzufügen, z.B. mailto:[email protected]?subject=Hallo&body=Nachricht
Telefon-Links (tel:) ermöglichen mobilen Nutzern direkt anzurufen. Sie funktionieren auf mobilen Geräten und Desktop-Computern mit Anruffunktion (wie Skype). Format: tel:+49123456789
Das Download-Attribut empfiehlt dem Browser, die verlinkte Ressource herunterzuladen, anstatt sie zu öffnen. Es ist nützlich für PDFs, Bilder und andere herunterladbare Inhalte. Sie können auch einen Standard-Dateinamen angeben.
• Verwenden Sie beschreibenden Link-Text statt "hier klicken"
• Stellen Sie ausreichenden Farbkontrast für Barrierefreiheit sicher
• Halten Sie Link-Text prägnant aber aussagekräftig
• Verwenden Sie geeignete rel-Attribute für die Sicherheit
• Erwägen Sie title-Attribute für zusätzlichen Kontext
• Testen Sie Links regelmäßig auf Funktionalität
• Stellen Sie ausreichenden Farbkontrast für Barrierefreiheit sicher
• Halten Sie Link-Text prägnant aber aussagekräftig
• Verwenden Sie geeignete rel-Attribute für die Sicherheit
• Erwägen Sie title-Attribute für zusätzlichen Kontext
• Testen Sie Links regelmäßig auf Funktionalität
• Verwenden Sie HTTPS für externe Links wenn verfügbar
• Fügen Sie noreferrer für externe Links hinzu
• Verwenden Sie noopener für target="_blank" Links
• Validieren Sie URLs vor der Link-Erstellung
• Maskieren Sie Sonderzeichen in URLs
• Erwägen Sie rel="nofollow" für nicht vertrauenswürdige Inhalte
• Fügen Sie noreferrer für externe Links hinzu
• Verwenden Sie noopener für target="_blank" Links
• Validieren Sie URLs vor der Link-Erstellung
• Maskieren Sie Sonderzeichen in URLs
• Erwägen Sie rel="nofollow" für nicht vertrauenswürdige Inhalte
Sonderzeichen in URLs müssen kodiert werden. Zum Beispiel:
• Leerzeichen wird zu %20
• ? wird zu %3F
• & wird zu %26
• = wird zu %3D
Dieses Tool übernimmt die URL-Kodierung automatisch für Sie.
• Leerzeichen wird zu %20
• ? wird zu %3F
• & wird zu %26
• = wird zu %3D
Dieses Tool übernimmt die URL-Kodierung automatisch für Sie.