Facebook Story Safe-Zone-Checker (kostenlos — Overlay über dein eigenes Frame)

Eine Facebook Story wird im Vollbild abgespielt, aber die App legt ihre eigenen Bedienelemente direkt über deinen Inhalt — und die verschieben sich nicht für dich. Ganz oben sind die dünnen, segmentierten Fortschrittsbalken, die die Story-Position anzeigen. Direkt darunter befindet sich die Profilzeile: Profilbild, Kontoname, Zeitstempel, das Stummschalt-/Mehr-Menü und der Schließen-Button (X) — zusammen nimmt das obere Chrome etwa 14 % der Frame-Höhe ein. Am unteren Rand passieren die meisten Kollisionen: Organische Stories zeigen eine „Nachricht senden"-Antwortzeile sowie Reaktions-Shortcuts über die unteren ~13 % (~250 px) des Frames. Metas eigene Creative-Empfehlungen sind noch konservativer — sie raten Designern, Text und Logos aus den unteren ~340 px (~18 %) herauszuhalten, um Platz für Gesten und Link-UI zu lassen. Behandle ~250 px also als sichtbare Antwortleiste und ~340 px als empfohlenen Freihaltebereich. Wenn deine Story gesponsert ist oder einen Swipe-up-Link enthält, fügt Facebook eine CTA-Schaltfläche hinzu — „Mehr erfahren", „Jetzt kaufen" usw. — oberhalb der Antwortleiste, sodass die gesamte untere Verdeckung auf etwa 20 % steigt.

Alles, was du in diese Bereiche platzierst, ist noch in deiner Bilddatei vorhanden, aber Zuschauerinnen und Zuschauer sehen es womöglich nie klar. Der häufigste Fehler: einen Preis, einen Call-to-Action oder einen Markenslogan im unteren Fünftel des Frames zu platzieren — genau dort, wo die Antwortleiste oder CTA-Schaltfläche landet. Lege dein Frame hier überlagert ab und die Kollision ist offensichtlich, bevor du veröffentlichst — nicht danach.

Der verlässliche Safe-Bereich einer Facebook Story ist das mittlere Band des Frames — grob zwischen 14 % vom oberen und 80 % vom oberen Rand, mit etwas Abstand zur rechten Kante, wo Tipp-Gesten und abgerundete Geräteecken das Bild beschneiden. Halte Gesichter, Produkte, Preise und jeden Text, den du gelesen haben möchtest, gut innerhalb dieses Bandes. Bei organischen Stories ist das untere Fünftel die Gefahrenzone; bei Anzeigen solltest du das untere Viertel als verloren für CTA-Schaltfläche und Antwortleiste betrachten.

Der Tipp-Randbereich rechts wird leicht unterschätzt. Facebook nutzt den äußersten rechten Rand als Vorwärts-Tipp-Zone, und abgerundete Handyecken schneiden auf den meisten Geräten in das äußere Band hinein — alles Wichtige nahe dieser Kante wird entweder visuell abgeschnitten oder durch ein Tipp-Ziel verdeckt. Ein symmetrischer leichter Abstand links ist ebenfalls sinnvoll. Im Zweifelsfall: zur Mitte hin designen und an allen vier Rändern Luft lassen, statt Inhalte an die Extrempositionen zu schieben.

Jeder Prozentwert hier entspricht dem Flächenanteil einer Story-Zone am gesamten 9:16-Frame — reine Geometrie, kein Blick auf dein Foto. Der Wert, der auf Facebook Stories am meisten zählt, ist der untere, weil er davon abhängt, welche Art von Story du veröffentlichst. Eine organische Story zeigt nur die „Nachricht senden"-Antwortleiste, die untere Verdeckung ist also nur das Antwortband. Sobald eine Story gesponsert ist oder einen Link enthält, fügt Facebook eine CTA-Schaltfläche — „Mehr erfahren", „Jetzt kaufen" — darüber hinzu, und der unsichere Unterbereich springt auf rund 20 %. Dieselbe Komposition kann organisch völlig sicher sein und als Anzeige abgeschnitten wirken.

Wenn du diese Story möglicherweise boosten oder einen Link anhängen wirst, schalte den CTA-Schaltflächen-Bereich von Anfang an ein und designe für das höhere untere Band; wenn sie streng organisch bleibt, kannst du den Raum zwischen Antwortleiste und CTA-Zone zurückgewinnen. Lies die Notizen je Zone, um zu unterscheiden, welche wofür gilt, und behandle die dokumentierten Maße als Orientierung — Facebook passt sie zwischen App-Versionen und Geräten an. Halte einen Rand an den Kanten.