Erstellen von Google Web Stories: Ein Best-Practice-Leitfaden für Verlage

Google Web Stories sind interaktive, immersive Inhalte, die man antippen kann und die Instagram- und Facebook-Stories ähneln. 

Ursprünglich 2018 als AMP Stories eingeführt, benannte Google dieses visuelle Format 2020 in Web Stories , ¹ möglicherweise auch aufgrund der etwas umstrittenen Natur ² der AMP-Technologie im Bereich des digitalen Publizierens ³ .

In ihrer aktualisierten und verfeinerten Form sind Googles Web Stories ein visuell ansprechendes Inhaltsformat, das Verlagen mehr Kontrolle über ihre kreativen Inhalte und ihr Branding ermöglicht. Wie Google erklärt, sind Web Stories „ eine webbasierte Version des beliebten Story-Formats, mit der Kreative ihre Inhalte hosten und besitzen können .“ ^⁴

Laut einer Studie aus dem Jahr 2019 bevorzugen fast zwei Drittel der Leser (64 %) Geschichten gegenüber rein scrollbaren Texten; ^, dieses Format zu nutzen.⁵

Dieselbe Studie zeigte jedoch auch, dass es „viele Fallstricke im Design gibt, die Verwirrung, Ermüdung und Frustration hervorrufen können“. Daher ist die Anwendung bewährter Designpraktiken unerlässlich, um Webstorys mit maximaler Wirkung zu erstellen.

Wer versteht, wie man visuell ansprechende Google Web Stories erstellt und veröffentlicht, kann die kreative Kontrolle behalten, ^{Markenvertrauen}  aufbauen und Traffic auf seine Website lenken.⁶

Was sind Google Web Stories?

Web Stories sind ein visuelles Erzählformat, bestehend aus einer Abfolge von Bildern und Videos mit Text und/oder Audio. Die Inhalte können in eine bestimmte Wiedergabereihenfolge unterteilt werden, wobei jedem Nutzer jeder Teil entweder automatisch nach einigen Sekunden oder durch Antippen oder Anklicken angezeigt wird.

Web Stories verschwinden nicht nach 24 Stunden, im Gegensatz zu Stories bei Snapchat oder Instagram. Dadurch können Verlage dieses Format auch für dauerhaft verfügbare Inhalte nutzen.

Web Stories basieren auf AMP und übernehmen daher alle damit verbundenen Vorteile:

• Es kann auf jeder Website eingebettet werden
• Es funktioniert auf jedem Browser, egal ob Mobilgerät oder Desktop-Computer
• Hohe Ladegeschwindigkeiten
• Auffindbar in den Google-Suchergebnissen, einschließlich Google Discover über das Web Stories-Karussell und Google Bilder.

Hintergrundgeschichte von Taptable Stories

Als Snapchat mit dem Story-Format Pionierarbeit leistete und es zu einem Kernbestandteil seiner App machte, ahnten nur wenige, dass dieses Erzählformat einen solchen Erfolg haben würde.

Als erstes folgte jedoch Instagram, wo es mittlerweile von 500 Millionen Menschen genutzt wird ^. Danach kamen WhatsApp und Facebook, Medium, Skype, YouTube, Twitter und sogar LinkedIn, die dieses Format übernommen haben.

Seitdem gab es einige namhafte Opfer: Twitter , ^Skype und LinkedIn ^{haben allesamt} , das Story-Format aufzugeben.

Google hat seinerseits seine Stories-Funktion in die AMP-Spezifikation , wodurch Verlage das Format für ihre Online-Storytelling-Aktivitäten nutzen können. ¹¹

Funktionen von Google Web Stories

Es hat sich gezeigt, dass Google Web Stories ein effektives Online-Storytelling-Format sind. Eine bereits erwähnte Studie aus dem Jahr 2019 belegt, dass Leser „anklickbare Story-Beispiele visuell ansprechender und einfacher zu navigieren finden als scrollbare“.

Dies gilt insbesondere für bestimmte Inhaltsarten, wie zum Beispiel zeitlose Lifestyle-Inhalte. 

In einer Google Web Stories kann ein Herausgeber alle Arten von visuellen Inhalten einbinden: Bilder, Ton, Video oder Animationen.

Diese Artikel können von Suchmaschinen indexiert und zur Beantwortung von Nutzeranfragen angezeigt werden. Google Search präsentiert sie in einem Snippet unter „Top-Meldungen“, wenn ein Nutzer eine Suchanfrage mit Bezug zu Nachrichten stellt.

Web Stories können responsiv gestaltet werden, das heißt, sie passen sich der Bildschirmgröße des Nutzers an, egal ob dieser die webbasierte Version oder ein mobiles Gerät verwendet. 

Verlage können Links und Handlungsaufforderungen (CTAs) an beliebiger Stelle auf einer Seite einfügen. Dies trägt dazu bei, interessierte Nutzer dazu zu bewegen, ihre Reise an anderer Stelle fortzusetzen, weitere Artikel zu lesen oder ein Abonnement abzuschließen.

Durch das Hinzufügen einer letzten Seite, der sogenannten Buchstütze, können Social-Sharing-Funktionen und verwandte Links hervorgehoben werden.

So erstellen Sie Google Web Stories – Bewährte Designpraktiken

Für kleinere Verlage ohne großes Programmierteam macht Google die Erstellung von Web- Storys einfach.

Die dritte Folge der wöchentlichen Lernreihe „Storytime“ von Google Web Creators ist ein guter Einstieg. ¹² 

Die Erstellung von Google Web Stories umfasst die folgenden Schritte.

Wählen Sie einen visuellen Editor

Web-Stories bestehen aus einer Reihe von Panels, die der Benutzer antippen oder deren automatische Änderung erwartet.

Jede neue Seite besteht aus einer Kombination von Text, Bildern und Videos, wobei das visuelle Format lebendige und grafisch ansprechende Inhalte erfordert. Daher ist ein visueller Editor – sei es als Software, Plugin oder Online-Dienst – der erste und vielleicht wichtigste Schritt bei der Erstellung von Web Stories.

 Bei der Erstellung von Google Web Stories gibt es verschiedene Tools und eine Reihe von Google-Produkten, die berücksichtigt werden müssen.

Für Content-Ersteller mit einer WordPress-Website gibt es eigentlich nur zwei Plugins zu berücksichtigen:

Webgeschichten

Google bietet einen eigenen Web Stories-Editor für WordPress an, den Google als benutzerfreundliches „WYSIWYG-Erstellungstool“ beschreibt. ¹³

Geschichten erfinden

MakeStories ist ein Open-Source-Visual-Editor, mit dem Google Web Stories direkt vom Dashboard einer WordPress-Website aus veröffentlicht werden können.

WordPress-Alternativen

Für kleinere Verlage , die nicht mit WordPress arbeiten, aber dieses Format dennoch auf ihrer Website implementieren möchten, gibt es einige Drag-and-Drop-Tools ohne Programmierkenntnisse, die sich zum Erstellen von Google Web Stories . Newsroom AI und MakeStories gehören hierbei zu den beliebtesten.^¹⁴

Entwerfen Sie die Geschichte

Googles nächster Tipp lautet, ein Storyboard zu erstellen, das zeigt, welche Bilder und Inhalte in den einzelnen Panels der Geschichte erscheinen werden. Eine gute Webstory ist genau das: eine Geschichte, die eine Erzählung von Anfang bis Ende erzählt.

Google bietet eine kostenlose Vorlage , die Autoren beim Erstellen einer neuen Geschichte unterstützt. ¹⁵ 

Quelle: Kreative Assets

Die Beschaffung der richtigen Inhalte, vom Titelbild bis zum letzten Panel, ist vielleicht der wichtigste Aspekt bei der Erstellung einer neuen Geschichte.

Verlage sollten unbedingt Alternativtexte verwenden und darauf achten, keine Urheberrechte zu verletzen. Außerdem ist es wichtig zu beachten, dass alle Vollbildvideos vertikal formatiert sein sollten. Dadurch wird sichergestellt, dass Web Stories minimale Bandbreite verbrauchen und so schnell wie möglich geladen werden. 

Jetzt erstellen

Sobald die Vision steht, geht es im gewählten Editor ans Eingemachte. Fügen Sie zunächst Bilder oder Videos ein und verfassen Sie präzise Texte. Halten Sie den Titel kurz und die Handlungsaufforderungen (CTAs) ansprechend. Fügen Sie einen Link zu einer gewünschten Website hinzu, um die Zuschauer zum Abonnieren zu animieren.

Berücksichtigen Sie die folgenden Forschungsergebnisse bei der Erstellung von Web-Storys:

• Zu lange Geschichten überfordern die Leser
• Zu viel Inhalt auf einer einzelnen Seite kann Verwirrung stiften und die Leser ermüden
• Leser schätzen Handlungsaufforderungen und andere visuelle Hinweise
• Bei richtiger Platzierung und Reichweite bieten interaktive Storys eine hervorragende Möglichkeit zur Monetarisierung durch Werbung

Auf „Veröffentlichen“ klicken

Sobald die Google Web Story entwickelt, recherchiert und erstellt ist, kann sie der Weltöffentlichkeit präsentiert werden. Mit einem visuellen Editor ist das so einfach wie ein Klick auf den Veröffentlichen-Button.

Größere Verlage – oder solche, die über die notwendigen Ressourcen und das technische Know-how verfügen – werden es wahrscheinlich vorziehen, Geschichten von Grund auf mit HTML, CSS und Javascript nach dem Google AMP-Standard zu erstellen.

Das Codieren von Web-Stories ermöglicht eine bessere Kontrolle über das Endprodukt und eine einfachere Integration in ein bestehendes CMS und eine bestehende Codebasis.

Vergiss die Suchmaschinenoptimierung nicht!

Bei der Entwicklung von Web Stories kann man sich leicht in der kreativen Seite verlieren, doch es ist wichtig, die besten SEO-Praktiken zu beachten, damit die fertigen Geschichten auch tatsächlich in den Suchergebnissen erscheinen. Schließlich ist eine Web Story auch nur eine Webseite.

Google hat eine Liste bewährter SEO-Praktiken , die auch für Web Stories gelten. ¹⁶ Dazu gehören:

• Bereitstellung hochwertiger Inhalte
• Verwendung beschreibender Titel mit weniger als 70 Zeichen
• Vermeidung der Verwendung von noindex-Attributen
• Die Geschichte selbstkanonisch machen
• Einhaltung der AMP-Richtlinien für Story-Metadaten ¹⁷
• Testen mit dem AMP- Validierungstool ¹⁸
• Vermeiden Sie Bilder mit eingebranntem Text
• Verwendung der korrekten Posterbildgröße und des korrekten Seitenverhältnisses
• Sicherstellen, dass das Logo das richtige Seitenverhältnis hat

Hervorragende Beispiele für Google Web Stories

Die Leistungsfähigkeit und Vielseitigkeit von Google Web Stories lässt sich am besten anhand hervorragender Beispiele etablierter Verlage erleben:

Beispiele im Hochformat

Diese Geschichten wurden für die Nutzung auf Mobilgeräten konzipiert. Sie sind zwar auch über Desktop-Computer zugänglich, jedoch wird der größte Teil des verfügbaren Bildschirmplatzes nicht genutzt.

VICE hat das Format der Google Web Stories perfektioniert und das Design genutzt, um während der gesamten COVID-Pandemie zeitlose Lifestyle-Inhalte in Form von Kochvorführungen zu erstellen. ¹⁹

Refinery 29 verwendet eine ähnliche Skip-Video-Technik, um unterhaltsame Lerngeschichten zu erstellen. ²⁰

The Lonely Planet zeigt, dass wunderschöne Bilder und aussagekräftige Bildunterschriften in Storytelling-Inhalten genauso fesselnd sein können wie Videos. ²¹

BBC News – Proteste gegen die Post-it-Aktion in Hongkong. ²² Einige Seiten enthalten Videos mit einem alternativen Bild, falls das Video nicht geladen werden kann oder die Bandbreite zum Herunterladen und Abspielen nicht ausreicht. Am Ende der Seite wird der Leser auf weitere Inhalte zu den Protesten in Hongkong und zur BBC-News-Startseite weitergeleitet.

CNN World – Nationalfeiertag Frankreichs: Wie er jahrhundertelangen zivilen Ungehorsam inspirierte . ²³ Der Artikel enthält eine vollständige Autorenzeile mit Veröffentlichungsdatum, und jedes Bild ist dem Fotografen und der Agentur . Er ist deutlich textreicher als das Beispiel der BBC.

Wie man eine Google-Webstory monetarisiert

Bei korrekter Implementierung können Vollbild-Interstitial-Anzeigen für Publisher eine effektive Möglichkeit darstellen, ihre visuellen Geschichten monetarisieren

Um Anzeigen in eine Google Web Story einzufügen, muss eine Anzeigenplattform konfiguriert werden, die die Einbindung von Anzeigen in eine Web Story unterstützt.

Zum Zeitpunkt der Veröffentlichung ist die einfachste Methode, Anzeigen in eine Web Story einzubinden, weiterhin die Auslieferung über Google Ad Manager oder Google AdSense, da beide programmatische Werbung ermöglichen, so die Open-Source-Entwicklergemeinschaft von AMP . ^²⁴

Es gibt jedoch Möglichkeiten für andere Werbeplattformen, die Unterstützung für Web Story-Anzeigen zu integrieren, und auch für Publisher, benutzerdefinierte Anzeigen von ihrem eigenen Adserver aus zu platzieren.

Werbenetzwerke müssen sowohl gültige AMPHTML-Anzeigen mit zusätzlichen Metadaten für die AMP-Laufzeitdarstellung ausliefern AMPHTML-Anzeigen ²⁵</sup> , den zusätzlichen Metadaten-Tags <sup>²⁶ und der Fast-Fetch-Integration ^²⁷ .

Die Community hat außerdem eine Dokumentation für Publisher erstellt, die daran interessiert sind, Anzeigen aus ihrem Werbenetzwerk zu schalten, allerdings mit dem Hinweis, dass es sich hierbei um eine „ komplexere “ Lösung handelt. ²⁸

Google Ads ist außerordentlich flexibel und lässt sich nahtlos in das WordPress-Plugin MakeStories und NewsRoom AI integrieren.

Eine weitere Möglichkeit zur Monetarisierung von Google Web Stories besteht darin, Affiliate-Links in die Story einzubinden oder gesponserte Inhalte zu veröffentlichen. Dies kann beispielsweise ein Link zu verschiedenen Webseiten sein, darunter Patreon- oder Produktseiten.

abonnementbasiertes Umsatzmodell eingeführt haben, können am Anfang und Ende der Geschichte einen „Weiterlesen“-Link einfügen, der Nicht-Abonnenten zu einer Registrierungsseite führt. ²⁹

der australischen Zeitung „The Australian“ nutzt diesen Ansatz: Jede Geschichte dient als Vorschau auf Inhalte, die sich hinter einer Bezahlschranke befinden. ³⁰

Wie bei jeder Werbekampagne ist es unerlässlich, die Website, die Leserschaft und das Seitenformat zu berücksichtigen.

Abschließende Gedanken

Google Web Stories nutzen ein ansprechendes Format, das den Menschen bereits aus mobilen und sozialen Medien bekannt ist.

Die Erstellung von Web Stories ist für Verlage jeder Größe dank benutzerfreundlicher, codefreier Tools zum Verfassen von Geschichten ganz einfach. Ihre Vorteile gehen über ein angenehmes Nutzererlebnis hinaus: Dank ihrer Ladezeit und ihres Formats eignen sie sich hervorragend für eine erstklassige Suchmaschinenoptimierung.

Durch das Erstellen von Google Web Stories erhalten Publisher mehr Kontrolle über ihre Inhalte und ihre Marke, steigern den organischen Traffic und bieten zunehmend Möglichkeiten zur Monetarisierung.

Durch die Nutzung von Storytelling-Inhalten können Verlage ihre Reichweite vergrößern und gleichzeitig die Eigentumsrechte an ihrem geistigen Eigentum behalten.