Creazione di storie web di Google: una guida alle best practice per gli editori

Le Google Web Stories sono contenuti interattivi, coinvolgenti e interattivi, simili alle storie di Instagram e Facebook. 

Lanciato inizialmente come AMP Stories nel 2018, Google ha rinominato questo formato visivo in Web Stories nel 2020 , ¹ forse in parte a causa della natura alquanto controversa ² della tecnologia AMP nel campo dell'editoria digitale ³ .

Nella loro versione aggiornata e più raffinata, le Web Stories di Google sono un formato di contenuto visivamente ricco che consente agli editori un maggiore controllo sulla propria creatività e sul branding. Come afferma Google, le Web Stories sono " una versione web del popolare formato Story, che consente ai creatori di ospitare e gestire i propri contenuti ". ⁴

Secondo uno studio del 2019 ^, con quasi due terzi dei lettori (64%) che preferiscono i contenuti narrati rispetto al loro equivalente scorrevole, gli sviluppatori dovrebbero concentrarsi sullo "sfruttamento" di questo formato.

Tuttavia, lo stesso sondaggio ha rivelato che ci sono "molte insidie ​​nella progettazione che possono creare confusione, affaticamento e frustrazione". Pertanto, l'implementazione delle migliori pratiche di progettazione è essenziale per creare storie web con il massimo impatto.

Comprendendo come creare e pubblicare Google Web Stories visivamente ricche, un editore può mantenere il controllo creativo, ^coltivare  la fiducia nel marchio e indirizzare il traffico verso il proprio sito web.

Cosa sono le Google Web Stories?

Le Web Stories sono un formato narrativo visivo costituito da una sequenza di immagini e video con testo e/o audio. Il contenuto può essere suddiviso in una sequenza di visualizzazione specifica, con ogni parte mostrata agli utenti automaticamente dopo pochi secondi o tramite un tocco o un clic.

Le Web Stories non scompaiono dopo 24 ore, a differenza delle storie su Snapchat o Instagram, consentendo agli editori di applicare questo formato anche ai contenuti evergreen.

Le Web Stories sono basate su AMP, ereditandone tutti i vantaggi associati:

• Può essere incorporato in qualsiasi sito web
• Funzionerà su qualsiasi browser, mobile o desktop
• Elevate velocità di caricamento
• Rilevabile nei risultati di ricerca di Google, incluso Google Discover tramite Web Stories Carousel e Google Immagini

La storia di Tappable Stories

Quando Snapchat ha lanciato il formato storia, rendendolo una parte fondamentale della sua app, in pochi avrebbero pensato che questo formato narrativo avrebbe avuto un tale successo.

Il primo a seguire, tuttavia, è stato Instagram, che ora è utilizzato da 500 milioni di persone . ⁷ Poi è stato il turno di WhatsApp e Facebook, Medium, Skype, YouTube, Twitter e persino LinkedIn hanno adottato questo formato.

Da allora, ci sono state alcune vittime degne di nota, con Twitter ⁸ , Skype ⁹ e LinkedIn ¹⁰ che hanno annunciato l'abbandono del formato storie.

Google, nel frattempo, ha incluso la sua funzionalità Storie come parte delle specifiche AMP , consentendo agli editori di utilizzare il formato nella loro narrazione online. ¹¹

Funzionalità di Google Web Stories

È stato dimostrato che Google Web Stories è un formato di narrazione online efficace: lo studio del 2019 sopra menzionato ha dimostrato che i lettori trovano "gli esempi di storie intercettabili più accattivanti dal punto di vista visivo e più facili da navigare rispetto agli equivalenti a scorrimento".

Ciò vale in particolar modo per tipologie di contenuti specifici, come i contenuti evergreen sullo stile di vita. 

In una delle Web Stories di Google, un editore può includere tutti i tipi di contenuto visivo: immagini, suoni, video o animazioni.

Questi articoli possono essere indicizzati dai motori di ricerca e visualizzati per rispondere alla query di un utente. La Ricerca Google li presenta in uno snippet per le Notizie Principali quando un utente effettua una query di ricerca relativa alle notizie.

Le Web Stories possono essere rese responsive, ovvero si adattano alle dimensioni dello schermo dell'utente, sia che stia visualizzando la versione web sia che stia visualizzando un dispositivo mobile. 

Gli editori possono aggiungere link e inviti all'azione (CTA) in qualsiasi punto della pagina. Questo aiuta a invogliare gli utenti interessati a proseguire il loro percorso, a leggere altri articoli o a iscriversi.

Aggiungendo una pagina finale, chiamata "bookend", è possibile evidenziare la condivisione sui social e i link correlati.

Come creare Google Web Stories: le migliori pratiche di progettazione

Per più piccoli che non dispongono di un team di programmazione numeroso, Google semplifica la creazione web .

Il terzo episodio della serie educativa settimanale di Google Web Creators "Storytime" è un ottimo punto di partenza. ¹² 

La creazione di Google Web Stories prevede i seguenti passaggi.

Scegli un editor visuale

Le storie web sono costituite da una serie di pannelli che gli utenti possono scorrere o attendere che cambino automaticamente.

Ogni nuova pagina è composta da una combinazione di testo, immagini e video, e la natura del formato visivo richiede contenuti vividi e graficamente ricchi. Pertanto, un editor visuale, sotto forma di software, plugin o servizio online, è il primo e forse il più essenziale passo nella creazione di Web Stories.

 Quando si creano Google Web Stories, è possibile prendere in considerazione vari strumenti e una vasta gamma di prodotti Google.

Per i creatori di contenuti con un sito web WordPress, ci sono solo due plugin da considerare:

Storie sul web

Google ha il suo editor di Web Stories per WordPress, che Google descrive come uno "strumento di creazione WYSIWYG" di facile utilizzo. ¹³

Crea storie

MakeStories è un editor visuale open source che consente di pubblicare Google Web Stories direttamente dalla dashboard di un sito WordPress.

Alternative a WordPress

Per i piccoli editori che non lavorano con WordPress, ma desiderano comunque implementare questo formato sul loro sito, ci sono alcuni strumenti drag-and-drop e senza codice utili per creare Google Web Stories , con Newsroom AI e MakeStories in testa alla selezione. ¹⁴

Abbozza la storia

Il consiglio successivo di Google è di creare uno storyboard che mostri quali immagini e contenuti appariranno in ogni riquadro della storia. Una buona Web Story è proprio questo: una storia che racconta una storia dall'inizio alla fine.

Google offre un modello gratuito per aiutare i creatori a creare una nuova storia. ¹⁵ 

Risorse creative di origine

Trovare il contenuto giusto, dall'immagine di copertina al riquadro finale, è forse la parte più importante della creazione di una nuova storia.

Gli editori dovrebbero assicurarsi di utilizzare il testo alternativo e di non violare le leggi sul copyright. Inoltre, è essenziale ricordare che tutti i video a schermo intero devono essere formattati verticalmente. Questo garantirà che le Web Stories utilizzino la minima larghezza di banda possibile e si carichino il più rapidamente possibile. 

Inizia a creare

Una volta delineata la vision, è il momento di passare all'editor scelto e iniziare a creare. Inizia inserendo immagini o video e creando un testo preciso. Mantieni il titolo breve e le CTA accattivanti. Inserisci un link al sito desiderato per incoraggiare gli utenti a iscriversi.

Quando si creano storie web, si tenga presente la seguente

• Le storie troppo lunghe sono opprimenti per i lettori
• Troppi contenuti in un singolo riquadro possono generare confusione e affaticamento del lettore
• I lettori apprezzano le chiamate all'azione e altri segnali visivi
• Con il giusto posizionamento e volume, le storie toccabili rappresentano un'eccellente opportunità per monetizzare tramite pubblicità

Premi Pubblica

Una volta sviluppata, reperita e creata la Google Web Story, è il momento di presentarla al mondo intero. Con un editor visuale, tutto è facile come premere il pulsante "Pubblica".

Gli editori più grandi, o quelli dotati delle risorse e delle competenze tecniche necessarie, preferiranno probabilmente creare storie da zero con HTML, CSS e Javascript, seguendo lo standard Google AMP.

La codifica di storie web offre un grande controllo sul prodotto finale e un'integrazione più semplice con un CMS e una base di codice esistenti.

Non dimenticare la SEO

È facile lasciarsi trasportare dal lato creativo dello sviluppo di Web Story, ma è anche importante ricordare di attenersi alle migliori pratiche SEO per garantire che le storie finite appaiano effettivamente nei risultati di ricerca. Dopotutto, una Web Story è solo un'altra pagina web.

Google ha fornito un elenco delle migliori pratiche SEO che si applicano anche alle Web Stories. ¹⁶ Tra queste:

• Fornire contenuti di alta qualità
• Utilizzo di titoli descrittivi di meno di 70 caratteri
• Evitare l'uso di attributi noindex
• Rendere la storia auto-canonica
• Rispetto delle linee guida sui metadati delle storie AMP ¹⁷
• Test con lo strumento AMP Validator ¹⁸
• Evita le immagini che contengono testo incorporato
• Utilizzo delle dimensioni e delle proporzioni corrette dell'immagine del poster
• Assicurarsi che il logo abbia le giuste proporzioni

Ottimi esempi di Google Web Stories

Il modo migliore per sperimentare la potenza e la versatilità di Google Web Stories è guardare ottimi esempi di alcuni editori affermati:

Esempi di modalità ritratto

Queste storie sono state create per essere fruite tramite dispositivi mobili. Sono accessibili anche tramite computer desktop, ma la maggior parte dello spazio disponibile sullo schermo non viene utilizzato.

VICE ha azzeccato il formato Google Web Stories, sfruttandone il design per creare contenuti lifestyle sempreverdi sotto forma di dimostrazioni di cucina durante la pandemia di COVID. ¹⁹

Refinery 29 utilizza una simile di salto video per creare storie di edutainment. ²⁰

La Lonely Planet dimostra come immagini meravigliose e didascalie efficaci possano essere altrettanto avvincenti dei video nei contenuti narrati. ²¹

BBC News – Protesta di Hong Kong contro i Post It. ²² Alcune pagine contengono un video con un'immagine di riserva per quando non è possibile caricarlo o la larghezza di banda non è sufficiente per scaricarlo e riprodurlo. Il bookend indirizza il lettore ad altri contenuti relativi alle proteste di Hong Kong e alla homepage di BBC News.

CNN World – Bastille Day: come ha ispirato secoli di disobbedienza civile . ²³ Ha una firma completa con la data di pubblicazione e ogni immagine è attribuita al fotografo e all'agenzia . Ha molto più testo rispetto all'esempio della BBC.

Come monetizzare una Google Web Story

Se implementati correttamente, gli annunci interstiziali a schermo intero possono rappresentare un modo efficace per gli editori di monetizzare le proprie storie visive.

Per inserire annunci in una Google Web Story è necessario configurare una piattaforma pubblicitaria che supporti l' inclusione di annunci in una web story.

Al momento della pubblicazione, il metodo più semplice per includere annunci in una Web Story rimane quello di servirli da Google Ad Manager o Google AdSense, entrambi facilitando la pubblicità programmatica, secondo la comunità di sviluppatori AMP open source . ²⁴

Tuttavia, esistono modi in cui altre piattaforme pubblicitarie possono integrare il supporto per gli annunci Web Story e in cui entrambi gli editori possono inserire annunci personalizzati dal proprio server pubblicitario.

Le reti pubblicitarie devono sia pubblicare annunci AMPHTML validi, con metadati aggiuntivi per consentire il rendering in fase di esecuzione AMP, sia integrare Fast Fetch. La community AMP ha fornito documentazione sia sugli annunci AMPHTML , ^sia sui tag di metadati aggiuntivi ^, sia sull'integrazione di Fast Fetch, ^sia .

La comunità ha anche creato una documentazione per gli editori interessati a pubblicare annunci dalla propria rete pubblicitaria, sebbene con la precisazione che si tratta di una soluzione “ più complessa ”. ²⁸

Google Ads è eccezionalmente flessibile e si integra perfettamente con il plugin WordPress, MakeStories e NewsRoom AI.

Un'altra opzione per monetizzare Google Web Stories è includere link di affiliazione nella storia o pubblicare contenuti sponsorizzati. Questo può includere un link a diverse pagine web, tra cui pagine Patreon o pagine prodotto.

Gli editori che hanno adottato un modello di ricavi basato sugli abbonati possono inserire un link "leggi di più" nella parte finale dell'articolo, che porterà coloro che non hanno un abbonamento a una pagina di registrazione. ²⁹

La sezione Visual Stories dell’Australian utilizza questo approccio, in cui ogni storia funge da anteprima di contenuti a pagamento. ³⁰

Come per qualsiasi pubblicitaria , è essenziale considerare il sito, la base di lettori e il formato della pagina.

Considerazioni finali

Google Web Stories utilizza un formato coinvolgente a cui le persone sono già abituate nei dispositivi mobili e nei social media.

Sviluppare Web Stories è semplice per editori di qualsiasi dimensione, grazie a strumenti di scrittura di storie semplici da usare e senza codice. E i loro vantaggi vanno oltre una piacevole esperienza utente, poiché la velocità di caricamento e il formato li rendono un candidato perfetto per prestazioni SEO stellari.

La creazione di Google Web Stories offre agli editori un maggiore controllo sui propri contenuti e sul proprio marchio, incrementa il traffico organico e offre maggiori opportunità di monetizzazione.

Sfruttando i contenuti narrati, gli editori possono ampliare la propria portata mantenendo la proprietà della loro proprietà intellettuale.