Was ist ein Popup?

Ein Popup ist ein Overlay-Fenster, das auf einer Website über dem eigentlichen Inhalt erscheint und die Aufmerksamkeit des Besuchers auf eine bestimmte Aktion oder Information lenkt: Newsletter-Anmeldung, Sonderangebot, Cookie-Zustimmung oder eine wichtige Meldung.

Popups haben einen schlechten Ruf, nicht ganz zu Unrecht. Schlecht umgesetzte Popups erscheinen sofort beim ersten Seitenaufruf, überdecken den gesamten Inhalt, sind schwer zu schließen und wiederholen sich bei jedem Besuch. Das nervt Nutzer und erhöht die Absprungrate.

Wann Popups funktionieren und wann sie schaden

Die Forschung zeigt aber: gut eingesetzte Popups konvertieren. Exit-Intent-Popups, die erscheinen, wenn ein Nutzer im Begriff ist, die Seite zu verlassen (erkannt an der Mausbewegung Richtung Tab oder Adresszeile), erzielen oft 2 bis 5 Prozent Conversion für Newsletter-Anmeldungen, bei Nutzern, die sonst ohne Aktion gegangen wären.

Der Unterschied liegt im Timing und der Relevanz. Ein Popup, das erst nach 30 Sekunden Verweildauer erscheint, erreicht Nutzer, die sich bereits mit dem Inhalt beschäftigt haben. Ein Popup mit einem echten Angebot, das zum Kontext der Seite passt, ist relevanter als ein generischer Newsletter-Hinweis.

Google bewertet Popups, die den Inhalt für mobile Nutzer überdecken, negativ in der Suchmaschinenoptimierung. Sogenannte “Intrusive Interstitials” können Rankings verschlechtern. Das betrifft Popups, die direkt nach dem Seitenaufruf den Inhalt vollständig überdecken und schwer zu schließen sind. Cookie-Banner und altersverifizierende Popups sind von dieser Regel ausgenommen.

Technisch werden Popups heute oft als Modals umgesetzt, also als HTML-Overlay-Elemente, die durch CSS und JavaScript ein- und ausgeblendet werden. Korrekt umgesetzt, sind sie auch für Tastaturnutzer und Screenreader zugänglich: Sie erhalten beim Öffnen den Fokus, können mit der Escape-Taste geschlossen werden und geben den Fokus beim Schließen an die ursprüngliche Stelle zurück.

Wenn du überlegst, ob und wie du Popups auf deiner Website einsetzen möchtest, beraten wir dich gerne zu Timing, Design und technischer Umsetzung. Mehr dazu in einem kostenlosen Gespräch oder unter Webdesign-Leistungen.