Audio
|
O Google Web Stories é uma evolução do AMP Stories.
Se você ainda não o conhecia, o AMP Stories é um dos quatros formatos AMP existentes.
Esse recurso é uma variação do AMP, através do qual você implementa Stories em seu website.
Me refiro ao “Story”, tipo de conteúdo popularmente utilizado em redes sociais.
Se você ainda não está por dentro, leia Google AMP Stories e o que você precisa saber a respeito.
Web Stories versus Stories das redes sociais
Você pode se perguntar, por que deveria investir nos Web Stories dado que já publica e tem resultados com os Stories do Instagram, ou alguma outra plataforma.
Acredito que um não substitui o outro, mas você precisa ter conhecimento das significativas diferenças e possibilidades entre os dois formatos.
Abaixo uma tabela comparativa para você se inteirar.
Recurso | Google Web Stories | Stories das redes sociais |
---|---|---|
Alcance | Público na internet | Privado e limitado a rede social em que foi publicado |
Exibe na busca do Google | Sim | Não |
Embeda em outros sites | Sim | Não |
Tempo de vida | Para sempre. Você decide quando despublicar | Limitado a 24h |
Como criar | Com tecnologias web (HTML, CSS, JavaScript) | Através do aplicativo da rede social |
Filtros | Pré produzidos nas imagens e vídeos | Através da interface do aplicativo da rede social |
Animação | Para todos os elementos da história | Controle limitado sobre os elementos inseridos |
Interações | Links, CTA, Conteúdo relacionado, menu, compartilhar, embeds diversos | Enquetes, Like, Reações, Mensagens diretas |
Tipo de conteúdo | Texto, Imagem, Vídeo, Áudio, GIF Animado | Texto, Imagem, Vídeo, Áudio, GIF Animado |
Mobile First | Sim | Sim |
Fullscreen no desktop | Sim | Não |
Analytics | Através do Google Analytics, ou outras ferramentas. Além de interações de eventos inline | Insights sobre o total de visualizações, números de toques e outros específicos de cada rede social. |
Eaí, vai investir em Web Stories?
A estruturação de código do AMP Stories
Para você ter uma ideia técnica de como os elementos funcionam e são organizados, a ilustração abaixo te esclarece como os Web Stories são estruturados.
Visualmente a representação seria assim:
A composição de uma AMP Story seria: páginas (com mais de uma teremos um carrossel), camadas sobre essas páginas com seus respectivos elementos.
Esses elementos são HTML básico e uma estruturação AMP.
A marcação HTML seria da seguinte forma:
Quando você é desenvolvedor e apaixonado pela codificação, esse desenvolvimento pode ser manual.
Mas pode ser também através de um editor visual, o que permite editores, designers, profissionais de marketing e pessoas sem experiência em programação, contarem suas histórias.
O Google preparou editores incríveis, tanto ferramentas autônomas quanto um editor poderoso de Web Stories para o WP.
Web Stories para WordPress
O plugin Web Stories é gratuito, de código aberto e traz uma experiência rica de edição visual para a funcionalidade.
O painel foge um pouco do padrão do WP, no entanto a experiência está boa para criar e gerir as suas histórias.
Por padrão, alguns templates são disponibilizados. E você também pode criar os seus.
A customização de foto é muito simples e várias opções.
Seja as edições de texto, quanto vídeo, imagens e call to actions.
A integração a biblioteca de WordPress também facilita bastante explorar seus conteúdos visuais existentes.
Conclusão
Através do Web Stories, o Google quer dar significativo alcance as suas histórias.
Será uma briga interessante que ele vai disputar contra os gigantes das redes sociais.
Mas na verdade, estamos falando da guerra da atenção dos usuários.
E considerar uma estrutura relevante como a do Google faz todo sentido.
Faz todo sentido para engajar ainda mais a sua audiência, atrair mais visitantes e converter para as ações desejadas pelo seus negócio.
E o melhor de tudo, que o conteúdo não vai expirar em 24h, e ainda poderá ser encontrada através do maior buscador da internet.
Que função bacana. Estou começando a estudar maneiras de obter trafego orgânico e esses web stories são uma boa opção, principalmente por serem novidades. Parabéns pelo conteúdo, no Brasil ainda é pouco falado sobre a ferramenta e seu vídeo me ajudou muito!
Uau, que incrível Isac. Obrigado pela participação.
Interessante, tenho bastante interesse nisso já que estou de olho no Discover. Uma dúvida que eu fiquei, é possível converter meu conteúdo em web stories de maneira mais ou menos automatizada ou tenho que fazer tudo na mão?
É que meu blog possui uma quantidade elevada de conteúdo.
Fala Leandro!! Passando aqui pra deixar a dica de um plugin pra wordpress que talvez valha a pena incluir no artigo: se chama Web Stories Generator e com ele você gera os web stories de forma automática através do conteúdo dos arquivos. Apertou um botão e tá pronto! Confere lá..
Bem detalhado, estava com duvias e o artigo me ajudou, obrigado.