So erstellen Sie Google Web Stories in WordPress

Eine vollständige Anleitung zum Erstellen von Google Web Stories mit dem offiziellen WordPress-Plugin

Smartphones haben unsere ganze Welt verändert, auch die Art und Weise, wie Menschen heutzutage Inhalte konsumieren. Immer mehr Menschen nutzen ihre Telefone, um im Internet zu surfen, anstatt Computer. Es ist also selbstverständlich, dass sich auch die Art des Inhalts ändern muss, um diesen Wandel erfolgreich widerzuspiegeln.

Google Web Stories ist hier, um genau das zu tun. Früher als AMP-Stories bekannt (da das AMP-Framework sie unterstützt), wurden sie umbenannt. Um eine erste Vorstellung davon zu bekommen, was sie sind, stellen Sie sich Instagram-Stories vor, aber gehen Sie nicht ganz vor, da es viele starke Unterschiede gibt. Der wichtigste ist, dass Google Web Stories nicht vergänglich sind.

Was sind Google Web Stories?

Google Web Stories ist ein schnelles Medium für immersives Storytelling. Es ist in einem visuellen Format gestaltet und verwendet eine Kombination aus Bildern/Videos und Text, um ein Storytelling-Erlebnis zu schaffen. Sie wurden speziell für Mobiltelefone entwickelt und sind in der Regel immersive Vollbildbilder mit Begleittext, um eine Geschichte zu erzählen. Es hat normalerweise mehrere Seiten, um die gesamte Erzählung vollständig darzustellen.

Google Web Stories gibt es schon seit einiger Zeit, vielleicht sind Sie sogar auf einige von ihnen gestoßen, wenn Sie bei Google nach etwas suchen, aber was jetzt anders ist, ist, dass Google ein offizielles Google Web Stories-Plugin für WordPress mitbringt, das es einfacher macht denn je, um Web-Stories für Verlage zu erstellen.

Sie können in Google-Suchergebnissen, Bildern, Rasteransichten (in allen Regionen und Sprachen verfügbar) und im Abschnitt „Entdecken“ (nur in englischer Sprache und derzeit nur in den USA verfügbar) erscheinen. Web Stories eignen sich nicht nur hervorragend, um die Geschichte zu erzählen, die Sie erzählen möchten, während Sie sie kurz halten, sondern sie haben auch ein großes Potenzial, den Verkehr auf Ihrer Website zu erhöhen.

So installieren Sie das Google Web Stories-Plug-in

Google hat das Web Stories-Plugin (vorerst) als öffentliche Betaversion veröffentlicht. Sie müssen die Datei also herunterladen und manuell installieren, wenn Sie nicht auf die öffentliche Veröffentlichung warten möchten. Rufen Sie die Github-Seite für das Google Web Stories WordPress-Plugin auf.

Klicken Sie auf die Schaltfläche „Beta herunterladen“.

Gehen Sie dann im WordPress-Dashboard zu Plugins und klicken Sie auf "Neu hinzufügen".

Klicken Sie auf die Option „Plugin hochladen“ und wählen Sie die soeben heruntergeladene ZIP-Datei aus. Klicken Sie dann auf die Schaltfläche „Plugin installieren“.

Nachdem es installiert wurde, aktivieren Sie es und eine neue Option für "Stories" wird im WordPress-Menü angezeigt.

So erstellen Sie Google Web Stories in WordPress

Gehen Sie nach der Installation des GWS WordPress-Plugins im Navigationsmenü auf der linken Seite zu „Stories“. Sie gelangen zum Story-Dashboard. Hier finden Sie alle Entwürfe und veröffentlichten Geschichten.

Klicken Sie auf die Schaltfläche „Neue Story erstellen“, um eine neue Story von Grund auf neu zu erstellen.

Der Editor verfügt über eine einfach zu bedienende, intuitive Benutzeroberfläche, die nicht schwer zu handhaben sein wird. Es ist in drei Teile gegliedert:

  • Auf der linken Seite befindet sich das Elementmenü, in dem Sie die Inhalte auswählen können, die Sie der Geschichte hinzufügen möchten, wie Bilder, Videos, Text und Formen.
  • Das Zentrum, das eine Vorschau auf die Entwicklung der Geschichte und Veröffentlichungstools bietet
  • Und das Recht mit weiteren Bearbeitungswerkzeugen für jede Designebene sowie Dokumentwerkzeugen

Hinzufügen von Bildern zu einer Google Web Story

Sie können der Story im linken Abschnitt des Story-Editor-Bildschirms Inhalte hinzufügen. Die Bilder und Videos, aus denen Sie auswählen können, stammen aus Ihrer WordPress-Medienbibliothek. Um ein neues Bild hinzuzufügen, damit Sie es als Geschichte bearbeiten können, laden Sie es einfach in Ihre Medienbibliothek hoch.

Sie können entweder auf ein Bild klicken oder es per Drag-and-Drop in den Editor ziehen, um es der Seite hinzuzufügen. In seinen Richtlinien zum Erstellen von Webstories empfiehlt Google, Videos mit einer Länge von bis zu 15 Sekunden zu verwenden und niemals Videos mit einer Länge von mehr als 60 Sekunden zu verwenden. Sie schlagen auch vor, die Videos mit Untertiteln zu versehen.

Hinzufügen von Text zu einer Google Web Story

Um von Bildern zu Text oder Formen zu wechseln, klicken Sie auf die Registerkarten oben im Elementbereich.

Der Text enthält drei Voreinstellungen, aus denen Sie wählen können: Überschrift, Zwischenüberschrift und Fließtext. Wählen Sie eine Kategorie aus, um sie der Seite hinzuzufügen. Google empfiehlt, den Text auf jeder Seite kurz zu halten – weniger als 200 Zeichen pro Seite.

Hinzufügen von Formen zu einer Google Web Story

Zu den Formen gehören einige ziemlich normale Standardformen wie ein Kreis, ein Quadrat, ein Dreieck, ein Herz, einige Polygone und ein Klecks. Die Formen mögen ziemlich einfach sein, aber diese können als Masken verwendet werden, um Bilder beim Erstellen einer Geschichte fallen zu lassen. Auch diese können durch Anklicken oder Ziehen und Ablegen in den gewünschten Bereich hinzugefügt werden.

Bearbeiten von Google Web Stories in WordPress

Im Center-Editor können Sie einen Titel für die Story hinzufügen, indem Sie auf die Option „Titel hinzufügen“ gehen. Google empfiehlt, die Länge des Titels auf bis zu 40 Zeichen kurz zu halten.

Alle Elemente, die Sie einer Seite hinzufügen, werden als separate Ebenen hinzugefügt, sodass Sie jede Ebene separat bearbeiten können. Um ein Element zu bearbeiten, klicken Sie darauf. Es wird durch eine blaue Umrandung hervorgehoben, Sie können es an eine beliebige Stelle auf der Seite ziehen, die Größe ändern und die Designtools auf der rechten Seite für jedes Element verwenden.

Sie können einzelne Seiten bearbeiten und der Story weitere Seiten hinzufügen. Google empfiehlt, dass eine Story etwa 5-30 Seiten umfassen sollte, wobei das empfohlene Ziel 10-20 ist.

Um der Story eine neue Seite hinzuzufügen, Klicken Sie in der Symbolleiste unter dem Seiteneditor auf das Symbol „+“. Diese Symbolleiste bietet auch andere Bearbeitungsoptionen wie „Seite löschen“, „Seite duplizieren“, „Rückgängig“ und „Wiederherstellen“.

Der Editor verfügt auch über eine Schaltfläche zum Aktivieren und Deaktivieren des abgesicherten Modus. Lassen Sie den abgesicherten Modus aktiviert und halten Sie wichtige Informationen in der sicheren Zone, um sicherzustellen, dass Ihre Inhalte auf den meisten Geräten sichtbar sind.

Der Editor enthält auch die Optionen zum Speichern der Story als Entwurf, zum Anzeigen einer Vorschau und zum Veröffentlichen.

Design- und Dokumenttools für Google Web Stories

Die Gestaltungswerkzeuge auf der rechten Seite werden erst aktiv, wenn ein Element im Editor ausgewählt wird. Wenn Sie also den Text im Editor auswählen, werden rechts die Werkzeuge zum Bearbeiten des Textes angezeigt. Sie können die Ausrichtung und Platzierung, Farbe, Größe, Schriftart, Zeilenabstand usw. ändern.

Jede Ebene verfügt außerdem über einige gängige Designtools: Opazität und Link. Die Deckkraft jedes Elements beträgt standardmäßig 100, Sie können sie jedoch verringern. Sie können auch jedem Element in der Story einen Link hinzufügen, aber Google empfiehlt, nicht mehr als einen Link auf einer Seite zu haben.

Klicken Sie auf die Registerkarte „Dokument“, um von den Entwurfswerkzeugen zu den Dokumentwerkzeugen zu wechseln. Dazu gehören die Standard-WordPress-Publishing-Tools und noch einige mehr. Zusätzlich zum Status „Entwurf“ und „Öffentlich“ kann eine Story als „Privat“ festgelegt werden, sodass sie auch für Site-Administratoren und -Editoren, jedoch nicht für die Öffentlichkeit sichtbar ist.

Darüber hinaus können Sie ein Datum, ein Logo und ein Titelbild hinzufügen und den Permalink bearbeiten. Und vor allem können Sie die Einstellungen für den Seitenfortschritt konfigurieren. Bei der Einstellung für den Seitenvorschub geht es darum, ob die Geschichte automatisch vorgerückt wird oder der Leser manuell tippen muss, um die Seiten vorzurücken.

Bei der Option „Automatischer Fortschritt“ können Sie auch die Dauer zwischen jedem Seitenwechsel einstellen.

Verwenden von Google Web Stories-Vorlagen

Das GWS-WordPress-Plugin bietet auch einige Vorlagen, mit denen Sie eine Geschichte erstellen können. Derzeit gibt es 8 Vorlagen für einige Standardinhaltskategorien wie Beauty, Food, DIY, Entertainment, Fashion, Fitness, Travel und Wellbeing. Möglicherweise gibt es nur 8 Story-Vorlagen, aber jede Story hat mehrere Seiten, sodass Sie eine durchschnittliche Anzahl von Optionen zur Auswahl haben.

Klicken Sie im Web Stories-Dashboard auf die Option „Vorlagen erkunden“, um die Vorlagen zu öffnen.

Bewegen Sie den Mauszeiger über eine Vorlage und einige Optionen werden angezeigt. Klicken Sie auf „Ansicht“, um die darin enthaltenen Seiten anzuzeigen, und auf „Vorlage verwenden“, um sie im Editor zu öffnen und mit der Bearbeitung der Geschichte zu beginnen.

Web-Stories sind einfach zu erstellen und werden die Aufmerksamkeit der Benutzer auf Ihre Inhalte lenken. Sie können dazu beitragen, den Verkehr auf Ihrer Website zu erhöhen, indem sie mehr mobile Benutzer gewinnen, und Sie können sie sogar mit Affiliate-Links monetarisieren. Aber das Beste ist, mit ihrer Ästhetik und Geschwindigkeit ist es schwer, nein zu sagen. Und das neue WordPress-Plugin macht es jedem unheimlich leicht, Google Web Stories zu erstellen.