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

Le storie web di Google sono contenuti toccabili, interattivi e coinvolgenti 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 nell'arena dell'editoria digitale ³ .

Nella loro versione aggiornata e più raffinata, le storie web di Google sono una forma di contenuto visivamente ricca che consente agli editori un maggiore controllo sulla produzione creativa e sul marchio. Come afferma Google, le Web Stories sono “ una versione basata sul web del popolare formato Story, che consente ai creatori di ospitare e possedere i propri contenuti ”. ⁴

Con quasi due terzi dei lettori (64%) che preferiscono i contenuti con storie rispetto al loro equivalente a scorrimento, secondo uno studio del 2019 , gli sviluppatori dovrebbero concentrarsi sull'"attingere" a questo formato. ⁵

Tuttavia, lo stesso sondaggio ha rivelato che esistono “molte insidie ​​​​di progettazione che possono creare confusione, stanchezza e frustrazione”. Pertanto, l’implementazione delle migliori pratiche di progettazione è essenziale per creare storie web con il massimo impatto.

Comprendendo come creare e pubblicare storie web di Google 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 Storie web di Google?

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 ciascuna parte mostrata agli utenti automaticamente dopo pochi secondi o quando toccano o fanno clic.

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

Le storie web sono basate su AMP, ereditando tutti i vantaggi associati:

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

Il retroscena delle storie Tappable

Quando Snapchat ha aperto la strada al formato storia, rendendolo una parte fondamentale della sua app, pochi pensavano che questo formato narrativo sarebbe decollato così com’è successo.

Il primo a seguire, però, è stato Instagram, dove oggi è utilizzato da 500 milioni di persone . ⁷ Poi è arrivato WhatsApp e Facebook, Medium, Skype, YouTube, Twitter e persino LinkedIn hanno incluso quel formato.

Da allora, ci sono state alcune vittime degne di nota, con Twitter , ⁸ Skype ⁹ e LinkedIn ¹⁰ che hanno tutti annunciato che stavano abbandonando il formato delle storie.

Google, nel frattempo, ha incluso la sua funzionalità per le storie come parte delle specifiche AMP , consentendo agli editori di utilizzare il formato nelle loro storie online. ¹¹

Funzionalità di Storie web di Google

Le Storie Web di Google hanno dimostrato di essere un formato di narrazione online efficace, con il già citato studio del 2019 che mostra ai lettori che trovano "esempi di storie toccabili più visivamente accattivanti e più facili da navigare rispetto agli equivalenti a scorrimento".

Ciò è particolarmente vero quando si tratta di tipi di contenuti specifici, come i contenuti sullo stile di vita sempreverde. 

In una delle storie web di Google, un editore può includere tutti i tipi di contenuti visivi: immagini, suoni, video o animazioni.

Queste storie possono essere indicizzate dai motori di ricerca ed emerse per rispondere alla domanda di un utente. La Ricerca Google li presenta in uno snippet per le Storie principali quando un utente effettua una query di ricerca relativa alle notizie.

Le storie web possono essere rese reattive, il che significa che si adatteranno alle dimensioni dello schermo dell'utente, sia che stia visualizzando la versione basata sul web o su dispositivi mobili. 

Gli editori possono aggiungere collegamenti e inviti all'azione (CTA) in qualsiasi punto della pagina. Ciò aiuta a spingere gli utenti coinvolti a continuare il loro viaggio altrove, leggere più articoli o iscriversi.

L'aggiunta di una pagina finale, chiamata fermalibri, può evidenziare la condivisione sui social e i collegamenti correlati.

Come creare storie web di Google: migliori pratiche di progettazione

Per più piccoli senza un grande team di codifica, Google semplifica la creazione web .

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

La creazione di storie web di Google prevede i seguenti passaggi.

Scegli un editor visivo

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

Ogni nuova pagina è costituita da una combinazione di testo, immagini e video, con la natura del formato visivo che richiede contenuti vividi e graficamente ricchi. Pertanto, un editor visivo, sotto forma di software, plug-in o servizio online, è il primo e forse il passo più essenziale nella creazione di storie web.

 Esistono vari strumenti e una gamma di prodotti Google da considerare quando si creano storie web di Google.

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

Storie sul web

Google ha il proprio editor di storie web per WordPress, che Google descrive come uno “strumento di creazione WYSIWYG” facile da usare. ¹³

Crea storie

MakeStories è un editor visivo open source che aiuta a 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 proprio sito, sono disponibili alcuni strumenti drag-and-drop e senza codice utili per creare Google Web Stories , con Newsroom AI e MakeStories in testa la selezione. ¹⁴

Redigere la storia

Il prossimo consiglio che Google dà è quello di creare uno storyboard che mostri quali immagini e contenuti appariranno in ogni riquadro della storia. Una grande Web Story è proprio questo, una storia che racconta una storia dall'inizio alla fine.

Google offre un modello gratuito per assistere gli autori nella creazione di una nuova storia. ¹⁵ 

Risorse creative di origine

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

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

Inizia a creare

Una volta delineata la visione, è giunto il momento di passare all'editor scelto e iniziare a creare. Inizia inserendo immagini o video e creando testo preciso. Mantieni il titolo breve e gli inviti all'azione accattivanti. Fornisci un collegamento al sito desiderato per incoraggiare gli spettatori a iscriversi.

Considera la seguente ricerca durante la creazione di storie web:

• Le storie troppo lunghe sono travolgenti per i lettori
• Troppi contenuti su un unico pannello possono generare confusione e affaticamento del lettore
• I lettori apprezzano gli inviti all'azione e altri segnali visivi
• Con il posizionamento e il volume adeguati, le storie toccabili rappresentano un'eccellente opportunità per monetizzare tramite la pubblicità

Premi Pubblica

Una volta che la Google Web Story è stata sviluppata, reperita e creata, è giunto il momento di svelarla al resto del mondo. L'uso di un editor visivo rende tutto questo semplice come premere il pulsante di pubblicazione.

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

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

Non dimenticare la SEO

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

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

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

Ottimi esempi di storie web di Google

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 vissute tramite dispositivi mobili. È possibile accedervi dal desktop, ma la maggior parte dello spazio disponibile sullo schermo non viene utilizzato.

VICE ha perfezionato il formato Google Web Stories, sfruttandone il design per creare contenuti sempreverdi sullo stile di vita sotto forma di dimostrazioni culinarie durante la pandemia di COVID. ¹⁹

Refinery 29 utilizza una tecnica skip-video simile ²⁰

La Lonely Planet mostra come immagini meravigliose e didascalie potenti possano essere altrettanto avvincenti quanto i video nei contenuti storici. ²¹

BBC News – La protesta Post It di Hong Kong. ²² Alcune pagine hanno video con un'immagine di riserva per quando non può essere caricato o la larghezza di banda non è sufficiente per scaricare e riprodurre il video. Il reggilibro indirizza il lettore a ulteriori contenuti relativi alle proteste di Hong Kong e alla home page di BBC News.

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

Come monetizzare una storia web di Google

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

L'inserimento di annunci in una storia web di Google richiede la configurazione di una piattaforma pubblicitaria che supporti l' inclusione di annunci in una storia web.

Al momento della pubblicazione, il metodo più semplice per includere annunci in una Storia web continua a essere offerto da Google Ad Manager o Google AdSense, poiché entrambi facilitano la pubblicità programmatica, secondo la comunità di sviluppatori AMP open source . ²⁴

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

Le reti pubblicitarie devono offrire annunci HTML AMP validi, con metadati aggiuntivi per consentire il rendering del runtime AMP, e integrare Fast Fetch. La community AMP ha fornito documentazione sia sugli annunci HTML AMP ²⁵ , sui tag di metadati aggiuntivi ²⁶ che sull'integrazione di Fast Fetch ²⁷ .

La community ha anche creato della documentazione per gli editori interessati a pubblicare annunci dalla propria rete pubblicitaria, anche se con la clausola di esclusione della responsabilità che si tratta di una soluzione " più complessa ". ²⁸

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

Un'altra opzione per monetizzare le Storie Web di Google è includere link di affiliazione nella storia o pubblicare contenuti sponsorizzati. Ciò può includere un collegamento a varie pagine Web, comprese le pagine Patreon o le pagine dei prodotti.

Gli editori che hanno adottato un modello di entrate basato sugli abbonati possono inserire un collegamento "leggi di più" nel fermalibri della storia che porterà coloro che non hanno un abbonamento a una pagina di registrazione. ²⁹

La sezione Visual Stories australiana utilizza questo approccio, in cui ogni storia funge da anteprima del contenuto che si trova dietro un paywall. ³⁰

Come per ogni pubblicitaria , è fondamentale considerare il sito, il bacino di lettori e il formato della pagina.

Considerazioni finali

Le Storie Web di Google utilizzano un formato accattivante a cui le persone sono già abituate nei dispositivi mobili e nei social media.

Sviluppare storie web è facile per gli editori di qualsiasi dimensione, grazie a strumenti facili da usare e senza codice per la creazione di storie. E i loro vantaggi vanno oltre una piacevole esperienza utente, poiché la velocità di caricamento e il formato lo rendono un candidato perfetto per prestazioni SEO stellari.

di storie web di Google offre agli editori un maggiore controllo sui propri contenuti e sul proprio marchio, indirizza il traffico organico e offre crescenti opportunità di monetizzazione.

Sfruttando i contenuti storici, gli editori possono aumentare la propria portata mantenendo la proprietà del proprio IP.