Início » Desenvolvimento WordPress » Como criar Web Stories no WordPress
Desenvolvimento WordPress

Como criar Web Stories no WordPress

O Google entrou pesado no jogo da audiência através do formato Stories. E você precisa saber criar Web Stories no WordPress. Saiba como.
Escrito Por Leandro Vieira em outubro de 2020 /4 min de leitura
Conteúdo escrito por humano

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.

RecursoGoogle Web StoriesStories das redes sociais
AlcancePúblico na internetPrivado e limitado a rede social em que foi publicado
Exibe na busca do GoogleSimNão
Embeda em outros sitesSimNão
Tempo de vidaPara sempre. Você decide quando despublicarLimitado a 24h
Como criarCom tecnologias web (HTML, CSS, JavaScript)Através do aplicativo da rede social
FiltrosPré produzidos nas imagens e vídeosAtravés da interface do aplicativo da rede social
AnimaçãoPara todos os elementos da históriaControle limitado sobre os elementos inseridos
InteraçõesLinks, CTA, Conteúdo relacionado, menu, compartilhar, embeds diversosEnquetes, Like, Reações, Mensagens diretas
Tipo de conteúdoTexto, Imagem, Vídeo, Áudio, GIF AnimadoTexto, Imagem, Vídeo, Áudio, GIF Animado
Mobile FirstSimSim
Fullscreen no desktopSimNão
AnalyticsAtravés do Google Analytics, ou outras ferramentas. Além de interações de eventos inlineInsights 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:

Imagem ilustrativa com uma representação da composição estrutural de um AMP Story

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:

Imagem ilustrativa com exemplo de uma marcação HTML / AMP usada para construir AMP Story

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 plugin Web Stories para WordPress da Google

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.

Leandro Vieira

Uma das grandes referências de WordPress no Brasil, entusiasta e evangelista da plataforma. Fundador e CEO da Apiki, empresa especializada no desenvolvimento web com WordPress.
Qual nota você da para este artigo?
Ruim

O que você achou disso?

Clique nas estrelas

Média da classificação 0 / 5. Número de votos: 0

Nenhum voto até agora! Seja o primeiro a avaliar este post.

Excelente
Artigos Relacionados

  1. 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!
    1. Leandro Vieira
      Uau, que incrível Isac. Obrigado pela participação.
  2. 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.
  3. Felipe
    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á..
  4. Bem detalhado, estava com duvias e o artigo me ajudou, obrigado.
Construa seu site WordPress sob medida com os maiores especialistas em WordPress da America Latina
Conheça a Apiki

Faça um comentário
Cadastre-se rápido

Fazer Login