FB

Quem Somos

Especialista em criação e manutenção de site em WordPress. Nossa história é marcada pela excelência e sucesso na execução de projetos.

Domínio Grátis

Conheça o plugin Google Web Stories para WordPress

por | 12/04/22 18:32 | Notícias, WordPress

Os stories se tornaram uma febre entre os jovens e frequentadores de redes sociais como Instagram e Facebook. A sua característica de instantaneidade e visual criativo, impulsionou a produção e o seu compartilhamento mundo afora. Quem não produziu o seu ou curtiu o storie da sua celebridade favorita?

Pensando no sucesso desse formato de conteúdo e o impacto que ele gerou nos usuários das redes sociais, a gigante Google resolveu investir pesado em um tipo de postagem parecido com o que vemos nas redes sociais, mas chamado de web stories. Que nada mais é que um stories publicado na web por meio de um site ou blog.

Para que fosse possível produzir conteúdo nesse novo formato, o Google criou um plugin do WordPress específico para produção de web stories com diversos recursos de design e de animação. Qual a vantagem em produzir conteúdo nesse formato? Além de um imenso mercado consumidor de conteúdo em forma de stories, o Google está exibindo os web stories com grande destaque em seu App para celular. O que é uma grande oportunidade para portais, sites de notícias e agências de conteúdo mostrarem a sua produção de web stories.

Ficou interessado em saber como funciona a ferramenta do Google para criação de web stories no WordPress? Então acompanhe o nosso post, que vamos falar tudo sobre essa grande novidade.

Continue lendo

Web stories Google

O que é o Web Stories?

Para quem não conhece, os web stories são páginas clicáveis, feitas para celular, em formato de tela cheia e utiliza tecnologia AMP. Esses stories permitem que você crie narrativas visuais interativas que são ótimas para compartilhar informações, memes e imagens. Os stories são imersivos, rastreáveis e compartilháveis e agora podem ser adicionados ao seu site graças a um plugin criado pelo Google e conhecido como Web Stories. Nesse tutorial, você vai aprender como instalar essa nova ferramenta e tudo mais o que ela pode fazer.

Formalmente conhecida como AMP Stories (Accelerated Mobile Pages / Páginas Móveis Aceleradas), são páginas do tamanho de uma tela de celular com layouts de revistas. Contendo pequenos textos com links que o direcionam para textos mais explicativos, imagens e vídeos de até 15 segundos em modo retrato, todos com legenda. O Web Stories é um sistema de código aberto e totalmente gratuito.

Foram criados para serem usados em dispositivos móveis. Normalmente contém de 4 a 30 páginas com 10 palavras por página, que é o ideal para produção de conteúdo em menor proporção. São uma excelente forma de conteúdo interativo que seja fácil de usar enquanto almoça, pega o metrô, etc.

Por que usar Web Stories com WordPress?

O design simples do Web Stories é perfeito para o conteúdo de blogs em sites produzidos no WordPress. O plugin integra os stories ao site WordPress, auxiliando no tráfego por meio dos Web Stories.

Eles até ajudam a melhorar o seu SEO e sua classificação nas buscas do Google, Google imagens, Google Discover e o Google App, tornando o web stories uma ótima ferramenta para melhorar o tráfego do site.

Instalando o plugin do Google Web Stories para WordPress

Existem duas maneiras de instalar o plugin do Google Web Stories para WordPress: a primeira é pelo marketplace de plugins do seu painel administrativo ou fazer o download do plugin beta gratuito. Este é um plugin beta público, então a maior parte das configurações principais estarão lá.

A versão completa será lançada até o final do ano (2021). Ela vai ter uma estabilização melhor, correção de bugs e de performance e incluirão animações e suporte para anexos de páginas. Sendo uma versão beta, é preciso instalar o arquivo manualmente, siga os passos a seguir:

  1. No painel de controle do WordPress, vá em Plugins > adicionar novo;
  2. Procure o plugin Web Stories feito pelo Google;
  3. Clique em “Instalar” agora;
  4. Quando aparecer a mensagem “Plugin instalado com sucesso”, clique em “Ativar Plugin”;
Web Stories instalação

Criando os Stories

Clicando em “criar novo storie” um editor é aberto onde você pode acessar as ferramentas de edição. Não é possível alterar o tamanho dos stories. Se isso te lembra o Canva, você não está sozinho. Funciona quase da mesma forma e é tão intuitivo quanto.

À esquerda está o conteúdo que você pode adicionar ao criador da página. Inclui imagens, textos e formas. As imagens também incluem vídeos. No meio está o criador da página que contém ferramentas para editar e publicar o storie. À direita estão as ferramentas de edição de texto e design, cada elemento que você adiciona na página é uma camada diferente.

Criando web stories

Conteúdo

As imagens e outros conteúdos vêm de sua pasta de mídia. Passar o mouse sobre eles revela 3 pontos. Ao clicar nesses pontos é possível editar ou deletar a imagem. Você também pode classificar, procurar ou fazer upload de imagens e vídeos. Ao clicar no conteúdo, você o adiciona à página da história.

Você pode clicar duas vezes para adicionar o conteúdo ou arrastar e soltar o conteúdo na página do storie. Nesse exemplo a imagem está sendo arrastada até a página do storie.

Conteúdo web stories

Texto

A guia de texto inclui botões predefinidos para adicionar cabeçalho, rodapés e corpo do texto. Clique em um deles ou em “adicionar novo texto” para adicionar um texto predefinido à imagem.
Adicionando texto ao web stories
Clique no texto para abrir a ferramenta de redimensionamento. Arraste para redimensionar ou clique no meio para mover o texto para um novo local. Isso também abre suas ferramentas à direita, onde você pode alterar o alinhamento, cores, tamanho, posição, camada, estilo, etc.

Você também pode selecionar vários itens de uma vez para redimensionar ou realocar o conteúdo.

Editando texto do web stories

Forma

A guia de formas inclui um quadrado, círculo, triângulo, coração, estrela, pentágono, hexágono e bolha. Arraste e solte-os na página, altere suas cores, opacidade, tamanhos, etc.
Formas no Web stories

Página

A área da tela inclui o título, opções de publicação, lixo, copiar, adicionar nova página, desfazer, refazer, uma visualização e uma visualização em grade para ver várias páginas de uma vez. Clicar no conteúdo oferece algumas ferramentas de arrastar e soltar para redimensionar e mover o conteúdo. Também abre as opções para as ferramentas de design à direita.
Página web stories
Arraste o conteúdo para ver as opções de alinhamento.
Clique duas vezes no conteúdo para ver a imagem inteira e abrir ferramentas para ajustar o zoom e o alinhamento. Você pode redimensionar o conteúdo e movê-lo para obter a formatação exata que deseja.

Design

Os ajustes de design exibem controles para o elemento em que você clicou. Selecione o plano de fundo da página e clique na cor. Isso abre um seletor de cores para que você possa definir a cor do plano de fundo.

Para imagens, isso inclui o alinhamento, tamanho e posição, opacidade, links, acessibilidade e camadas.

Com o texto, isso inclui a família da fonte, estilo, alinhamento, cor, cor de fundo, preenchimento e link.

Para formas, isso inclui o alinhamento, tamanho, posição e cor.

A guia “Documento” inclui as opções de publicação padrão do WordPress e adiciona mais algumas. Salve como rascunho ou publique como público ou privado. Ajuste a data, o logotipo do editor e a imagem da capa. Ajuste o link permanente e o avanço da página. Escolha entre automático e manual e defina o tempo de avanço automático.

Design web stories

Templates

A guia “Explorar modelos” exibe os modelos que você pode usar em suas histórias. Existem atualmente 8 modelos para ajudá-lo a começar. Os modelos incluem várias páginas, portanto, há muitos designs para ajudar.

Clique em um para abrir o modelo, onde você pode ver todas as páginas que estão dentro dele. Todas as páginas são selecionáveis ​​e ajustáveis. Selecione qualquer elemento para alterá-lo.

Templates web stories

Publicando um storie

Ao clicar para publicar a história, você verá opções para visualizar a história ou adicioná-la a uma nova postagem.

Ver storie

A exibição da história abre a página no front end. Cada uma das páginas é visível, mas apenas a do centro é totalmente legível. A página exibe controles deslizantes com setas nas laterais, barra de navegação sob a página, um botão de reprodução ou pausa no canto superior direito e um botão de compartilhamento para tornar mais fácil para os visitantes compartilharem sua história na web. Clicar no botão permite que os visitantes copiem o URL.

Pré visualização web stories

Adicionar uma nova postagem

Selecionar “Adicionar a nova postagem” cria automaticamente uma postagem de blog padrão com o código da história já colocado na postagem. Esta é uma postagem de blog padrão, portanto, ela aparece no fluxo do blog. Este é um link que abre a página da história. Adicione qualquer outro conteúdo à postagem que você deseja. Este código pode ser colocado em qualquer postagem ou página, para que você possa usá-lo com postagens de blog, layouts Divi, etc. Estou usando o editor clássico, mas funciona de forma semelhante em Gutenberg.

Com Gutenberg, ele pede para converter o código para HTML. A história funciona neste modo, então você pode ver as páginas virando enquanto escreve a postagem.

Mais maneiras de usar o tipo de postagem de histórias

Você também pode adicionar o tipo de postagem ao seu menu de navegação, usá-los com o módulo de blog Divi, o Divi Theme Builder, etc.

Publicidade nas histórias da web do Google

A monetização é limitada à plataforma do Google e às vendas de afiliados. Os anúncios de história são fornecidos pelo Google Ad Manager e Google DV360 (atualmente em versão beta). Suporte adicional ao servidor de anúncios será adicionado no futuro. Eles podem incluir histórias patrocinadas e afiliados.

Os anúncios do Google são de página inteira e aparecem nas histórias da web. Eles podem incluir links para páginas da Web, páginas AMP ou um aplicativo. Eles podem incluir texto, imagens, botões, vídeos, animações e qualquer combinação. Os anúncios são marcados como um anúncio no canto superior esquerdo. O objetivo dos anúncios é ter um design coeso que combine com a experiência do usuário do Web Stories.

Conclusão

Google Web Stories WordPress é uma maneira interessante de publicar conteúdo para o seu site. As histórias parecem páginas de revistas e funcionam como um controle deslizante. Eles até se integram bem com a estrutura de navegação do WordPress e com os layouts e módulos do Divi. São feitos especificamente para dispositivos móveis.

O plugin WordPress do Google Web Stories se parece com ferramentas de edição de imagens como o Canva. É simples e fácil de usar. Se você estiver interessado em uma maneira fácil de criar conteúdo simples que tenha uma ótima aparência e melhore seu SEO, entre em contato com os especialistas da Link Nacional e comece a produzir conteúdo para Web Stories no seu site;

Referência: Google Web Stories WordPress Plugin Overview and Review

Tradução e adaptação: Giuliana Lima

Redação: Link Nacional
A Companhia Link Nacional atua na área de tecnologia da informação (TI). E é especializada em oferecer serviços e soluções para internet. Fundada em 2004 na cidade de Ribeirão Preto/SP, hoje ela expandiu as suas áreas de negócios por todo o Brasil.
5 4 votes
Vote no Artigo
Subscribe
Notify of
guest

0 Comentários
Inline Feedbacks
View all comments

UnionPay: rede de cartões para pagamentos e doações

UnionPay: rede de cartões para pagamentos e doações

Como descobrir o dono de um domínio ?

Como descobrir o dono de um domínio

Google Ad Grants: anuncie de graça e potencialize doações

Google Ad Grants: anuncie de graça e potencialize doações

Como abrir uma conta bancária no exterior?

Como abrir uma conta bancária no exterior

Cielo checkout: como implementar na sua loja virtual?

Cielo checkout

Entenda o que significa uptime de servidor

Significado de Uptime

Últimas postagens

Como descobrir o dono de um domínio?

Como descobrir o dono de um domínio?

Descobrir o dono por trás de um domínio é muito útil quando se está interessado em comprá-lo ou fazer uma parceria com um site. Por isso, a fim de trazer mais...

Cielo Checkout: saiba como ele funciona

Cielo Checkout: saiba como ele funciona

O processo de pagamento é uma etapa crucial para o sucesso de qualquer negócio online, por isso, dispor de ferramentas que funcionem como funciona o Cielo...

O que é uma hospedagem de site?

O que é uma hospedagem de site?

Saber o que é uma hospedagem de sites e como escolher o melhor prestador desse serviço é um conhecimento necessário para quem possui uma empresa que funcione...

Saiba como evitar hackers no celular

Saiba como evitar hackers no celular

Com o avanço da tecnologia, os aparelhos celulares se tornaram itens valiosos, pois além do seu valor material, os smartphones também possuem grande valor...

Como monetizar canal no YouTube?

Como monetizar canal no YouTube?

O YouTube é uma plataforma de vídeos que permite aos usuários assistir diferentes conteúdos. Além disso, também facilita o envio de vídeos para a internet....

Como funcionam os carros solares?

Como funcionam os carros solares?

Desde o início do século XXI, com o aumento do interesse público em sistemas de energia renovável e sustentável, os carros movidos a energia solar começaram a...

O que é uma VPN e qual a sua utilidade?

O que é uma VPN e qual a sua utilidade?

Nos últimos anos, a sigla VPN tem ganhado popularidade, inclusive entre usuários comuns da internet. Ao mesmo tempo, várias empresas surgiram oferecendo os...

O que é OTA?

O que é OTA?

A popularização da internet é, talvez, o principal acontecimento do século XXI. Pois ela mudou a forma como vivemos e como nos relacionamos. E esse...

Como funciona o WhatsApp Business?

Como funciona o WhatsApp Business?

O WhatsApp foi criado no ano de 2009, revolucionando, desde então, a maneira como nos comunicamos. Em 2014, a ferramenta passou a ser gerenciada pelo...

Como limpar um banco de dados WordPress?

Como limpar um banco de dados WordPress?

Este texto foi pensado para ajudar todos os administradores que precisam limpar o banco de dados do WordPress. Sites criados com o WordPress são excelentes,...

Como configurar o e-mail no iPhone?

Como configurar o e-mail no iPhone?

Este post traz um texto curto, de caráter prático; para ajudar as pessoas que utilizam o sistema iOS em seus smartphones e desejam saber como configurar o...

Altcoins: o que são e como funcionam?

Altcoins: o que são e como funcionam?

As criptomoedas surgiram como a moeda do século XXI. Apesar de ainda não terem alcançado sua plena consolidação, elas já são bastante conhecidas e até mesmo...

Como receber doação na Twitch?

Como receber doação na Twitch?

A Twitch é uma das mais famosas redes de transmissões ao vivo (as Lives) do mundo. Bastante conhecida, sobretudo no universo dos Gamers, o site dá...

Como acessar o DirectAdmin?

Como acessar o DirectAdmin?

Este post é um tutorial a respeito de uma das ferramentas mais importantes em um plano de hospedagem de sites: hoje você vai aprender como acessar o...

Satoshi Nakamoto: mito ou realidade?

Satoshi Nakamoto: mito ou realidade?

Satoshi Nakamoto seria uma lenda ou realmente existe? A pergunta de um milhão de Bitcoins está há pelo menos 13 anos sem resposta definitiva. Durante todo...

Web 3.0: a evolução da Internet

Web 3.0: a evolução da Internet

Sabia que a Web 3.0 é a tecnologia do nosso futuro? Pois é, com sistemas cada vez mais aprimorados, os especialistas preveem um modelo de acesso...

Como criar um blog no WordPress

Como criar um blog no WordPress

A profissão de blogueiro é uma das que mais cresce atualmente e se tornou “coqueluche” entre os jovens e aficionados por tecnologia, moda, design, turismo,...