Link-in-Bio-Seite erstellen

So erstellen Sie Ihre Link-in-Bio-Seite

1. Geben Sie unter Profil Ihren Namen oder Marke und eine Kurzbiografie ein. Zeilenumbrüche in der Bio bleiben erhalten.
2. Fügen Sie optional ein Profilfoto hinzu: Ziehen Sie ein Bild auf die Ablagefläche oder klicken Sie darauf, um eine Datei auszuwählen. Das Bild wird von Ihrem Browser gelesen und in die Seite eingebettet; es wird nie hochgeladen.
3. Tragen Sie unter Links für jeden Button den Linktext und die Adresse (URL) ein. Mit Link hinzufügen legen Sie weitere an, mit ↑ und ↓ ändern Sie die Reihenfolge, mit × entfernen Sie einen Link.
4. Wählen Sie unter Gestaltung ein Design (Hell, Dunkel, Ozean, Sonnenuntergang, Wald) oder legen Sie die vier Farben selbst fest; wählen Sie dann die Button-Form und die Schriftart.
5. Prüfen Sie die Vorschau und klicken Sie auf index.html herunterladen. HTML kopieren kopiert denselben Code, falls Sie ihn lieber in eine bestehende Website einfügen.

Beispiel laden füllt ein Musterprofil aus, damit Sie sehen, wie die Seite wirkt, und Leeren setzt alles zurück.

Was Sie erhalten

Das Ergebnis ist eine einzige HTML-Datei, die alles enthält: Die Styles stehen in einem <style>-Block, das Foto ist als Data-URI eingebettet, und es gibt kein JavaScript, kein Tracking-Script, keinen Webfont und keine externe Anfrage. Dadurch ist die Seite sehr schnell (meist wenige Kilobyte plus Foto), respektiert die Privatsphäre Ihrer Besucher und lässt sich jahrelang behalten: Es gibt keinen Dienst, der abgeschaltet wird, seine Preise ändert oder sein eigenes Branding einblendet.

Die Seite ist responsiv: Die Buttons füllen auf dem Smartphone die Breite aus und bleiben auf dem Desktop angenehm schmal. Sie enthält ein lang-Attribut (auf dieser Seite de), ein Viewport-Tag, einen Titel (Ihren Namen) und eine Meta-Description (Ihre Bio), sodass sie in Suchergebnissen und Linkvorschauen gut aussieht. Links zu Websites öffnen sich mit rel="noopener", und E-Mail-Adressen werden automatisch zu mailto:-Links.

Die Prüfungen

Die Liste Prüfungen markiert Links, deren Adresse keine gültige Web-, mailto:- oder tel:-Adresse ist. Solche Links werden weggelassen statt fehlerhaft veröffentlicht, und etwas wie javascript: wird immer abgelehnt. Außerdem warnt sie, wenn der Textkontrast der Buttons oder der Seite unter 4,5:1 liegt – der WCAG-Stufe für normalen Text – und wenn das Foto zu schwer ist. Ein Foto mit 300 × 300 Pixeln reicht für einen runden Avatar von 104 Pixeln, selbst auf hochauflösenden Bildschirmen.

So bringen Sie die Seite online

Die Datei braucht eine Webadresse, bevor Sie sie in Ihre Instagram-, TikTok- oder YouTube-Bio eintragen können. Drei gängige Möglichkeiten:

• GitHub Pages (kostenlos): Legen Sie ein öffentliches Repository an, laden Sie index.html hoch und wählen Sie unter Settings → Pages die Bereitstellung aus dem Main-Branch. Die Seite erscheint unter https://ihr-benutzername.github.io/repository-name/.
• Netlify Drop (kostenlos): Legen Sie index.html in einen Ordner und ziehen Sie diesen auf die Netlify-Drop-Seite. Sie erhalten sofort eine zufällige Adresse; mit einem kostenlosen Konto behalten Sie die Website, wählen einen schöneren Namen oder verbinden Ihre eigene Domain.
• Eigenes Webhosting: Laden Sie die Datei über den Dateimanager oder per FTP hoch, zum Beispiel in einen Ordner links, und erhalten Sie https://ihre-domain.de/links/.

Um die Seite später zu ändern, passen Sie das Formular an, laden die Datei erneut herunter und ersetzen die alte.