Criando Histórias na Web do Google: Um Guia de Boas Práticas para Editores

Os Google Web Stories são conteúdos interativos, envolventes e que podem ser tocados, semelhantes aos Stories do Instagram e do Facebook. 

Lançado inicialmente como AMP Stories em 2018, o Google renomeou este formato visual para Web Stories em 2020 , ¹ talvez em parte devido à natureza um tanto controversa ² da tecnologia AMP na área de publicação digital ³ .

Em sua versão atualizada e aprimorada, as Web Stories do Google são um formato de conteúdo visualmente rico que permite aos editores maior controle sobre sua produção criativa e identidade visual. Como afirma o Google, as Web Stories são “ uma versão online do popular formato Stories, permitindo que os criadores hospedem e sejam donos de seu conteúdo ” ^.⁴

Com quase dois terços dos leitores (64%) preferindo conteúdo narrativo ao seu equivalente em formato de rolagem, de acordo com um estudo de 2019 , os desenvolvedores devem se concentrar em explorar esse formato. ⁵

No entanto, a mesma pesquisa revelou que existem “muitas armadilhas de design que podem gerar confusão, cansaço e frustração”. Portanto, implementar as melhores práticas de design é essencial para criar narrativas online com o máximo impacto.

Ao compreender como criar e publicar Google Web Stories visualmente atraentes, um editor pode manter o controle criativo, cultivar a confiança na marca e direcionar tráfego para seu site. ⁶ 

O que são as Web Stories do Google?

As Web Stories são um formato de narrativa visual que consiste em uma sequência de imagens e vídeos com texto e/ou áudio. O conteúdo pode ser dividido em uma sequência de visualização específica, com cada parte sendo exibida aos usuários automaticamente após alguns segundos ou quando eles tocam ou clicam na tela.

Os Web Stories não desaparecem após 24 horas, ao contrário dos Stories do Snapchat ou do Instagram, permitindo que os editores apliquem esse formato também a conteúdo perene.

As Web Stories são construídas sobre AMP, herdando todos os seus benefícios associados:

• Ele pode ser incorporado em qualquer site
• Funcionará em qualquer navegador, seja em dispositivos móveis ou computadores
• Altas velocidades de carregamento
• Encontrado nos resultados de pesquisa do Google, incluindo o Google Discover por meio do Carrossel de Histórias da Web e do Google Imagens.

História por trás do Tappable Stories

Quando o Snapchat foi pioneiro no formato de histórias, tornando-o parte essencial do aplicativo, poucos imaginavam que esse formato narrativo faria tanto sucesso.

O primeiro a seguir, no entanto, foi o Instagram, onde agora é usado por 500 milhões de pessoas . ⁷ Depois vieram o WhatsApp e o Facebook, Medium, Skype, YouTube, Twitter e até o LinkedIn, que também adotaram esse formato.

Desde então, houve algumas baixas notáveis, com o Twitter , ^o Skype e ^o LinkedIn anunciando que estavam abandonando o formato de stories ^.

O Google, por sua vez, incluiu seu recurso de histórias como parte da especificação AMP , permitindo que os editores usem o formato em suas narrativas online. ¹¹

Funcionalidades do Google Web Stories

O Google Web Stories demonstrou ser um formato eficaz de narrativa online, com o estudo de 2019 mencionado anteriormente mostrando que os leitores consideram "exemplos de histórias clicáveis ​​mais atraentes visualmente e mais fáceis de navegar do que equivalentes com rolagem".

Isso se aplica especialmente a tipos específicos de conteúdo, como conteúdo perene sobre estilo de vida. 

Em uma das Web Stories do Google, um editor pode incluir todos os tipos de conteúdo visual: imagens, som, vídeo ou animações.

Essas notícias podem ser indexadas por mecanismos de busca e exibidas para responder à consulta de um usuário. O Google Search as apresenta em um trecho de "Principais Notícias" quando um usuário realiza uma busca relacionada a notícias.

As Web Stories podem ser responsivas, o que significa que se adaptam ao tamanho da tela do usuário, seja na versão online ou em dispositivos móveis. 

Os editores podem adicionar links e chamadas à ação (CTAs) em qualquer lugar da página. Isso ajuda a direcionar os usuários engajados para que continuem sua jornada em outro lugar, leiam mais artigos ou se inscrevam.

Adicionar uma página final, chamada de página de encerramento, pode destacar o compartilhamento em redes sociais e links relacionados.

Como criar histórias na Web do Google – Melhores práticas de design

Para menores que não possuem uma grande equipe de programação, o Google facilita a criação para a web .

O terceiro episódio da série educativa semanal "Storytime" do Google Web Creators é um ótimo ponto de partida. ¹² 

A criação de Google Web Stories envolve as seguintes etapas.

Escolha um editor visual

As histórias da web consistem em uma série de painéis que os usuários podem navegar tocando ou aguardar que mudem automaticamente.

Cada nova página consiste em uma combinação de texto, imagens e vídeos, e a natureza do formato visual exige conteúdo vívido e rico em elementos gráficos. Portanto, um editor visual — seja um software, um plugin ou um serviço online — é o primeiro e talvez o passo mais essencial na criação de Web Stories.

 Existem diversas ferramentas e uma variedade de produtos do Google que podem ser considerados ao criar Histórias da Web do Google.

Para criadores de conteúdo com um site WordPress, existem basicamente dois plugins a serem considerados:

Histórias da Web

O Google possui seu próprio editor de Web Stories para WordPress, que o Google descreve como uma ferramenta de criação "WYSIWYG" fácil de usar. ¹³

Crie histórias

MakeStories é um editor visual de código aberto que ajuda a publicar Google Web Stories diretamente do painel de controle de um site WordPress.

Alternativas ao WordPress

Para pequenas editoras que não trabalham com WordPress, mas ainda desejam implementar esse formato em seus sites, existem algumas ferramentas intuitivas, do tipo "arrastar e soltar", que não exigem código e são úteis para criar Google Web Stories , com Newsroom AI e MakeStories liderando a seleção. ¹⁴

Escreva o rascunho da história

A próxima dica do Google é criar um storyboard que mostre quais imagens e conteúdo aparecerão em cada quadro da história. Uma ótima Web Story é exatamente isso: uma história que conta uma narrativa do começo ao fim.

O Google oferece um modelo gratuito para ajudar os criadores a desenvolverem uma nova história. ¹⁵ 

Recursos criativos de origem

Selecionar o conteúdo certo, da imagem da capa ao último quadrinho, é talvez a parte mais essencial da criação de uma nova história.

Os editores devem garantir o uso de texto alternativo e certificar-se de que não estão infringindo as leis de direitos autorais. Além disso, é essencial lembrar que todos os vídeos em tela cheia devem ser formatados verticalmente. Isso garantirá que as Web Stories utilizem a largura de banda mínima e carreguem o mais rápido possível. 

Comece a criar

Depois de definir sua visão, é hora de acessar o editor escolhido e começar a criar. Comece adicionando imagens ou vídeos e criando um texto conciso. Mantenha o título curto e as chamadas para ação (CTAs) atraentes. Inclua um link para o site desejado para incentivar os leitores a se inscreverem.

leve em consideração as seguintes pesquisas:

• Histórias muito longas podem ser cansativas para os leitores
• Conteúdo em excesso em um único painel pode gerar confusão e fadiga de leitura
• Os leitores apreciam chamadas à ação e outros recursos visuais
• Com o posicionamento e o volume adequados, as histórias clicáveis ​​representam uma excelente oportunidade de monetização por meio de anúncios

Clique em Publicar

Depois de desenvolvida, com a obtenção de fontes e a criação da História na Web do Google, é hora de apresentá-la ao mundo. Usar um editor visual torna isso tão fácil quanto clicar no botão "Publicar".

Editoras maiores — ou aquelas com os recursos e a experiência técnica necessários — provavelmente preferirão criar matérias do zero com HTML, CSS e Javascript, seguindo o padrão Google AMP.

Programar histórias para a web oferece grande controle sobre o produto final e facilita a integração com um CMS e código-fonte já existentes.

Não se esqueça do SEO

É fácil se deixar levar pelo lado criativo do desenvolvimento de Web Stories, mas também é importante lembrar de seguir as melhores práticas de SEO para garantir que as histórias finalizadas apareçam nos resultados de busca. Afinal, uma Web Story é apenas mais uma página da web.

O Google forneceu uma lista de boas práticas de SEO que também se aplicam ao Web Stories. ¹⁶ Elas incluem:

• Fornecer conteúdo de alta qualidade
• Utilizando títulos descritivos com menos de 70 caracteres
• Evitar o uso de atributos noindex
• Tornando a história autocanônica
• Respeitando as diretrizes de metadados de histórias AMP ¹⁷
• Testando com a ferramenta AMP Validator ¹⁸
• Evite imagens que contenham texto gravado na superfície
• Utilizando o tamanho e a proporção corretos da imagem do pôster
• Garantir que o logotipo tenha a proporção correta

Ótimos exemplos de Google Web Stories

A melhor maneira de experimentar o poder e a versatilidade do Google Web Stories é observar ótimos exemplos de algumas editoras renomadas:

Exemplos do Modo Retrato

Essas histórias foram criadas para serem apreciadas em dispositivos móveis. É possível acessá-las por computador, mas a maior parte do espaço disponível na tela não é utilizada.

A VICE dominou o formato do Google Web Stories, aproveitando o design para criar conteúdo de estilo de vida atemporal, como demonstrações culinárias, durante toda a pandemia de COVID-19. ¹⁹

A Refinery 29 utiliza uma semelhante de pular vídeos para criar histórias educativas e divertidas. ²⁰

O Lonely Planet mostra como belas imagens e legendas impactantes podem ser tão convincentes quanto vídeos em conteúdos narrativos. ²¹

BBC News – Protesto com Post-its em Hong Kong. ²² Algumas páginas contêm vídeos com imagens como alternativa para quando o vídeo não carrega ou a largura de banda não é suficiente para baixá-lo e reproduzi-lo. O rodapé direciona o leitor para mais conteúdo relacionado aos protestos em Hong Kong e para a página inicial da BBC News.

CNN World – Dia da Bastilha: Como inspirou séculos de desobediência civil . ²³ Apresenta autoria completa com data de publicação, e cada imagem é creditada ao fotógrafo e à agência . Possui muito mais texto do que o exemplo da BBC.

Como monetizar uma história da web do Google

Quando implementados corretamente, os anúncios intersticiais em tela cheia podem ser uma forma eficaz para os editores monetizarem suas narrativas visuais.

Para inserir anúncios em uma Web Story do Google, é necessário configurar uma plataforma de anúncios que suporte a inclusão de anúncios em uma Web Story.

Até o momento da publicação, o método mais simples de incluir anúncios em uma Web Story continua sendo veiculá-los por meio do Google Ad Manager ou do Google AdSense, ambos facilitando a publicidade programática, de acordo com a comunidade de desenvolvedores de código aberto do AMP . ²⁴

No entanto, existem maneiras para outras plataformas de anúncios integrarem suporte para anúncios do Web Story, bem como para que os editores coloquem anúncios personalizados a partir de seus próprios servidores de anúncios.

As redes de anúncios precisam veicular anúncios AMPHTML válidos, com metadados extras para permitir a renderização em tempo de execução do AMP, além de integrar o Fast Fetch. A comunidade AMP forneceu documentação sobre anúncios AMPHTML , ²⁵ as tags de metadados extras ²⁶ e a integração do Fast Fetch ²⁷ .

A comunidade também criou documentação para editores interessados ​​em veicular anúncios a partir de sua rede de publicidade, embora com a ressalva de que esta é uma solução mais complexa ²⁸

O Google Ads é excepcionalmente flexível e se integra perfeitamente com o plugin do WordPress, MakeStories e NewsRoom AI.

Outra opção para monetizar o Google Web Stories é incluir links de afiliados na história ou publicar conteúdo patrocinado. Isso pode incluir links para diversas páginas da web, como páginas do Patreon ou páginas de produtos.

Editoras que adotaram um modelo de receita baseado em assinaturas podem inserir um link "leia mais" no início e no fim da matéria, que direcionará aqueles que não possuem assinatura para uma página de cadastro. ²⁹

do jornal The Australian utiliza essa abordagem, com cada história servindo como uma prévia do conteúdo que está disponível apenas mediante pagamento. ³⁰

Como em qualquer publicitária , é essencial considerar o site, o público-alvo e o formato da página.

Considerações finais

O Google Web Stories utiliza um formato envolvente com o qual as pessoas já estão familiarizadas em dispositivos móveis e redes sociais.

Criar histórias para a web é fácil para editores de todos os portes, graças a ferramentas intuitivas e sem código para a criação de conteúdo. E seus benefícios vão além de uma experiência agradável para o usuário, já que a velocidade de carregamento e o formato tornam o conteúdo ideal para um excelente desempenho em SEO.

Criar Google Web Stories oferece aos editores maior controle sobre seu conteúdo e marca, impulsiona o tráfego orgânico e oferece oportunidades crescentes de monetização.

Ao aproveitar conteúdo de qualidade, as editoras podem ampliar seu alcance, mantendo a propriedade de sua propriedade intelectual.