Como eu faço para criar Web Stories e publicar no meu blog Blogger

Você quer criar Web Stories que realmente atraiam visitantes e fiquem bem no Google? Neste guia, eu ensino como fazer isso mesmo usando um blog Blogger. Tudo com ferramentas gratuitas, formato recomendado e passo a passo para publicar.

O que são Web Stories e por que usar no seu blog Blogger?

As Web Stories são conteúdos visuais em tela cheia, parecidos com os stories do Instagram, mas feitos para o Google. Elas aparecem no Discover, nos resultados de busca e em carrosséis especiais do Google.

Se bem feitas, essas histórias rápidas e interativas podem atrair milhares de acessos para seu blog.

Web Stories funcionam no Blogger?

Sim! Você pode criar suas Web Stories em outras plataformas e embutir o link no Blogger como qualquer outro conteúdo.

Além disso, é possível indexar as stories no Google, mesmo usando domínio próprio ou subdomínio do Blogspot.

Ferramentas para criar Web Stories gratuitas

Algumas plataformas populares e gratuitas:

  • MakeStories.io: editor visual com exportação pronta para Google;
  • Canva: modelos prontos e opção de exportar para Web Stories com layout vertical;
  • Google Web Stories Plugin (para WordPress): se quiser testar em outro CMS.

Para Blogger, recomendamos usar o MakeStories por ser leve, rápido e pensado para integração com qualquer site.

Como criar uma Web Story passo a passo

Vamos usar o MakeStories como base:

  1. Acesse makestories.io e crie sua conta gratuita;
  2. Escolha o modelo de Story ou crie do zero com imagens verticais (formato 9:16);
  3. Use fontes grandes, textos curtos e imagens com alta resolução;
  4. Adicione links, botões e chamadas para ação (como “Leia mais no blog”);
  5. Insira título, descrição e palavra-chave na configuração da história;
  6. Faça a exportação em formato AMP-HTML ou pegue o link gerado pela plataforma.

Recomendações importantes para ranquear no Google

  • Use entre 5 e 10 páginas por história;
  • Evite colocar muito texto por tela (menos de 200 caracteres);
  • Utilize imagens verticais otimizadas para web (menos de 1MB);
  • Adicione metadados: título, descrição, imagem de capa e URL canônica;
  • Inclua legenda de texto em vídeos ou imagens animadas para acessibilidade;
  • Teste no mobile para ver se tudo está legível e responsivo.

Como publicar Web Stories no Blogger

Agora que você criou sua história, é hora de publicar. Existem duas formas:

1. Incorporar via iframe

Se o editor permitir (ou se usar um layout que aceite HTML no post), cole este código:

<iframe src="https://link-da-sua-story" width="360" height="600" style="border:none;" allowfullscreen></iframe>

Lembre-se de substituir https://link-da-sua-story pelo link real da sua Web Story.

Se preferir que a história abra em tela cheia ao clicar, use este modelo como botão de link:

<a href="https://link-da-sua-story" target="_blank" style="background:#e53935;color:white;padding:10px 20px;border-radius:5px;text-decoration:none;">Clique para ver a Web Story</a>


✅ Se você colocar o botão com link para a Web Story dentro do post no Blogger:

O post será indexado normalmente como qualquer outro conteúdo do seu blog.

A Web Story também pode ser indexada separadamente, desde que ela esteja hospedada em um link público (ex: no MakeStories ou outro serviço AMP) e com os dados corretos de SEO (título, descrição, imagem etc.).

👉 Ou seja: o botão ajuda a gerar tráfego, mas não é suficiente por si só para o Google indexar a Web Story automaticamente. Você precisa garantir que a história:

1. Tenha um link próprio acessível publicamente (sem bloqueios);

2. Esteja no formato AMP válido (como os do MakeStories);

3. Tenha sido enviada no Search Console (ou descoberta via sitemap);

4. Seja de alta qualidade visual e textual (isso influencia se o Google a mostra ou não).

💡 Estratégia recomendada:

Para que ambos sejam indexados e apareçam no Discover (post e Web Story):

✅ Publique a Web Story em uma plataforma compatível (como MakeStories ou AMP Stories);

✅ Crie um post no Blogger com um resumo ou complemento da história;

✅ Insira o botão ou iframe com link para a Story;

✅ Envie ambos os links (o do post e o da Web Story) para o Google Search Console;

✅ Promova ambos em redes sociais para gerar tráfego inicial.


Assim, você ganha chances de aparecer com o post no Google Discover e com a Web Story também como conteúdo visual.