Blog sobre WordPress
No Result
View All Result
  • Web Stories
  • Desenvolvimento
  • Infra
  • Mobile
  • Performance
  • Segurança
  • SEO
  • E-commerce
Cadastrar e-mail
  • Web Stories
  • Desenvolvimento
  • Infra
  • Mobile
  • Performance
  • Segurança
  • SEO
  • E-commerce
No Result
View All Result
Blog sobre WordPress
No Result
View All Result
banner-horizontal-3

Início » Desenvolvimento WordPress » Como criar Web Stories no 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.

Leandro Vieira by Leandro Vieira
2 anos ago
Reading Time: 5 min
2
Compartilhe no FacebookCompartilhe no LinkedIn
Audio

O Google Web Stories é uma evolução do AMP Stories.

Conteúdo relacionado

Como criar blocos reutilizáveis no Gutenberg

Como habilitar recursos ocultos do Gutenberg no tema WordPress

Anatomia do Gutenberg, o editor do WordPress

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.

Tags: AMPAMP Storiesgoogleredes sociais
Share8Share1SendShare
Previous Post

7 ações para você vender mais na Black Friday 2020

Next Post

Os 3 principais motivos para atualizar o PHP, além do WordPress

Leandro Vieira

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.

Related Posts

As vantagens do editor Gutenberg para WordPress
Desenvolvimento WordPress

As vantagens do editor Gutenberg para WordPress

19 de agosto de 2020
Metodologia BPM para melhoria de processos dentro da empresa
Desenvolvimento WordPress

Metodologia BPM para melhoria de processos dentro da empresa

15 de janeiro de 2021
Scrum e PMBOK - aliados na gestão de projetos
Desenvolvimento WordPress

PMBOK e Scrum: grandes aliados na gestão de projetos

15 de janeiro de 2021
Os desafios da gestão em projetos digitais
Desenvolvimento WordPress

Os desafios da gestão em projetos digitais

15 de janeiro de 2021
Next Post
Os 3 principais motivos para atualizar o PHP, além do WordPress

Os 3 principais motivos para atualizar o PHP, além do WordPress

Ilustração sobre o conceito de Mobile First

O conceito e aplicabilidade do Mobile First

Comments 2

  1. Isac says:
    2 anos ago

    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!

    Responder
    • Leandro Vieira says:
      2 anos ago

      Uau, que incrível Isac. Obrigado pela participação.

      Responder

Deixe um comentário Cancelar resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

banner-lateral-3
Receba no seu e-mail uma série de conteúdos sobre Infra para WordPress.
  • Este campo é para fins de validação e não deve ser alterado.

Facebook LinkedIn Instagram Twitter Youtube Github RSS

Sobre a Apiki

Empresa especializada em WordPress com três unidades de negócios.

  1. Design e Desenvolvimento;
  2. Infra e Hospedagem;
  3. Suporte e manutenção.

Em resumo, só fazemos uma coisa em WordPress: tudo.

Páginas do Apiki.com

  • Apiki.com
  • Sobre a Apiki
  • Hospedagem
  • Desenvolvimento
  • UX & UI para WordPress
  • Growth em WordPress
  • Suporte
  • Atendimento

Páginas do Blog

  • Sobre
  • Newsletter
  • Desenvolvimento WordPress
  • Segurança para WordPress
  • WordPress Mobile
  • Infra para WordPress
  • WordPress SEO
  • WordPress Performance
  • E-commerce

© 2020 Apiki - Empresa especializada em WordPress.

No Result
View All Result
  • Web Stories
  • Desenvolvimento
  • Infra
  • Mobile
  • Performance
  • Segurança
  • SEO
  • E-commerce

© 2020 Apiki - Empresa especializada em WordPress.