Der mobile Verkehr wächst Jahr für Jahr, was bedeutet, dass deine Pop-up-Formulare auf kleinen Bildschirmen einwandfrei funktionieren müssen.
Dieser Leitfaden zeigt Ihnen, wie Sie separate mobile und Desktop-Formulare erstellen, die Größen und Zeiten anpassen, um den Richtlinien von Google zu entsprechen.
Hinweis: Dieser Leitfaden gilt für Der Pop-up und Flyout-Formulare nur. Eingebettete und Die Landingpage-Formulare werden standardmäßig auf allen Geräten angezeigt und haben keine Sichtbarkeitseinstellungen. Erfahren Sie mehr über Formulararten
Separate mobile und Desktop-Formulare erstellen
Während sich Omnisend-Formulare automatisch an die Bildschirmbreite anpassen, könnten Desktop-Designs auf mobilen Geräten nicht optimal angezeigt werden, Bilder können abgeschnitten werden, Formulare können zu lang werden und Text kann auf kleinen Bildschirmen schwerer zu lesen sein. Um die beste mobile Erfahrung zu gewährleisten, erstellen Sie optimierte Versionen für jedes Gerät:
Schritt 1. Gehen Sie zu Formulare → wähle deinen Pop-up → klicke auf den Drei-Punkte-Menü → Kopieren.
💡 Sie können auch ein neues, nur für mobile Geräte geeignetes Formular erstellen. Gehen Sie zu Formulare → Formular erstellen → Formulareinstellungen → Nur mobil.
Schritt 2. Benenne die Duplikate um (z. B. "Frühjahrsverkaufs-Pop-up – Mobil").
Schritt 3. Optimieren Sie die mobile Version:
Reduzieren Sie die Breite auf 300–500px (Themen-Einstellungen → Formularlayout).
Verwenden Sie ein Layout mit einem Feld (nur E-Mail) oder maximal 2 Felder.
Passen Sie Bilder an oder entfernen Sie sie (oder positionieren Sie sie oben über Themen-Einstellungen → Layout).
Erhöhen Sie die Schaltflächengröße für eine benutzerfreundliche Bedienung.
Reduzieren Sie den Text – mobile Benutzer haben kürzere Aufmerksamkeitsspannen.
Schritt 4. Setzen Sie Verhalten → Sichtbarkeit auf Nur mobil im mobilen Formular.
Schritt 5. In Ihrem ursprünglichen Formular setzen Sie Verhalten → Sichtbarkeit auf Nur Desktop.
Schritt 6. Speichern und aktivieren Sie beide Formulare.
💡 Tipp: Testen Sie beide Formulare auf echten Geräten, um zu sehen, wie sie sich verhalten.
Google Mobile-Friendly-Regeln für Popups
Google bestraft mobile Popups, die Inhalte sofort blockieren, nachdem ein Benutzer auf einer Seite landet. Vermeiden Sie diese Praktiken:
Ein Pop-up anzeigen, das den Hauptinhalt sofort abdeckt, nachdem der Benutzer von den Suchergebnissen navigiert.
Anzeigen eines eigenständigen Interstitials, das der Benutzer schließen muss, bevor er auf Inhalte zugreifen kann.
Verwendung eines Layouts, bei dem Inhalte über der Falz als Interstitial erscheinen.
Erlaubte Popups:
Rechtliche Verpflichtungsmitteilungen (Die Einwilligung für Cookies, Altersverifizierung).
Anmelde-Dialoge für private Inhalte.
Banner, die angemessenen Bildschirmplatz verwenden (leicht abweisbar).
Best Practices für mobile Popups
Sobald Sie Ihr mobil-optimiertes Formular erstellt haben, befolgen Sie diese Best Practices, um die Konversionen zu maximieren und den mobilen Richtlinien von Google zu entsprechen. Diese Tipps helfen Ihnen, Sichtbarkeit mit Benutzererfahrung in Einklang zu bringen.
1. Popup-Größe anpassen
Mobile Popups sollten nicht den gesamten Bildschirm ausfüllen. Reduzieren Sie die Formularbreite in Themen-Einstellungen → Formularlayout (empfohlen: 300–500px für mobil).
Textgröße anpassen: Wählen Sie Textelemente aus und wählen Sie kleinere Schriftgrößen.
💡 Halten Sie den Text kurz, da mobile Benutzer schnell scannen.
Bild anpassen: Bilder werden möglicherweise aufgrund der Bildschirmgröße nicht wie erwartet auf mobilen Geräten angezeigt. Um die Anzeige von Bildern auf mobilen Geräten zu steuern, passen Sie Bilder in Ihrem mobilen Formular an oder entfernen Sie sie oder positionieren Sie sie oben über Themen-Einstellungen → Layout.
2. Richtige Timing verwenden
Zeigen Sie Popups nach der Interaktion der Benutzer mit Ihren Inhalten an (Scrolltiefe, Seitenbesuche oder Zeit auf der Seite). Vermeiden Sie die sofortige Anzeige; Google bestraft Popups, die Inhalte beim Eintreffen blockieren.
Passen Sie das Timing in Verhalten → Anzeige:
Zeit auf der Seite: 6–10 Sekunden.
Scrolltiefe: 50 % oder mehr.
Seitenbesuche: 2+ Seiten.
Austrittsabsicht: Wenn der Benutzer im Begriff ist, die Seite zu verlassen (funktioniert auf Mobilgeräten über die Scrollgeschwindigkeitsdetektion).
3. Sichtbarkeit für Mobilgeräte und Desktop festlegen
Erstellen Sie separate Formulare für mobile und Desktop-Benutzer, um ein optimales Layout für jedes Gerät zu gewährleisten. Passen Sie die Sichtbarkeit in Verhalten → Sichtbarkeit an:
Nur mobil (Smartphones und Tablets).
Nur Desktop (Laptops und Desktops).
4. Zielgerichtete spezifische Seiten
Zeige keine Popups auf jeder Seite an. Verwenden Sie Verhalten → Zielgruppenansprache, um zu steuern, wo Formulare erscheinen:
Erscheint auf URL: Auf bestimmten Seiten anzeigen (z. B. Produktseiten, Blogbeiträge).
Erscheint nicht auf der URL: Schließen Sie den Checkout, den Warenkorb oder Dankeseiten aus.
Besucherzielgruppen: Allen Besuchern anzeigen, nur neuen Besuchern oder bestehenden Kontakten.
💡 Tipp: Wenn Sie verwendet haben "enthält" mit deiner Homepage-URL (z. B. "mysite.com"), zeigt der Pop-up auf allen Seiten, da jede Seite diese URL enthält. Um das Formular nur auf der Homepage anzuzeigen, ändere die Zielauswahl zu "ist" mit Ihrer genauen Homepage-URL.
5. Verwenden Sie klare, umsetzbare CTAs
Mobile-Popups sind klein. Machen Sie Ihren Handlungsaufruf offensichtlich. Verwenden Sie Aktionsverben, die genau angeben, was passiert, wenn Benutzer absenden:
✅ "15 % Rabatt erhalten"
✅ "Sende meinen Rabatt"
✅ "Abonnieren & Sparen"
❌ "Einreichen" (vage)
6. Formulareingabefelder begrenzen
Fordern Sie nur die wesentlichen Informationen an. Mobile-Nutzer werden keine langen Formulare ausfüllen; Telefone sind für schnelle Aktionen gedacht.
Empfohlen:
Die E-Mail nur (schnellste Conversion)
E-Mail + Telefon (wenn SMS-Kampagnen durchgeführt werden)
Die E-Mail + Vorname (für die Personalisierung)
Vermeiden: Mehrere Felder, Kontrollkästchen, Dropdowns.
7. Teasergröße für Mobilgeräte anpassen
Wenn dein Pop-up einen Teaser (entfernbare Registerkarte am Bildschirmrand) enthält, reduziere die Schriftgröße in Teaser → Stil, um den Teaser auf Mobilgeräten kleiner zu machen.
HÄUFIG GESTELLTE FRAGEN
Warum hat mein eingebettetes Formular keine Sichtbarkeitseinstellungen?
Eingebettete Formulare haben keine Gerätesichtbarkeitseinstellungen. Sie werden überall angezeigt, wo Sie den Einbettungscode platzieren, auf allen Geräten. Wenn du gerätespezifische Steuerung benötigst (nur mobil oder nur Desktop), verwende stattdessen ein Pop-up oder ein Flyout-Formular, das Verhalten → Sichtbarkeit Optionen enthält.
Kann ich unterschiedliche Bilder auf Mobilgeräten im Vergleich zu Desktop anzeigen?
Ja, aber Sie müssen zwei separate Formulare erstellen. Gestalten Sie Ihr Desktop-Formular mit den Bildern, die Sie möchten, und duplizieren Sie es. In der mobilen Version Bilder anpassen oder entfernen, dann Verhalten → Sichtbarkeit auf Nur mobil setzen. Stellen Sie Ihr Desktop-Formular auf Nur Desktop ein.
Benötigen Sie jemanden, der Sie durchführt? Kontaktieren Sie unser Support-Team über den In-App-Chat oder unter [email protected].