Lage Google Web Stories: En veiledning for beste praksis for utgivere

Google Web Stories er tappbart, interaktivt og engasjerende innhold som ligner på Instagram- og Facebook-stories. 

Google lansert opprinnelig som AMP Stories i 2018, men omdøpte dette visuelle formatet til Web Stories i 2020,1 kanskje delvis på grunn av den ^noe kontroversielle naturen2 ^til AMP -teknologi i den digitale publiseringsarenaen3 ^.

I sin oppdaterte og mer raffinerte utgave er Googles Web Stories en visuelt rik form for innhold som gir utgivere større kontroll over sitt kreative output og merkevarebygging. Som Google sier, er Web Stories « en nettbasert versjon av det populære Story-formatet, som lar innholdsskapere være vert for og eie sitt eget innhold ^» .

Med nesten to tredjedeler av leserne (64 %) som foretrekker historiebasert innhold fremfor dets rullende tilsvarende, ^ifølge en studie fra 2019 , bør utviklere fokusere på å «utnytte» dette formatet.

Den samme undersøkelsen avslørte imidlertid at det finnes «mange designfallgruver som kan skape forvirring, tretthet og frustrasjon». Derfor er implementering av beste designpraksis avgjørende for å lage netthistorier med maksimal effekt.

Ved å forstå hvordan man lager og publiserer visuelt rike Google Web Stories, kan en utgiver opprettholde kreativ kontroll, ^dyrke  merkevaretillit og drive trafikk til nettstedet sitt.

Hva er Google Web Stories?

Netthistorier er et visuelt narrativt format som består av en sekvens av bilder og videoer med tekst og/eller lyd. Innholdet kan deles inn i en spesifikk visningssekvens, der hver del vises til brukerne enten automatisk etter noen få sekunder eller når de trykker eller klikker.

Netthistorier forsvinner ikke etter 24 timer, i motsetning til historier i Snapchat eller Instagram, noe som gjør at utgivere også kan bruke dette formatet på eviggrønt innhold.

Netthistorier er bygget på AMP og arver alle tilhørende fordeler:

• Den kan legges inn på hvilken som helst nettside
• Den vil fungere på alle nettlesere, mobiler eller datamaskiner
• Høye lastehastigheter
• Synlig i Googles søkeresultater, inkludert Google Discover via Web Stories-karusellen og Google Bilder

Bakgrunnshistorien til Tappable Stories

Da Snapchat var pioner innen historieformatet og gjorde det til en sentral del av appen sin, var det få som trodde at dette narrative formatet ville slå an så raskt.

Først fulgte imidlertid Instagram, hvor det nå brukes av 500 millioner mennesker.7 Så ^var det WhatsApp, og Facebook, Medium, Skype, YouTube, Twitter og til og med LinkedIn inkluderte det formatet.

Siden den gang har det vært noen bemerkelsesverdige tap, med Twitter , ⁸ Skype ⁹ og LinkedIn ¹⁰ som alle annonserte at de droppet Stories-formatet.

Google inkluderte i mellomtiden sin historiefunksjon som en del av AMP-spesifikasjonen , slik at utgivere kan bruke formatet i historiefortellingen sin på ^nett.11

Funksjoner i Google Web Stories

Google Web Stories har vist seg å være et effektivt format for historiefortelling på nett, og den nevnte studien fra 2019 viser at leserne synes «tapbare historieeksempler er mer visuelt tiltalende og enklere å navigere i enn tilsvarende historier man kan bla gjennom».

Dette gjelder spesielt når det gjelder spesifikke innholdstyper, som for eksempel innhold om eviggrønn livsstil. 

I en av Googles netthistorier kan en utgiver inkludere alle slags visuelt innhold: bilder, lyd, video eller animasjoner.

Disse historiene kan indekseres av søkemotorer og vises for å svare på en brukers søk. Google Søk presenterer dem i et utdrag for Toppsaker når en bruker søker etter nyheter.

Netthistorier kan gjøres responsive, som betyr at de tilpasser seg brukerens skjermstørrelse, enten de ser på den nettbaserte versjonen eller på mobile enheter. 

Utgivere kan legge til lenker og handlingsfremmende oppfordringer (CTA-er) hvor som helst på en side. Dette bidrar til å få engasjerte brukere til å enten fortsette reisen sin andre steder, lese flere artikler eller abonnere.

Å legge til en siste side, kalt bokenden, kan fremheve deling på sosiale medier og relaterte lenker.

Slik lager du Google Web Stories – Beste designpraksis

For mindre utgivere uten et stort kodeteam gjør Google det enkelt å lage netthistorier .

Den tredje episoden av Google Web Creators' ukentlige utdanningsserie «Storytime» er et flott sted å starte. ¹² 

Å lage Google Web Stories innebærer følgende trinn.

Velg en visuell editor

Netthistorier består av en rekke paneler som brukerne kan trykke seg gjennom eller vente på at de skal endres automatisk.

Hver ny side består av en kombinasjon av tekst, bilder og videoer, og det visuelle formatet krever levende og grafisk rikt innhold. Derfor er en visuell editor – i form av programvare, en plugin eller en nettjeneste – det første og kanskje viktigste trinnet i å lage netthistorier.

 Det finnes diverse verktøy og en rekke Google-produkter å vurdere når du lager Google Web Stories.

For innholdsskapere med et WordPress-nettsted er det egentlig bare to plugins å vurdere:

Netthistorier

Google har sin egen Web Stories-editor for WordPress, som Google beskriver som et brukervennlig «WYSIWYG-verktøy». ¹³

Lag historier

MakeStories er et visuelt redigeringsprogram med åpen kildekode som hjelper deg med å publisere Google Web Stories direkte fra dashbordet til et WordPress-nettsted.

WordPress-alternativer

For små utgivere som ikke jobber med WordPress, men likevel ønsker å implementere dette formatet på nettstedet sitt, finnes det noen dra-og-slipp-verktøy uten kode som er nyttige for å bygge Google Web Stories , med Newsroom AI og MakeStories i toppen av utvalget. ¹⁴

Utkast til historien

Det neste rådet Google gir er å lage et storyboard som viser hvilke bilder og innhold som vil vises i hvert panel av historien. En god netthistorie er nettopp det, en historie som forteller en fortelling fra start til slutt.

Google tilbyr en gratis mal for å hjelpe innholdsskapere med å lage en ny historie. ¹⁵ 

Kilde for kreative ressurser

Å finne riktig innhold, fra forsidebildet til det siste panelet, er kanskje den viktigste delen av å lage en ny historie.

Utgivere bør sørge for å bruke alt-tekst og forsikre seg om at de ikke bryter opphavsrettslovene. Videre er det viktig å huske at alle fullskjermvideoer bør formateres vertikalt. Dette vil sikre at netthistorier bruker minimal båndbredde og lastes inn så raskt som mulig. 

Begynn å lage

Når en visjon er kartlagt, er det på tide å hoppe inn i den valgte editoren og begynne å lage. Begynn med å legge til bilder eller videoer og lage presis tekst. Hold tittelen kort og handlingsfremmende oppfordringer fengende. Legg til en lenke til et ønsket nettsted for å oppmuntre seerne til å abonnere.

Vurder følgende forskning når du lager netthistorier:

• Historier som er for lange er overveldende for leserne
• For mye innhold på ett enkelt panel kan skape forvirring og lesertretthet
• Leserne setter pris på handlingsfremmende oppfordringer og andre visuelle signaler
• Med riktig plassering og volum er tappable stories en utmerket mulighet til å tjene penger via annonser

Trykk på Publiser

Når Google Web Story er utviklet, funnet og laget, er det på tide å avduke den for den bredere verden. Ved å bruke en visuell editor er dette like enkelt som å trykke på publiser-knappen.

Større utgivere – eller de med nødvendige ressurser og teknisk ekspertise – vil sannsynligvis foretrekke å lage historier fra bunnen av med HTML, CSS og Javascript i henhold til Google AMP-standarden.

Koding av netthistorier gir god kontroll over sluttproduktet og enklere integrering med et eksisterende CMS og en kodebase.

Ikke glem SEO

Det er lett å bli revet med av den kreative siden ved å utvikle netthistorier, men det er også viktig å huske å følge beste SEO-praksis for å sikre at de ferdige historiene faktisk vises i søkeresultatene. En netthistorie er tross alt bare en annen nettside.

Google har laget en liste over beste SEO-praksiser som også gjelder for netthistorier.16 ^Disse inkluderer:

• Tilbyr innhold av høy kvalitet
• Bruk av beskrivende titler på færre enn 70 tegn
• Unngå bruk av noindex-attributter
• Å gjøre historien selvkanonisk
• Overholdelse av retningslinjene for AMP-historiemetadata ¹⁷
• Testing med AMP Validator- verktøyet ¹⁸
• Unngå bilder som inneholder innbrent tekst
• Bruk av riktig størrelse og sideforhold på plakaten
• Sørg for at logoen har riktig sideforhold

Gode ​​eksempler på Google Web Stories

Den beste måten å oppleve kraften og allsidigheten til Google Web Stories på er å se på gode eksempler fra noen etablerte utgivere:

Eksempler på portrettmodus

Disse historiene ble laget for å kunne oppleves via mobile enheter. De kan nås fra datamaskin, men mesteparten av den tilgjengelige skjermplassen brukes ikke.

VICE har ^perfekt , og utnyttet designet til å lage eviggrønt livsstilsinnhold i form av matlagingsdemonstrasjoner gjennom hele COVID-pandemien.

Refinery 29 bruker en lignende ^å lage educative underholdningshistorier.

Lonely Planet viser hvordan vakre bilder og kraftfulle tekster kan være like fengslende som video i historieinnhold. ²¹

BBC News – Hongkongs Post It-protest. ²² Noen av sidene har video med et bildealternativ for når den ikke kan lastes inn eller båndbredden ikke er nok til å laste ned og spille av videoen. Boksiden leder leseren til mer innhold relatert til protestene i Hongkong og BBC News' hjemmeside.

CNN World – Bastilledagen: Hvordan den inspirerte århundrer med sivil ulydighet . ²³ Den har en fullstendig signatur med publiseringsdato, og hvert bilde er kreditert til fotografen og byrået . Den har mye mer tekst enn eksemplet fra BBC.

Slik tjener du penger på en Google Web Story

Når de implementeres riktig, kan interstitial-annonser i fullskjerm være en effektiv måte for utgivere å tjene penger på de visuelle historiene sine.

Å sette inn annonser i en Google Web Story krever at du konfigurerer en annonseplattform som støtter inkludering av annonser i en webstory.

Per publiseringstidspunktet er den enkleste metoden for å inkludere annonser i en netthistorie fortsatt å vise dem fra enten Google Ad Manager eller Google AdSense, der begge tilrettelegger for programmatisk annonsering, ifølge AMP-utviklerfellesskapet med åpen kildekode . ²⁴

Det finnes imidlertid måter for andre annonseplattformer å integrere støtte for Web Story-annonser, samt for begge utgiverne å plassere tilpassede annonser fra sin egen annonseserver.

Annonsenettverk må både vise gyldige AMPHTML-annonser, med ekstra metadata for å tillate AMP-gjengivelse under kjøring, samt integrere Fast Fetch. AMP-fellesskapet har gitt dokumentasjon om både AMPHTML-annonser , ²⁵ de ekstra metadatataggene ²⁶ og Fast Fetch-integrasjon ²⁷ .

Fellesskapet har også laget dokumentasjon for utgivere som er interessert i å vise annonser fra annonsenettverket sitt, men med forbehold om at dette er en « mer kompleks » løsning. ²⁸

Google Ads er usedvanlig fleksibelt og integreres sømløst med WordPress-pluginen, MakeStories og NewsRoom AI.

Et annet alternativ for å tjene penger på Google Web Stories er å inkludere tilknyttede lenker i historien eller publisere sponset innhold. Dette kan inkludere en lenke ut til ulike nettsider, inkludert Patreon-sider eller produktsider.

Utgivere som har tatt i bruk en abonnentdrevet inntektsmodell, kan sette inn en «les mer»-lenke i artikkelens bokslutt som tar de uten abonnement til en registreringsside. ²⁹

Australians visuelle historier-seksjon bruker denne tilnærmingen, der hver historie fungerer som en forhåndsvisning av innhold som ligger bak en betalingsmur. ³⁰

Som med enhver reklamekampanje er det viktig å vurdere nettstedet, leserbasen og sideformatet.

Siste tanker

Google Web Stories bruker et engasjerende format som folk allerede er vant til på mobil og sosiale medier.

Det er enkelt for utgivere av alle størrelser å utvikle netthistorier, takket være brukervennlige verktøy uten kode for å lage historier. Og fordelene går utover en hyggelig brukeropplevelse, ettersom lastehastigheten og formatet gjør det til en perfekt kandidat for fremragende SEO-ytelse.

Å lage Google Web Stories gir utgivere større kontroll over innholdet og merkevaren sin, driver organisk trafikk og tilbyr økende muligheter for inntektsgenerering.

Ved å utnytte innhold med høyt profilert image kan utgivere øke rekkevidden sin samtidig som de beholder eierskapet til sin IP.