Nyheter, Prylar, Android, Mobiler, Appnedladdningar, Android

Hur man skapar Google Web Stories i WordPress

Webbberättelser är interaktiva och öppna innehållsdelar som består av visuella element som bilder, texter, videor, etc., presenterade i sidsvepbara bilder. Det hjälper dig att skapa engagerande och interaktiva berättelser som engagerar din publik. Lär dig steg-för-steg-guide om hur du integrerar Google Web Stories i din WordPress-webbplats.

Google Web Stories är en implementering av populära berättelsepresentationsformat som liknar Facebook Stories, WhatsApp Status, Twitter Fleets, etc.

Berättelser i sociala medier använder bilder, videor, texter eller ett hopkok av alla dessa kreativa element för att berätta historier för sina tittare.

Att berätta en berättelse för marknadsföring är den äldsta konsten att sälja. Från gatuförsäljare till exklusiva nätbutiker, alla företag använder storytelling för att locka köpare.

Det är i grunden ett verktyg för kreatörer att skapa övertygande berättelser för att marknadsföra sina produkter, inlägg eller planer.

I den här artikeln kommer jag att visa dig hur du skapar och integrerar Google Web Stories med WordPress och använder det på din webbplats för att engagera din publik.

Vad är Googles webbberättelser?

Webberättelser är interaktiva och öppna innehållsbitar som består av visuella element som bilder, texter, videor, etc., presenterade i sidsvepbara bilder. Du kan lägga till olika effekter, animationer och andra anpassningar för att skapa något fängslande och unikt för ditt företag.

Tidigare under 2018 introducerades AMP (accelerated mobile page) storys-funktion för att göra mobilliknande storytelling för webbplatser. Senare blev det Google Web Stories.

Även om Google inte är en webbplats för sociala medier, har den ändå antagit en populär funktion eftersom den enkelt gör det möjligt för användare att konsumera information. I dagens snabba liv vill människor ha stora delar av information och google webbberättelser ger just det.

Detta är också en av anledningarna till att korta videoformat har blivit så populära.

Webberättelseformatet är perfekt för berättande, liveuppdateringar, utbildning, marknadsföring och genomförande av omröstningar och undersökningar. Men till skillnad från berättelser på sociala webbplatser, är användare fria att ladda ner och distribuera Googles webbberättelser.

Hur visas webbberättelser på Google?

Webberättelser dyker upp som en karusell i Google Discovers flöde på Android- och iOS-telefoner med de uppdaterade versionerna av Google-appen.

De förekommer också i Sök på Google resultat singular eller grupperade under rubriken Visuella berättelser när du söker efter något populärt relaterat till Fitness, Livsstil, Hälsa, Wellness, Underhållning, etc.

Globalt, i Google bild Sök, Stories visas som bildkort med Web Stories-ikonen på dem.

Sammanfattningsvis är det en övertygande tillägg till din webbplats, som låter dig visa visuella berättelser som resonerar med din publik.

Exempel på Google webbberättelser

Den största anledningen till att fokusera på att skapa webbberättelser är att de kan bli det första intrycket av din webbplats för de flesta användare.

Om någon vill besöka turistplatser i staden föredrar de att få platsens namn med bilder och sammanhang. Istället för att läsa hela artikeln behöver de bara se den visuella berättelsen och ladda ner den när de reser. Det är bara ett exempel på hur fyndiga webbberättelser kan vara för din publik.

Låt oss se några andra exempel.

1. HealthifyMe – bästa bröstövningarna

Källa

HealthifyMe är en app för spårning av hälsa och fitness. Den stöder användare med avancerad kalorispårning, näringsinformation och fitnesstips. I den här webbberättelsen ger de övningar om hur du bygger din bröstkorg. Den består av både utrustning och kroppsviktsövningar.

Skaparna har placerat reklambilder däremellan för att marknadsföra sina kost- och fitnessexperter. Som du kan se blir en artikel värd innehåll så lätt att konsumera genom Google Web Stories.

2. Seeker – piloterna i jetdräkter tog över England

Källa

Denna webbberättelse från Seeker är en sak som bara är avsedd att ses, inte läsas. En catchy rubrik skulle få dig att tro att scenen från någon science fiction-historia håller på att förverkligas i London.

Det är den typen av berättelse som enbart förlitar sig på media och har en fenomenal viralitet. Det finns inget behov av att lägga till animationer eller effekter; filmen väger tillräckligt mycket. Dessutom låter den klickbara webbberättelsen tittarna enkelt titta på videon och hoppa till de delar de gillar.

3. Raffinaderi29 – hur pengar tjänas

Källa

Den här webbberättelsen faller under kategorin edutainment. Det är den perfekta blandningen av videor, texter, bilder, animationer och effekter för att förmedla ett ganska seriöst ämne på ett så underhållande sätt som möjligt.

På samma sätt kan du förklara komplexa koncept i förbrukningsbara bilder för dina tittare och motivera dem att slutföra dina CTAs.

Så det här var de tre bästa exemplen på Googles webbberättelser. Som du märker har alla dessa webbplatser smart använt olika innehållstyper för att skapa en tilltalande visuell upplevelse och erbjuda värde till sina användare för att driva konverteringar.

Hur skapar jag Google webbberättelser i WordPress? Steg-för-steg guide.

Nu vet du vad Google Web Stories är och hur de visas på Google. Du har också sett gott om exempel.

Det är dags att lära sig hur du skapar Google Web Stories för din WordPress-webbplats med hjälp av ett plugin.

1. Installera Googles plugin för webbberättelser

Du kan ladda ner Web Stories – ett WordPress-plugin som skapats av Google. Det gör det möjligt för WordPress-användare att skapa visuella berättelser på sina webbplatser med funktioner som dra & släpp-byggare, layoutmallar, länkning, etc.

Det är helt gratis, gör att du kan designa de mest catchy visuella berättelserna och ger ett unikt sätt att interagera med dina användare.

För att installera insticksprogrammet Web Stories, logga in på din WordPress Dashboard och följ stegen:

  • Från adminpanelen, gå till Plugins > Lägg till nytt.
  • Klicka på Ladda upp plugin och välj den nedladdade pluginfilen för Web Stories.
  • Klicka på Installera.
  • Slutligen, Aktivera plugin-programmet.

Öppna sedan inställningen Web Stories och konfigurera inställningarna för att lägga till information som är relevant för ditt företag, som Google Analytics spårnings-ID, varumärkeslogotyp, intäktsgenerering, koppla ditt plugin till e-handelsplattformar och mer.

2. Skapa din första webbberättelse

Gå till inställningarna för Web Stories och klicka på knappen Skapa ny berättelse för att skapa din första Google Web Story.

Redaktörsgränssnittet är organiserat och lätt att arbeta med för nybörjare. Den har följande delar:

Panelen Infoga, Stil och Publicera: Den vänstra sidan innehåller alternativ som låter dig Infoga olika bilder, videor, texter, former, produkter och mallar. Du kan också konfigurera varumärke, publiceringsschema, sidavancemang, ljud och synlighet.

Duk: I mitten av berättelseredigeraren har du arbetsytan där du kan dra och släppa designelement för att skapa din berättelse.

Sidofält: På höger sida har du möjlighet att anpassa de element som läggs till på din duk.

I insticksprogrammet Web Stories får du tillgång till en samling media för gratis användning. Dessutom kan du komma åt mediefilerna som är lagrade i ditt WordPress-bibliotek och ladda upp dina bilder, videor, ljud etc. från Infoga-panelen.

Om du inte vill lägga tid på att noggrant utforma dina webbberättelser, välj en av de förinstallerade mallarna och anpassa den efter dina behov.

3. Ändra bakgrundsfärg och bild

För att lägga till en färgbakgrund till din berättelse, klicka på knappen Ändra bakgrundsfärg och välj en färg som du väljer.

Klicka på Infoga bakgrundsmedia för att lägga till bilder, videor eller mallar till din berättelse.

Du kan också välja täckning för ditt bakgrundselement (video eller bild) över duken.

3. Lägga till text till dina berättelser

För att lägga till textelement till dina berättelser, klicka på knappen Infoga text från arbetsytan. Du kan också gå till Infoga > Text och lägg till din text i berättelsen eller välj bland de tillgängliga textmallarna.

Det är enkelt att justera textstorleken. Du behöver bara utöka eller förminska textrutan enligt dina krav.

I Web Stories-redigeraren kan du ändra färg, teckensnitt, storlek, justering, distribution etc. på din text. Utöver det kan du hyperlänka texten för att marknadsföra allt du vill.

I huvudsak låter den dig stilisera och anpassa din text för att få dina berättelser att se attraktiva och professionella ut.

4. Lägga till olika former och klistermärken

Du kan lägga till olika former och anpassa deras storlek, färg, ram och justering från Infoga-menyn.

Dessutom får du flera klistermärken med minimalistisk design för att få dina berättelser att se coolare ut.

5. Lägga till produkter

Web Stories-plugin är designad för visuellt berättande, så att du kan lägga till värde medan du marknadsför din produkt mellan bilderna.

Men för att sälja med berättelser måste du konfigurera alternativet för produktlänkning från Web Stories-inställningarna.

Ställ in shoppingåtgärden från ingen till WooCommerce. Efteråt kommer dina WooCommerce-produkter att länkas till Web Stories-plugin och visas i Shopping-panelen i berättelseredigeraren.

För att lägga till en produkt från listan, klicka på +-knappen. Den kommer att visas som en munkikon med produktprislappen synlig när du håller muspekaren över den.

6. Lägga till mall för webbberättelser

Insticksprogrammet Web Stories innehåller dussintals mallar som gör processen att skapa berättelser mycket snabbare. Du måste gå till mallmenyn och välja den mall du behöver. Det finns tre huvudtyper av mallar: Omslag, avsnitt och citat.

Och ja, som allt annat är dessa mallar också helt anpassningsbara.

Ytterligare en fantastisk funktion: du kan spara de skapade sidorna som mallar och använda dem för framtida projekt.

7. Lägg till fler sidor i din webbberättelse

När du är bekant med Web Stories-redigerarens gränssnitt och designelement, fortsätt att lägga till fler sidor i din berättelse. För att skapa en ny sida, klicka på Ny sida knappen från höger sida av duken.

Du kan också ta bort och duplicera dina sidor och spara dem som utkast. För att ändra ordningen på sidorna måste du också dra och släppa dem till önskad position

8. Förhandsgranska din berättelse

Det är dags att förverkliga ditt hårda arbete. Innan du publicerar din webbberättelse kan du förhandsgranska den precis som du gör med alla andra inlägg i WordPress.

Förhandsvisningen visar hur din berättelse kommer att se ut på olika mobila enheter. Klicka på knappen Lägg till enhet för att ytterligare testa presentationen av dina sidor.

Om du upptäcker något som inte är på plats kan du gå tillbaka till ritbordet och fixa det.

9. Publicera din google web story

För att publicera din webbberättelse, klicka på Publicera knappen i det övre högra hörnet av artikelredigeraren. Det liknar att publicera andra inlägg eller sidor på WordPress.

Ange din berättelses titel, beskrivning, ladda upp logotyp, affischbild och SEO-optimerad snigel. Du kan också bestämma sidans framsteg och varaktighet. För beskrivande innehåll, håll sidans framsteg till manuell så att läsarna kan läsa i sin egen takt.

Här är några fler riktlinjer:

  • Det rekommenderade sidnumret är 4 till 30.
  • Affischbildens storlek bör vara minst 640x853px.
  • Håll titeln under 10 ord.

Du hittar fler tips i checklistan. Det kommer att fungera som ett sätt att optimera och effektivisera dina berättelser innan du publicerar dem.

Efter noggrann granskning publicerar du din första Google Web Story.

Och det är det. Nu kan du skapa dina Google Web Stories.

Hur använder man google stories på din WordPress-webbplats effektivt?

Användningen av Web Stories är inte begränsad till att visa visuella berättelser på Google. Faktum är att du kan lägga till berättelser i inlägg, sidor eller var som helst på din WordPress-webbplats.

WordPress låter dig återanvända dina berättelser. Så här kan du lägga till dem i ditt inlägg med den klassiska redigeraren:

Öppna ett befintligt inlägg eller skapa ett nytt. På redigerarens verktygsfält är knappen för att lägga till visuella berättelser tillgänglig.

Klicka på knappen för webbberättelser och välj hur du vill visa din berättelse. Det finns fyra layouttyper:

  • Lådkarusell
  • Cirkelkarusell
  • Rutnät
  • Lista

Du kan också bestämma Antal berättelser, Ordna efter datum eller titeli Fallande eller stigande ordning och Titelvisning.

Om du har ont om tid kan du kopiera länken till valfri visuell berättelse och lägga till den i ditt inlägg. Det fungerar också.

Gå till Dashboard för webbberättelserkopiera berättelsens URL och klistra in den där du vill bädda in berättelsen.

Det är lika enkelt att lägga till berättelser via blockredigeraren. Öppna blockredigeraren, lägg till ett nytt block och klicka på Web Stories.

Du får möjlighet att välja berättelser från samlingen du har skapat.

Här följer jag med Enskild berättelse alternativ.

Där har ni det, gott folk. Så här kan du på ett smart sätt återanvända dina webbberättelser och bädda in visuella berättelser längs ditt innehåll.

Till sist

Storytelling berikar ditt innehåll. Det ger mening till dina läsare, vilket gör att de kan få en uppslukande upplevelse medan de interagerar med din webbplats.

Google Web Stories för WordPress-plugin gör att du kan skapa mycket engagerande visuellt innehåll för att marknadsföra vad som helst. Vare sig det är bloggar, kuponger, produkter, tjänster etc.

Följ stegen ovan för att skapa dina visuella berättelser sömlöst och engagera din publik.

I den här artikeln har jag förklarat de olika fördelarna med att lägga upp på Google Web Stories. Här är en snabb sammanfattning för dig:

  • Du får diversifiera ditt innehåll
  • Återanvänd webbberättelser var som helst på din webbplats
  • Aktivera intäktsgenerering med affiliate-länkar
  • Lägg till Google Analytics-spårnings-ID för att övervaka resultatet av dina berättelser
  • Engagera mobilanvändare
  • Öka viraliteten i ditt innehåll
  • Synkronisera dina WooCommerce-produkter med insticksprogrammet Web Stories