ID: 0x

|

DATE:

Web Stories para WordPress

AUTHOR:

|

READ_TIME: ~5 MIN

Stories nos últimos anos tornou-se um dos conteúdos mais consumidos no mundo dos dispositivos móveis, agora com web stories o formato está acessível a todos os usuários e criadores de conteúdo tem controle total sobre os Stories.

Formato Introduzido pelo Snapchat popularizou-se no Instagram e em seguida se espalhou pelo Facebook, WhatsApp e foi recentemente adicionado no LinkedIn.

Qual é a principal diferença entre os outros stories?

Um ponto que todas essas plataformas têm em comum? Elas são plataformas privadas o conteúdo gerado nessas plataformas estão a controle de terceiros. Em fevereiro de 2018 com uma iniciativa de adicionar o recurso a web aberta, AMP lançou stories para web. O recurso está disponível no framework onde você pode criar os seus próprios stories para qualquer dispositivo mobile independente do sistema operacional e sem a necessidade da instalação de um App.

Já se passaram dois anos porque estamos falando de stories só agora? No Google I/O do ano passado tivemos o anúncio da inclusão de web story nos resultados da busca do Google, esses resultados vão estar disponíveis no Google Imagens e Discovery(2019 o recurso teve 800 milhões de usuários ativos mensalmente).

Primeira aparição de Web Stories

Esse anúncio traz um novo significado para o recurso, agora temos uma nova oportunidade de capitalizar usuários de forma orgânica, atualmente o recurso está em formato de teste nos Estados Unidos e será lançado em outras regiões ainda esse ano.

Vídeo de apresentação do web story no Google I/O 2019

Web Story é uma incógnita inicialmente alguns portais como Washington Post e CNN estão usando o recurso. Mas a pergunta é: stories é utilizado na sua maioria em redes sociais, será que o formato irá vingar em carácter informativo?

O plano inicial do Google é utilizar os recursos nas seguintes categorias:

  • Viagens
  • Filmes
  • Receitas
  • Fashion
  • Games
  • Shows de TV

Como criar Web Stories

A implementação dos Stories é em AMP teremos dois caminhos programando ou utilizar um editor visual. Após implementado os web stories o seu conteúdo precise seguir alguns critérios para isso podemos testar o nosso Web Stories com Search Console onde entraremos em mais detalhes a seguir.

Para a criação de web stories com programação vou dedica um post exclusivo para esse post vamos ter uma introdução e ver alguns conceitos relacionados utilizando editores visuais. Os editores visuais têm algumas opções plataformas gratuitas com recursos premium como:

makestories amp stories visual editor
makestories amp stories visual editor

Anteriormente tínhamos o plugin de AMP que tinha como recurso a possibilidade de criar AMP Stories esse recurso foi descontinuado no plugin de AMP oficial e o Google começou a focar em um plugin exclusivo para AMP Stories agora chamado Web Stories para WordPress. O plugin está na sua versão beta assim como o Site Kit o Google utilizou a mesma estratégia está utilizando sua base de seguidores para testar o plugin antes do seu lançamento no repositório oficial.

Como mencionei anteriormente o plugin está na versão beta então muita coisa ainda vai mudar e se caso queira testar o plugin saiba que ele ainda não está 100%. O plugin tem previsão para ficar disponível no final do verão nos EUA isso pode ser por meados de setembro.

Plugin Web Stories WordPress

Agora vamos falar sobre o plugin, vou realizar um teste aqui no meu blog e monitorar como se comporta a audiência referente aos stories. Para isso vamos instalar o plugin caso estiver lendo esse post após o lançamento do plugin no repositório oficial do WordPress o processo de instalação será diferente.

Mas caso queira instalar a versão beta os passos serão

1. Baixar o zip do plugin no endereço https://google.github.io/web-stories-wp/beta/

Página do plugin versão beta do WebStories
Página do plugin versão beta do WebStories

2. Logar no painel do WordPress em que você deseja instalar o plugin

3. Ir na seção plugin no menu lateral esquerdo e selecionar “adicionar novo”

Tela da administração de plugins
Tela da administração de plugins

4. Na tela de adicionar novo escolher a opção no topo “Enviar plugin” e enviar o zip que acabamos de baixar no site do plugin.

Tela adição de plugins
Tela adição de plugins

5.Após o envio clique em “ativar plugin”

último passo ativando plugin
último passo ativando plugin

6. Quando instalado o menu de stories ficará disponível na sessão Stories no seu menu lateral e ele terá o seguinte visual:

Plugin de Web Story do WordPress
Plugin de Web Story do WordPress

Criando Web Story com o plugin

Instalei o plugin no meu blog pessoal, para esse post eu criei dois Stories como teste. Quando você clica em adicionar Web Story a primeira impressão é que você está trabalhando eu outro software, o editor visual com um tema dark como podemos ver na imagem a seguir:

Editor de Web Stories
Editor de Web Story

Primeiro passo foi criar a minha primeira história, alguns momentos são difícil de identifica se o elemento na tela é editável ou é apenas uma informação, por exemplo, rascunho automático é o título do meu stories completo e também vai definir o slug do meu story.

Mas o editor gráfico é completo com várias opções de edição alguns momentos a resposta não é precisa, mas normal para um plugin que está na sua versão beta.

Criei dois stories sobre posts antigos no meu blog referente a lista de coisas que aprendi depois que me mudei para Dublin então já tinha o conteúdo a maior parte do trabalho foi achar as imagens. Cada Story contém 6 páginas. Com título e descrição a inclusão de texto é livre, mas temos alguns items que são relevantes a validação do nosso stories.

Nesse post vamos focar no processo completo de criação de stories. Para o processo de edição de stories melhor material é seria gravar um vídeo com um passo-a-passo. Mas depois que concluímos o nosso Story temos que ficar atento a alguns pontos:

  • Primeiro no menu lateral direito temos os controles sobre o documento, como configurações gerais. Para ter um story válido precisamos de um ícone e uma imagem de cobertura esses itens serão essenciais para busca.
  • Quando completo o processo teremos um permalink para o nosso story num endereço começando com /stories/, por exemplo: https://blog.fellyph.com.br/stories/5-coisas-que-aprendi-no-meu-primeiro-ano-de-trabalho-na-irlanda/
  • Possivelmente esse processo irá mudar, mas na versão beta precisa desse link para adicionar no nosso bloco Gutenberg

Validando a sua web story

Depois de tudo pronto o último passo para verificar se os nossos stories são válidos para os cards especiais na busca é validar os nossos stories com Search Console, para testar a sua web story você precisa somente passar o endereço da sua web story e assim você terá o feedback:

Validação do search console para web stories
Validação do search console para web stories

Conclusão

Quando comecei a escrever esse post tinha as minhas dúvidas sobre web story após começar a criar stories comecei ver alguns benefícios. Por exemplo, no meu blog eu sempre faço essas listas: “5 coisas que aprendi como…” ou “5 erros comuns na hora de…” e o esforço para criar esse conteúdo foi mínimo, primeira web story passei 30 min para criar, mas desse tempo maior parte foi escolhendo fotos e entendendo a interface do editor visual as seguintes foram mais rápidas em torno de 20 a 15 minutos.

Primeiro conteúdo que veio em mente para os stories foi reciclar o meu conteúdo já existente isso pode ser uma boa forma de renovar o seu conteúdo dando mais alternativas para os leitores. Por fim vou criar mais alguns stories e esperar um impacto na audiência do meu blog.

Sobre a experiência de edição o plugin está na versão Beta muita coisa ainda não funciona 100%. Mas se o Google colocar o mesmo investimento que fizeram no Site Kit em 3 meses teremos uma versão 100% estável.

Vale a pena investir em Web Stories? Como toda nova tecnologia essa é uma aposta você pode sair na frente da concorrência e assumir os riscos ou esperar ver como o mercado irá reagir e investir com mais segurança mais aí a sua concorrência será ainda maior.

Particularmente você não tem nada a perder pegue os seus posts que não tem aquele desempenho e adicione stories e veja se você tem alguma melhoria no tráfego.

Confira posts relacionados sobre o assunto:


ENCODING: UTF-8

|

CHMOD: 644

// RELATED_ENTRIES

NEXT_READS

> cat ./comments.log

LOADING_ENTRIES…


> write ./comments.log –append

Deixe um comentário

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