html open new tab link

html open new tab link

Ich habe vor etwa drei Jahren ein Projekt übernommen, bei dem ein E-Commerce-Betreiber sich wunderte, warum seine Absprungrate im Checkout-Prozess bei fast 70 Prozent lag. Er hatte Tausende von Euro in Werbung gesteckt, die Leute kamen auf die Seite, legten Produkte in den Warenkorb und verschwanden dann plötzlich. Als ich mir den Code ansah, fand ich den Übeltäter sofort: Ein kleiner, unscheinbarer HTML Open New Tab Link im Footer, der auf die Widerrufsbelehrung verwies, sowie mehrere solcher Verweise in den Produktbeschreibungen. Der Kunde dachte, er tut den Nutzern einen Gefallen, indem er sie nicht von der aktuellen Seite wegschickt. In der Realität hat er ein Chaos an Tabs auf den Smartphones seiner Kunden verursacht, die Orientierung geraubt und den Kaufabschluss aktiv sabotiert. Wer glaubt, dass das Öffnen neuer Fenster eine harmlose Designentscheidung ist, hat die Psychologie des Nutzers nicht verstanden.

Die Sicherheitslücke beim HTML Open New Tab Link unterschätzen

Einer der teuersten Fehler, den ich immer wieder sehe, ist die reine Ignoranz gegenüber der Sicherheit. Viele Entwickler setzen das Attribut target="_blank" ein und denken, damit sei die Arbeit erledigt. Das ist gefährlich. Wenn du ein neues Fenster öffnest, erhält die neue Seite über das window.opener-Objekt eine gewisse Kontrolle über die Ursprungsseite. Ich habe erlebt, wie eine eigentlich seriöse Seite durch einen manipulierten Link auf eine Phishing-Seite umgeleitet wurde, die genau so aussah wie das Original. Der Nutzer gibt seine Daten ein, und du bist schuld, weil dein Link unsicher war.

Die Lösung ist technisch simpel, wird aber in der Hektik oft vergessen: rel="noopener". Ohne diesen Zusatz erlaubst du der Zielseite, die Performance deines eigenen Tabs zu drosseln oder schlimmeres. Seit einigen Jahren erledigen moderne Browser wie Chrome oder Firefox das zwar oft automatisch, aber darauf darfst du dich nicht verlassen. Wer professionelle Software baut, schreibt diesen Zusatz explizit in den Code. Es kostet dich genau fünf Sekunden Zeit, rettet dir aber im Ernstfall den Ruf. In meiner Praxis ist das Hinzufügen dieser Relation das Erste, was ich bei einem Audit prüfe. Wer das nicht macht, zeigt sofort, dass er auf einem Stand von vor zehn Jahren arbeitet.

Barrierefreiheit ist kein optionales Extra

Viele Leute denken bei Barrierefreiheit an eine kleine Gruppe von Menschen mit Sehbehinderungen. Das ist zu kurz gedacht. Stell dir vor, jemand nutzt einen Screenreader. Wenn dieser Nutzer auf eine Verbindung klickt und plötzlich ein neuer Tab aufgeht, ohne dass es angekündigt wurde, ist die Verwirrung perfekt. Der "Zurück"-Button im Browser funktioniert nicht mehr, weil es keine Historie im neuen Tab gibt. Der Nutzer fühlt sich gefangen oder verloren.

Ich habe Projekte gesehen, bei denen große Portale für öffentliche Stellen fast abgemahnt wurden, weil sie genau diesen Punkt ignoriert haben. Die Lösung ist nicht, auf das Öffnen neuer Fenster komplett zu verzichten, sondern es vernünftig zu kommunizieren. Ein kleiner Textzusatz im aria-label oder ein Icon mit einem passenden Alt-Text ist das Minimum. Es geht darum, dem Nutzer die Kontrolle zu lassen. In Deutschland ist die Barrierefreie-IT-Verordnung (BITV 2.0) für viele Stellen bereits Gesetz. Wer hier schlampt, riskiert nicht nur eine schlechte Nutzererfahrung, sondern im Zweifel auch rechtliche Konsequenzen und teure Nachbesserungen, die das Budget sprengen.

Das Märchen von der Verweildauer

Es hält sich hartnäckig der Mythos, dass externe Verbindungen, die in einem neuen Tab öffnen, die Verweildauer auf der eigenen Seite erhöhen. Das ist statistischer Selbstbetrug. Ja, der Tab bleibt technisch gesehen offen. Aber was bringt dir ein offener Tab in einem Browser mit 20 anderen Tabs, wenn der Nutzer mental schon längst weg ist?

Ich habe das einmal bei einem Blog-Netzwerk getestet. Wir haben bei der Hälfte der Artikel alle externen Verweise im selben Fenster öffnen lassen und bei der anderen Hälfte das Öffnen in neuen Fenstern erzwungen. Das Ergebnis war eindeutig: Die Sitzungsdauer stieg bei der Gruppe mit den neuen Tabs zwar minimal an, aber die Wiederkehrrate sank massiv. Die Nutzer waren genervt. Sie wissen selbst am besten, wann sie einen Link per Rechtsklick in einem neuen Tab öffnen wollen. Wenn du sie dazu zwingst, nimmst du ihnen die Souveränität über ihr Surferlebnis. Das wirkt bevormundend und billig. Wer Qualität bietet, muss keine Angst haben, dass der Nutzer nicht mehr zurückfindet.

Warum das Smartphone alles verändert

Auf dem Desktop ist ein zusätzlicher Tab vielleicht nur eine kleine Unannehmlichkeit. Auf dem Smartphone ist es eine Katastrophe. Die Tab-Verwaltung in mobilen Browsern ist oft umständlich. Viele Nutzer merken gar nicht, dass sie in einem neuen Fenster gelandet sind. Sie tippen verzweifelt auf den Zurück-Button ihres Android-Geräts oder wischen auf dem iPhone, aber es passiert nichts, außer dass sich vielleicht die App schließt. Ich habe Nutzer beobachtet, die in solchen Momenten einfach aufgeben. Das ist der Moment, in dem du Geld verlierst.

HTML Open New Tab Link und die falsche SEO-Angst

In SEO-Kreisen wird oft diskutiert, ob das Attribut das Ranking beeinflusst. Die kurze Antwort lautet: Nein, nicht direkt. Aber indirekt schadest du dir massiv. Wenn Nutzer deine Seite verlassen und frustriert sind, weil sie nicht einfach zurück navigieren können, sendet das schlechte Signale an die Suchmaschinen. Eine hohe Absprungrate und eine kurze Verweildauer nach dem Zurückkehren zur Suchergebnisseite (Pogo-Sticking) sind Gift für deine Positionierung.

Ein großer Fehler ist es auch, interne Verknüpfungen in neuen Tabs zu öffnen. Das zerstört den Fluss der Navigation komplett. Ich sehe das oft bei "Impressum" oder "Kontakt". Warum sollte ich dafür einen neuen Tab brauchen? Es gibt keinen logischen Grund. Es zerstückelt die Session des Nutzers in viele kleine Fragmente, die Google Analytics dann oft nicht mehr korrekt zuordnen kann. Plötzlich hast du laut Statistik zehn Nutzer, dabei war es nur einer, der sich durch deine wirre Tab-Struktur gekämpft hat. Deine Datenbasis wird unbrauchbar, und auf Basis falscher Daten triffst du teure Fehlentscheidungen im Marketing.

Ein Vorher-Nachher-Vergleich aus der Praxis

Schauen wir uns an, wie ein typischer Amateur-Ansatz im Vergleich zu einer Profi-Lösung aussieht. In einem Projekt für ein Reiseportal sah der Code anfangs so aus: Der Entwickler hatte einfach jeden Link zu Partnerhotels mit target="_blank" versehen. Das Ergebnis war, dass ein Nutzer, der sich drei Hotels ansehen wollte, am Ende vier Tabs offen hatte. Die Ladezeit der Seite litt, weil der Browser Ressourcen für alle Tabs reservieren musste. Die Abbruchrate bei der Buchung lag bei 12 Prozent. Der Nutzer verlor im Tab-Dschungel schlicht den Überblick, welches Hotel er gerade eigentlich buchen wollte.

Nach der Umstellung haben wir das Verhalten radikal geändert. Wir ließen fast alle Links im selben Fenster öffnen. Nur für PDF-Dokumente mit Reiseunterlagen machten wir eine Ausnahme, kennzeichneten dies aber deutlich mit einem Icon und dem Text "öffnet in neuem Fenster". Wir implementierten eine klare Breadcrumb-Navigation, damit der Nutzer jederzeit wusste, wo er im Prozess steht. Die Abbruchrate sank innerhalb von zwei Monaten auf 4 Prozent. Warum? Weil die Nutzer sich sicher fühlten. Sie hatten die Kontrolle über ihren Browser zurück. Der "Zurück"-Knopf tat wieder das, was man von ihm erwartete. Das ist der Unterschied zwischen technischer Spielerei und echtem Handwerk.

Die technische Umsetzung jenseits von Standard-Attributen

Manchmal wird versucht, dieses Verhalten über JavaScript zu steuern, um vermeintlich saubereres HTML zu haben. Das ist oft der nächste Fehler. Wenn du window.open() nutzt, blockieren viele Browser das als Pop-up, wenn es nicht direkt auf eine Nutzeraktion folgt. Ich habe Marketing-Teams erlebt, die sich gewundert haben, warum ihre mühsam erstellten Infografiken nicht angezeigt wurden. Der Grund war ein übereifriger Pop-up-Blocker, der das JavaScript-gesteuerte Öffnen im neuen Tab unterbunden hat.

Bleib beim Standard-HTML, wenn du es wirklich tun musst. Aber nutze es wie ein Skalpell, nicht wie einen Vorschlaghammer. Die einzige legitime Verwendung für ein neues Fenster ist in meiner Erfahrung eine Situation, in der der Nutzer eine Aufgabe unterbrechen müsste, die er gerade aktiv bearbeitet. Wenn er zum Beispiel ein langes Formular ausfüllt und eine Hilfeseite aufrufen muss, dann – und nur dann – ist ein neuer Tab gerechtfertigt, damit die Formulardaten nicht verloren gehen. Alles andere ist meistens Faulheit des Designers oder mangelndes Vertrauen in den eigenen Content.

Der Performance-Aspekt

Jeder neue Tab verbraucht Arbeitsspeicher. Auf günstigen Smartphones, die immer noch einen großen Teil der Nutzerschaft ausmachen, führt das zu Rucklern. Wenn deine Seite anfängt zu hängen, nur weil du fünf Tabs gleichzeitig aufzwingst, wird der Nutzer deine Seite als instabil wahrnehmen. In einer Welt, in der die Core Web Vitals über den Erfolg entscheiden, kannst du dir solche Nachlässigkeiten nicht leisten. Ein flüssiges Erlebnis ist wichtiger als die theoretische Chance, dass der Nutzer deinen Tab noch irgendwo im Hintergrund offen hat.

Realitätscheck

Kommen wir zum Punkt: Es gibt keine magische Formel, die das Öffnen neuer Tabs plötzlich zum Conversion-Bringer macht. In 90 Prozent der Fälle ist es besser, den Nutzer einfach im selben Fenster navigieren zu lassen. Die Leute wissen, wie man einen Browser bedient. Sie wissen, wie man die "Zurück"-Taste nutzt oder wie man selbst einen Link in einem neuen Tab öffnet, wenn sie das möchten. Wenn du versuchst, das für sie zu entscheiden, verlierst du fast immer.

Der Erfolg in der Webentwicklung und im digitalen Business kommt nicht durch solche kleinen Tricks, sondern durch Respekt vor der Zeit und den Gewohnheiten deiner Nutzer. Wenn du glaubst, dass du durch das Erzwingen von Tabs deine Metriken künstlich aufblähen kannst, belügst du dich selbst. Es braucht Mut, den Nutzer "gehen" zu lassen, in dem Vertrauen, dass deine Seite gut genug ist, damit er zurückkehrt. Alles andere ist digitales Klammern und führt langfristig nur zu Frust und sinkenden Umsätzen. Wer wirklich erfolgreich sein will, baut eine Navigation, die so logisch und flüssig ist, dass der Nutzer gar nicht das Bedürfnis hat, in Tabs zu flüchten. Das ist harte Arbeit am User-Interface-Design, aber es ist die einzige Arbeit, die sich am Ende wirklich auszahlt. Wer Abkürzungen über technische Kniffe sucht, wird früher oder später von der Realität eingeholt – meistens in Form von sinkenden Verkaufszahlen und steigenden Supportanfragen.

NW

Nina Wagner

Nina Wagner verbindet redaktionelle Sorgfalt mit erzählerischer Klarheit und macht relevante Themen greifbar.