Como criar histórias da web do Google no WordPress

Um guia completo para a criação de histórias na web do Google usando o plug-in oficial do WordPress

Os smartphones mudaram todo o nosso mundo, incluindo a forma como as pessoas consomem conteúdo atualmente. Mais e mais pessoas estão usando seus telefones para navegar na Internet em vez de computadores. Então, é natural que o tipo de conteúdo também tenha que mudar para espelhar com sucesso essa mudança.

As histórias da web do Google estão aqui para fazer exatamente isso. Anteriormente conhecidas como histórias AMP (conforme a estrutura AMP as capacita), elas foram rebatizadas. Para ter uma ideia inicial sobre o que são, imagine as histórias do Instagram, mas não vá até o fim, pois existem muitas diferenças marcantes, sendo a mais importante que as Google Web Stories não são efêmeras.

O que são Google Web Stories

O Google Web Stories é um meio rápido para contar histórias envolventes. Com formato visual, usa uma combinação de imagens / vídeos e texto para criar uma experiência de narrativa. Projetadas especificamente para telefones celulares, elas geralmente são imagens imersivas em tela cheia com algum texto para contar uma história. Geralmente tem várias páginas para descrever completamente toda a narrativa.

As Google Web Stories já existem há algum tempo, você pode até ter se deparado com alguns deles ao pesquisar algo no Google, mas a diferença agora é que o Google está trazendo um plug-in oficial do Google Web Stories para WordPress que o tornará mais fácil do que nunca para criar histórias na web para editores.

Eles podem aparecer nos resultados de pesquisa do Google, imagens, visualização em grade (disponível em todas as regiões e idiomas) e na seção Descobrir (disponível apenas em inglês e atualmente apenas nos EUA). As Web Stories não são apenas ótimas para contar a história que você deseja contar e, ao mesmo tempo, mantê-la curta, mas também têm um grande potencial para aumentar o tráfego em seu site.

Como instalar o plug-in do Google Web Stories

O Google lançou (por enquanto) o plug-in Web Stories como uma versão beta pública, então você precisa baixar o arquivo e instalá-lo manualmente se não quiser esperar pelo lançamento público. Acesse a página do Github para obter o plug-in WordPress do Google Web Stories.

Clique no botão ‘Baixar o Beta’.

Em seguida, vá para Plugins no painel do WordPress e clique em ‘Adicionar novo’.

Clique na opção ‘Carregar plug-in’ e selecione o arquivo .zip que você acabou de baixar. Em seguida, clique no botão ‘Instalar plug-in’.

Depois de instalado, ative-o e uma nova opção para ‘Histórias’ aparecerá no menu do WordPress.

Como criar histórias da web do Google no WordPress

Depois de instalar o plugin GWS WordPress, vá para ‘Histórias’ no menu de navegação à esquerda. Você chegará ao painel de histórias. Aqui você encontrará rascunhos e histórias publicadas.

Clique no botão ‘Criar nova história’ para criar uma nova história do zero.

O editor possui uma interface intuitiva e fácil de usar, que não será difícil de manusear. Está dividido em três partes:

  • À esquerda está o menu de elementos, de onde você pode escolher o conteúdo que deseja adicionar à história, como imagens, vídeos, texto e formas.
  • O centro que terá uma prévia do que a história está se preparando para ser e ferramentas de publicação
  • E, o direito com mais ferramentas de edição para cada camada de design, bem como ferramentas de documento

Adicionar imagens a uma história na web do Google

Você pode adicionar conteúdo à história da seção esquerda na tela do editor de histórias. As imagens e vídeos disponíveis para você escolher são aqueles da sua Biblioteca de mídia do WordPress. Para adicionar uma nova imagem para que você possa editá-la como uma história, basta carregá-la em sua Biblioteca de mídia.

Você pode clicar em uma imagem ou arrastá-la e soltá-la no editor para adicioná-la à página. Em suas diretrizes para a criação de histórias na web, o Google recomenda o uso de vídeos de até 15 segundos e nunca use vídeos com mais de 60 segundos. Eles também sugerem legendas aos vídeos.

Adicionar texto a uma história na web do Google

Para mudar de imagens para texto ou formas, clique nas guias na parte superior da seção do elemento.

O texto inclui três predefinições das quais você pode escolher: Título, subtítulo e corpo do texto. Escolha uma categoria para adicioná-la à página. O Google recomenda manter o texto em cada página curto - menos de 200 caracteres por página.

Adicionando formas a uma história na web do Google

As formas incluem algumas formas bastante padronizadas, comuns, como um círculo, um quadrado, um triângulo, um coração, alguns polígonos e uma bolha. As formas podem ser bem básicas, mas podem ser usadas como máscaras para soltar imagens durante a criação de uma história. Eles também podem ser adicionados clicando neles ou arrastando e soltando para a área específica onde você os deseja.

Editando Histórias da Web do Google no WordPress

No editor central, você pode adicionar um título para a história indo para a opção ‘Adicionar título’. O Google recomenda manter o comprimento do título curto, até 40 caracteres.

Todos os elementos que você adiciona a uma página são adicionados como camadas separadas para que você possa editar cada camada separadamente. Para editar um elemento, clique nele. Ele será destacado por um limite azul, você pode arrastá-lo para posicioná-lo em qualquer lugar da página, redimensioná-lo e usar as ferramentas de design à direita para cada elemento.

Você pode editar páginas individuais e adicionar mais páginas à história. O Google recomenda que uma história tenha algo em torno de 5 a 30 páginas, com a meta sugerida de 10 a 20.

Para adicionar uma nova página à história, clique no ícone ‘+’ na barra de ferramentas abaixo do editor de página. Esta barra de ferramentas também possui outras opções de edição, como ‘Excluir página’, ‘Duplicar página’, ‘Desfazer’ e ‘Refazer’.

O editor também possui um botão para ativar e desativar o modo de segurança. Mantenha o modo de segurança ativado e para garantir que seu conteúdo seja visível na maioria dos dispositivos, mantenha informações importantes dentro da zona de segurança.

O editor também contém as opções para salvar a história como rascunho, visualizá-la e publicá-la.

Ferramentas de design e documentos para histórias da web do Google

As ferramentas de design à direita tornam-se ativas apenas quando um elemento é selecionado no editor. Assim, ao selecionar o texto no editor, as ferramentas de edição do texto aparecerão à direita. Você pode alterar o alinhamento e posicionamento, cor, tamanho, estilo da fonte, espaçamento entre linhas, etc.

Cada camada também terá algumas ferramentas de design comuns: Opacidade e Link. A opacidade de cada elemento é 100 por padrão, mas você pode diminuí-la. Você também pode adicionar um link para qualquer elemento da história, mas o Google sugere que você não deve ter mais de um link em uma página.

Clique na guia ‘Documento’ para alternar das ferramentas de design para as ferramentas de documento. Isso inclui as ferramentas de publicação padrão do WordPress e mais algumas. Além do status ‘Rascunho’ e ‘Pública’, uma história pode ser definida como ‘Privada’ para que fique visível para os administradores e editores do site também, mas não para o público.

Além disso, você pode adicionar uma data, logotipo e imagem da capa e editar o link permanente. E o mais importante, você pode definir as configurações de avanço da página. A configuração do Avanço da página envolve se a história avança automaticamente ou se o leitor tem que tocar manualmente para avançar as páginas.

Para a opção "Avanço automático", você também pode definir a duração entre cada virada de página.

Usando modelos de histórias na web do Google

O plugin GWS WordPress também oferece alguns modelos que você pode usar para criar uma história. Atualmente, existem 8 modelos para algumas categorias de conteúdo padrão, como beleza, comida, faça você mesmo, entretenimento, moda, condicionamento físico, viagens e bem-estar. Pode haver apenas 8 modelos de história, mas cada história tem várias páginas, portanto, entre elas, você tem um número médio de opções para escolher.

No painel do Web Stories, clique na opção ‘Explorar modelos’ para abrir os modelos.

Passe o mouse sobre um modelo e algumas opções aparecerão. Clique em ‘Visualizar’ para ver as páginas contidas e ‘Usar modelo’ para abri-lo no editor e começar a editar a história.

As histórias da web são fáceis de criar e atraem a atenção dos usuários para o seu conteúdo. Eles podem ajudar a aumentar o tráfego para seu site trazendo mais usuários móveis, e você pode até mesmo monetizá-los com links de afiliados. Mas o melhor de tudo, com sua estética e velocidade, é difícil dizer não a eles. E o novo plug-in do WordPress torna assustadoramente fácil para qualquer pessoa criar histórias na web do Google.