Um Ihre Leser bei Laune zu halten, befolgen Sie unsere Best Practices für das Erstellen von
Web Stories. Wir empfehlen, sich zuerst auf die kritischen Aufgaben zu konzentrieren. Wenn Sie mehr Zeit haben, befolgen Sie auch die empfohlenen Best Practices.
Storytelling
| Kritische Best Practices für das Storytelling | |
|---|---|
| Video zuerst | Video ist fesselnder als Text oder Bilder. Verwenden Sie so viele Videos wie möglich und ergänzen Sie diese mit Bildern und Text. |
Weitere Best Practices für das Storytelling
| Empfohlene Best Practices für das Storytelling | |
|---|---|
| Bringen Sie Ihre Perspektive ein | Gehen Sie über die Fakten hinaus. Teilen Sie Ihre Meinungen. Seien Sie der Protagonist Ihrer eigenen Geschichte. Machen Sie sie nahbar. |
| Haben Sie einen narrativen Bogen | Erzeugen Sie in Ihrer Geschichte von einer Seite zur nächsten Spannung. Nehmen Sie den Nutzer mit auf die Reise, indem Sie Kontext und Narrative liefern. Belohnen Sie das Durchhalten bis zum Ende. |
Design
| Kritische Design-Best Practices | |
|---|---|
| Reduzieren Sie Ihre Zeichenanzahl | Vermeiden Sie es, mehrere Seiten mit Textwänden einzubinden. Erwägen Sie, den Text auf ca. 280 Zeichen pro Seite (die Länge eines Tweets) zu reduzieren. |
| Blockieren Sie keinen Text | Stellen Sie sicher, dass Text nicht durch andere Inhalte auf der Seite blockiert wird. Vermeiden Sie eingebrannten Text; indem Sie keinen eingebranten Text verwenden, verhindern Sie, dass Text blockiert wird, wenn er an verschiedene Gerätegrößen angepasst wird. |
| Halten Sie Text innerhalb der Grenzen | Stellen Sie sicher, dass der gesamte Text in Ihrer Web Story für den Leser sichtbar ist. Vermeiden Sie eingebrannten Text; indem Sie keinen eingebrannten Text verwenden, verhindern Sie, dass Text überläuft, wenn er an verschiedene Gerätegrößen angepasst wird. |
| Verwenden Sie Animationen bewusst | Erwecken Sie Ihre Geschichten mit Animationen zum Leben. Vermeiden Sie ablenkende oder repetitive Animationen, die zu Ermüdung führen können. |
Weitere Design-Best Practices
| Empfohlene Design-Best Practices | |
|---|---|
| Verwenden Sie Web Stories-spezifische Handlungsaufforderungen | Wenn Sie Geschichten nachbilden, die ursprünglich für eine soziale Plattform wie Instagram, Snapchat oder YouTube erstellt wurden, stellen Sie sicher, dass Sie alle plattformspezifischen Handlungsaufforderungen für Leser entfernen. Stellen Sie sicher, dass Benutzer in der Lage sind, allen in Ihrer Web Story vorgeschlagenen Aktionen zu folgen. |
| Verwenden Sie bildschirmfüllende Videos und Bilder | Integrieren Sie bildschirmfüllende Assets in Ihre Geschichten, um ein immersiveres Erlebnis für Leser zu schaffen. |
| Vermeiden Sie niedrig aufgelöste oder verzerrte Bilder und Videos | Verwenden Sie hochwertige Bilder und seien Sie vorsichtig, wenn Sie die Größe von Bildern auf das Hochformat ändern. |
| Fügen Sie Ihrer Titelseite ein Logo hinzu | Fügen Sie ein hochauflösendes Logo ein, das Ihre Marke repräsentiert. |
| Videolänge verkürzen | Wir empfehlen Videos mit einer Länge von weniger als 15 Sekunden pro Seite oder maximal 60 Sekunden. |
| Audio einbinden | Verwenden Sie hochwertige Audioclips mit einer Länge von mindestens 5 Sekunden und ausgewogener Lautstärke, und stellen Sie sicher, dass die Sprache hörbar ist. |
| Erwägen Sie den automatischen Vorschub für reine Videogeschichten | Ein automatisch fortlaufendes Erlebnis für video-basierte Web Stories funktioniert gut für ein entspanntes Nutzungserlebnis. |
SEO
| Wichtige SEO-Best Practices | |
|---|---|
| Bieten Sie hochwertige Inhalte an | Wie bei jeder Webseite ist das Bereitstellen hochwertiger Inhalte, die für Ihre Leser nützlich und interessant sind, das Wichtigste, das Sie tun können. Fügen Sie eine vollständige Erzählung hinzu und befolgen Sie die Storytelling- Best Practices , um Ihre Leser zu fesseln. |
| Halten Sie den Titel kurz | Halten Sie Titel kürzer als 90 Zeichen. Wir empfehlen die Verwendung eines beschreibenden Titels mit weniger als 70 Zeichen. |
| Stellen Sie sicher, dass die Google-Suche Ihre Story finden kann | Fügen Sie kein noindex -Attribut in Ihre Story ein; dieses Attribut hindert Google daran, die Seite zu indexieren, und verhindert, dass sie bei Google erscheint. Fügen Sie außerdem Ihre Web Stories Ihrer Sitemap hinzu. Sie können überprüfen, ob Google Ihre Web Stories finden kann, mit dem Indexabdeckungs-bericht und dem Sitemaps- Bericht in der Search Console. |
| Machen Sie die Story self-canonical | Alle Web Stories müssen kanonisch sein. Stellen Sie sicher, dass jede Web Story ein link rel="canonical" auf sich selbst hat. Zum Beispiel: <link rel="canonical" href="https://www.example.com/url/to/webstory.html"> |
| Metadaten anhängen | Stellen Sie sicher, dass Ihre Web Stories den 
|
Weitere SEO-Best-Practices
| Empfohlene SEO-Best-Practices | |
|---|---|
| Strukturierte Daten einschließen | Wir empfehlen das Einschließen strukturierter Daten in Ihre Web Story, damit die Google-Suche die Struktur und den Inhalt Ihrer Web Story besser verstehen kann. |
| Alt-Texte zu Bildern hinzufügen | Wir empfehlen, Alt-Texte zu Ihren Bildern hinzuzufügen, um die Auffindbarkeit Ihrer Story zu verbessern. |
| Stories in Ihre Website integrieren | Wir empfehlen, Web Stories in Ihre Website zu integrieren, z. B. indem Sie sie von Ihrer Startseite oder entsprechenden Kategorieseiten aus verlinken. Wenn Ihre Web Story beispielsweise ein Reiseziel behandelt und Sie eine Seite haben, die alle Ihre Reiseartikel auflistet, verlinken Sie die Web Stories auch auf dieser Kategorieseite. Eine zusätzliche spezielle Landingpage wie |
| AMP-Story-Seitenanhänge verwenden | AMP-Story-Seitenanhänge können verwendet werden, um zusätzliche Informationen zusammen mit Ihrer Web Story zu präsentieren. Dies kann nützlich sein, um zusätzliche Details, tiefgehende Einblicke oder weiterführende Inhalte für die in Ihrer Web Story präsentierten Inhalte bereitzustellen. |
| Untertitel für Videos einfügen | Fügen Sie Untertitel zu Ihrem Video hinzu damit die Leser Ihre Story besser verstehen können. Vermeiden Sie fest eingebrannte Untertitel, um sicherzustellen, dass sie sich nicht mit anderen Inhalten überschneiden oder aus dem Bildschirm herauslaufen. |
| Rein video-basierte Stories optimieren | Wir empfehlen, semantisches HTML zu verwenden, um Ihre Web Story zu erstellen. Einige Web-Story-Editor-Tools exportieren jedoch möglicherweise stattdessen eine Story, die jede Folie als Videodatei formatiert und den gesamten Text in das Video einbettet. In diesem Fall empfehlen wir, den genauen Text, der im Video angezeigt wird, als  |
| Unterstützung für Querformat hinzufügen | Damit Web Stories in den Desktop-Ergebnissen der Google-Suche angezeigt werden können, fügen Sie Unterstützung für Querformat. |
Technisch
| Kritische technische Best Practices | |
|---|---|
| Die Story valide machen | Web Stories müssen valide AMP-Seiten sein. Um ungültige AMP-Fehler zu vermeiden, testen Sie Ihre Story mit dem AMP Validator-Tool und beheben Sie alle erkannten Fehler. |
| Fügen Sie keinen Text in das Posterbild ein | Vermeiden Sie die Verwendung von Bildern mit eingebranntem Text, da dies den Titel Ihrer Story verdecken kann, wenn Nutzer Ihre Story in den Suchergebnissen in der Vorschau anzeigen. Wenn Nutzer den Titel nicht deutlich lesen können, sind sie möglicherweise weniger geneigt, weiterzulesen. |
| Fügen Sie die richtige Posterbildgröße und das richtige Seitenverhältnis ein | Stellen Sie sicher, dass das mit Ihrem verknüpfte Bild <amp-story> poster-portrait-srcAttribut mindestens 640x853px groß ist und ein Seitenverhältnis von 3:4 verwendet. |
| Fügen Sie das richtige Seitenverhältnis für das Logo ein | Stellen Sie sicher, dass das mit Ihrem verknüpfte Logo-Bild <amp-story> publisher-logo-srcAttribut mindestens 96×96 px groß ist und ein Seitenverhältnis von 1:1 hat. |
Weitere technische Best Practices
| Empfohlene technische Best Practices | |
|---|---|
Fügen Sie og:image | Wir empfehlen die Einbindung von og:image in Ihre<meta> Tags, um die Auffindbarkeit Ihrer Story zu verbessern. |
Weitere Ressourcen
- Web Stories:
Rourcen zur Erstellung von Web Stories aus dem AMP Project. - Aktivieren Sie Web Stories in der Google Suche:
Entwicklerorientierter Leitfaden zum Erstellen von Web Stories, die den technischen Richtlinien entsprechen, die erforderlich sind, um in der Google Suche zu erscheinen. - AMP Stories Website: Entwicklerorientierte
Funktionen des Web Stories-Formats. - Web-Barrierefreiheit: Tipps, um sicherzustellen, dass Ihre Web Story für alle Nutzer zugänglich ist.
- Richtlinien für strukturierte Daten: Details zum Hinzufügen strukturierter Daten, damit die Google Suche Ihre Inhalte besser verstehen kann.
Alien Road
So setzen wir das um
Web Story quality guidelines are mostly editorial: pacing, image quality, text length per frame. We brief the client’s design team on them directly, since the constraints are unfamiliar to people used to article layouts.
Verwandte Leistungen