Übersicht und Überprüfung des Google Web Stories WordPress-Plug-ins

Web Stories sind antippbare Seiten im Vollbildmodus, die von AMP betrieben werden. Mit ihnen können Sie interaktive visuelle Erzählungen erstellen, die sich hervorragend für visuelle Informationen eignen. Geschichten sind immersiv, teilbar und nachverfolgbar. Sie können jetzt dank eines Plugins von Google zu Ihrer WordPress-Website hinzugefügt werden. In dieser Plugin-Übersicht und -Überprüfung werfen wir einen Blick auf das Google Web Stories WordPress-Plugin und sehen, was es kann.

Was sind Webstories?

Früher als AMP Stories bekannt, sind Web Stories Seiten in der Größe eines mobilen Bildschirms mit Layouts im Zeitschriftenstil. Der Inhalt umfasst großen Text mit Links zu längeren Inhalten, 15-Sekunden-Videos im Hochformat mit Bildunterschriften und Bilder mit Bildunterschriften. Web Stories ist ein Open-Source-System und kostenlos.

Sie sind für die Verwendung mit mobilen Geräten gedacht. Sie enthalten typischerweise 4 bis 30 Seiten mit 10 Wörtern pro Seite. Dies ist ideal, um Inhalte in kleineren Bissen zu produzieren. Sie sind eine großartige Möglichkeit, interaktive Inhalte bereitzustellen, die beim Mittagessen, beim Sitzen in der U-Bahn usw. einfach mit einer Hand zu verwenden sind.

Warum Webstories mit WordPress verwenden?

Der Inhalt und das Design von Web Stories passen gut zu Blog-Inhalten auf WordPress-Websites. Das Plugin integriert sie in Ihre WordPress-Website und hilft, Traffic über das Web Story-Format zu generieren.

Sie helfen sogar, Ihre SEO zu verbessern und einen hohen Rang in der Google-Suche, bei Google-Bildern, bei Google Discover und in der Google-App zu erreichen, was Web Stories zu einer großartigen Möglichkeit macht, den WordPress-Verkehr zu verbessern.

Installieren des Google Web Stories-Plug-ins

Laden Sie das kostenlose Beta-Plugin herunter. Dies ist ein öffentliches Beta-Plugin, daher sind die meisten Hauptfunktionen vorhanden. Die Vollversion wird noch in diesem Sommer erscheinen. Es wird eine bessere Stabilisierung, Leistung und Fehlerbehebungen bieten und Unterstützung für Animationen und Seitenanhänge bieten.

Da es sich um eine Betaversion handelt, müssen Sie die Datei herunterladen und manuell wie folgt installieren:

1. Gehe zur Stories Github-Seite und lade das Beta-Plugin herunter
2. Gehen Sie im WordPress-Dashboard zu Plugins > Neu hinzufügen
3. Klicken Sie auf Plugin hochladen
4. Wählen Sie die gezippte Datei von Ihrem Computer aus
5. Klicken Sie auf Jetzt installieren
6. Wenn Sie „Plugin erfolgreich installiert“ sehen, klicken Sie auf Plugin aktivieren

Menü Web-Stories

Dem Dashboard wird ein neuer Menüpunkt namens Stories hinzugefügt. Hier können Sie alle Ihre Storys anzeigen, eine neue Story hinzufügen und Vorlagen erkunden. Ihre Stories werden hier angezeigt, wo Sie sie im Editor öffnen, umbenennen, duplizieren oder löschen können.

Dies ist ein Stories-Beitragstyp, der als Stories-Beitrag angezeigt werden kann und ein Link zu diesen Beiträgen zu regulären Seiten und Beiträgen hinzugefügt werden kann.

Erstelle eine Geschichte

Wenn Sie auf Neue Story erstellen klicken, wird der Editor geöffnet, in dem Sie auf die visuellen Tools zugreifen können. Es gibt keine Möglichkeit, ihre Größe zu ändern oder sie zu reduzieren. Wenn dich das an Canva erinnert, bist du nicht allein. Es funktioniert ungefähr auf die gleiche Weise und ist genauso intuitiv.

Auf der linken Seite befindet sich der Inhalt, den Sie dem Seitenersteller hinzufügen können. Es enthält Bilder, Text und Formen. Bilder enthalten auch Videos. In der Mitte befindet sich der Seitenersteller. Es enthält Werkzeuge zum Bearbeiten und Veröffentlichen der Geschichte. Auf der rechten Seite befinden sich Design- und Dokumenttools. Jedes Element, das Sie der Seite hinzufügen, ist eine separate Ebene.

Inhalt

Die Bilder und anderen Inhalte stammen aus Ihrem Medienordner. Wenn Sie mit der Maus über einen fahren, werden drei Punkte angezeigt. Durch Klicken auf die Punkte werden Optionen zum Bearbeiten oder Löschen des Bildes geöffnet. Sie können auch Bilder oder Videos sortieren, suchen und hochladen. Wenn Sie auf den Inhalt klicken, wird dieser zur Story-Seite hinzugefügt.

Sie können doppelklicken, um den Inhalt hinzuzufügen, oder den Inhalt per Drag & Drop auf die Story-Seite ziehen. In diesem Beispiel ziehe ich das Bild auf die Seite.

Text

Die Registerkarte „Text“ enthält voreingestellte Schaltflächen zum Hinzufügen von Überschriften, Unterüberschriften und Text. Klicken Sie auf einen oder klicken Sie auf Neuen Text hinzufügen, um der Seite einen voreingestellten Text hinzuzufügen.

Klicken Sie auf den Text, um das Größenänderungswerkzeug zu öffnen. Ziehen Sie, um die Größe zu ändern, oder greifen Sie in die Mitte und verschieben Sie den Text an eine neue Position. Dies öffnet auch seine Werkzeuge auf der rechten Seite, in denen Sie die Ausrichtung, Farben, Größe, Position, Ebene, Stil usw. ändern können.

Sie können auch mehrere Elemente gleichzeitig auswählen, um die Größe zu ändern oder den Inhalt zu verschieben.

Formen

Die Registerkarte "Formen" enthält ein Quadrat, einen Kreis, ein Dreieck, ein Herz, einen Stern, ein Fünfeck, ein Sechseck und einen Klecks. Ziehen Sie sie per Drag & Drop auf die Seite, ändern Sie ihre Farben, Deckkraft, Größe usw.

Buchseite

Der Canvas-Bereich umfasst den Titel, Veröffentlichungsoptionen, Papierkorb, Kopieren, Neue Seite hinzufügen, Rückgängig, Wiederherstellen, eine Vorschau und eine Rasteransicht, um mehrere Seiten gleichzeitig anzuzeigen. Wenn Sie auf den Inhalt klicken, erhalten Sie einige Drag-and-Drop-Tools zum Ändern der Größe und zum Verschieben des Inhalts. Es öffnet auch die Optionen für die Designtools auf der rechten Seite.

Ziehen Sie den Inhalt, um die Ausrichtungsoptionen anzuzeigen.

Doppelklicken Sie auf den Inhalt, um das gesamte Bild anzuzeigen, und öffnen Sie Werkzeuge, um den Zoom und die Ausrichtung anzupassen. Sie können die Größe des Inhalts ändern und ihn verschieben, um genau das gewünschte Bild zu erhalten.

Entwurf

Die Designanpassungen zeigen Steuerelemente für das Element an, auf das Sie geklickt haben. Ich habe den Hintergrund der Seite ausgewählt und dann auf die Farbe geklickt. Dadurch wird eine Farbauswahl geöffnet, in der Sie die Farbe für den Hintergrund festlegen können.

Bei Bildern umfasst dies Ausrichtung, Größe und Position, Deckkraft, Links, Zugänglichkeit und Ebenen.

Bei Text umfasst dies die Schriftfamilie, Stil, Ausrichtung, Farbe, Hintergrundfarbe, Auffüllung und Link.

Bei Formen umfasst dies die Ausrichtung, Größe und Position sowie Farbe.

Die Registerkarte Dokument enthält die standardmäßigen WordPress-Veröffentlichungsoptionen und fügt einige weitere hinzu. Als Entwurf speichern oder als öffentlich oder privat veröffentlichen. Passen Sie das Datum, das Logo des Herausgebers und das Titelbild an. Passen Sie den Permalink und den Seitenfortschritt an. Wählen Sie zwischen automatisch und manuell und stellen Sie das Timing für den automatischen Fortschritt ein.

Vorlagen

Auf der Registerkarte Vorlagen erkunden werden die Vorlagen angezeigt, die Sie in Ihren Storys verwenden können. Es gibt derzeit 8 Vorlagen, die Ihnen den Einstieg erleichtern. Die Vorlagen umfassen mehrere Seiten, sodass viele Designs hilfreich sind.

Ein Klick auf eine öffnet die Vorlage, auf der Sie alle Seiten sehen können, die sich in der Vorlage befinden.

Alle Seiten sind auswählbar und einstellbar. Wählen Sie ein beliebiges Element aus, um es zu ändern.

Eine Geschichte veröffentlichen

Wenn Sie auf klicken, um die Story zu veröffentlichen, werden Optionen zum Anzeigen der Story oder zum Hinzufügen zu einem neuen Beitrag angezeigt.

Geschichte ansehen

Beim Anzeigen der Story wird die Seite im Frontend geöffnet. Jede der Seiten ist sichtbar, aber nur die in der Mitte ist vollständig lesbar. Auf der Seite werden Schieberegler mit Pfeilen an den Seiten, eine Navigationsleiste unter der Seite, eine Wiedergabe- oder Pausenschaltfläche in der oberen rechten Ecke und eine Freigabeschaltfläche angezeigt, um Besuchern das Teilen Ihrer Web-Story zu erleichtern. Durch Klicken auf die Schaltfläche können Besucher die URL kopieren.

Zu neuem Beitrag hinzufügen

Wenn Sie Zu neuem Beitrag hinzufügen auswählen, wird automatisch ein Standard-Blog-Beitrag erstellt, bei dem der Code für die Story bereits im Beitrag platziert ist. Dies ist ein Standard-Blog-Post, daher erscheint er im Blog-Stream. Dies ist ein Link, der die Seite der Story öffnet. Fügen Sie dem gewünschten Beitrag weitere Inhalte hinzu. Dieser Code kann in jeden Beitrag oder jede Seite eingefügt werden, sodass Sie ihn mit Blog-Beiträgen, Divi-Layouts usw. verwenden können. Ich verwende den klassischen Editor, aber er funktioniert ähnlich in Gutenberg.

Bei Gutenberg fordert es die Konvertierung des Codes in HTML an. Die Story funktioniert in diesem Modus, sodass Sie sehen können, wie sich die Seiten umblättern, während Sie den Beitrag schreiben.

Weitere Möglichkeiten zur Verwendung des Stories-Beitragstyps

Sie können den Beitragstyp auch zu Ihrem Navigationsmenü hinzufügen, ihn mit dem Divi Blog-Modul, dem Divi Theme Builder usw. verwenden.

Werbung in Google Web Stories

Die Monetarisierung ist auf die Google-Plattform und Affiliate-Verkäufe beschränkt. Story-Anzeigen werden von Google Ad Manager und Google DV360 (derzeit in der Betaphase) bereitgestellt. Zusätzliche Ad-Server-Unterstützung wird in Zukunft hinzugefügt. Sie können gesponserte Geschichten und Partner umfassen.

Google-Anzeigen sind ganzseitig und erscheinen innerhalb der Web Stories. Sie können Links zu Webseiten, AMP-Seiten oder einer App enthalten. Sie können Text, Bilder, Schaltflächen, Videos, Animationen und eine beliebige Kombination enthalten. Anzeigen sind in der oberen linken Ecke als Anzeige gekennzeichnet. Das Ziel der Anzeigen ist ein zusammenhängendes Design, das mit der Web Stories UX verschmilzt.

Die Dokumentation zeigt die Details zum Codieren und Erstellen von Anzeigen. Es gibt mehrere Vorlagen, um Ihnen den Einstieg zu erleichtern. Einige sind im obigen Beispiel gezeigt.

Gedanken beenden

Web Stories ist eine interessante Möglichkeit, Inhalte für Ihre WordPress-Website zu veröffentlichen. Geschichten sehen aus wie Zeitschriftenseiten und funktionieren als Schieberegler. Sie integrieren sich sogar gut in die WordPress-Navigationsstruktur und in die Layouts und Module von Divi. Sie funktionieren gut mit mobilen Geräten.

Das Web Stories WordPress-Plugin von Google sieht aus und fühlt sich an wie Grafikbearbeitungstools wie Canva. Es ist einfach und leicht zu bedienen. Wenn Sie an einer einfachen Möglichkeit interessiert sind, einfache Inhalte zu erstellen, die gut aussehen und Ihre SEO verbessern, empfehle ich einen Blick auf das Web Stories WordPress-Plugin.

Wir wollen von dir hören. Haben Sie das WordPress-Plugin von Google Web Stories ausprobiert? Teilen Sie uns Ihre Erfahrungen in den Kommentaren unten mit.

Ausgewähltes Bild über Jemastock / shutterstock.com