Guia de melhoria de SEO: Implementando dados estruturados e OGP em site Astro

Introdução

Quando se fala em SEO, pode vir à mente a ideia de “encher de palavras-chave”, mas o SEO moderno tem como essência comunicar com precisão a estrutura e o conteúdo do site aos mecanismos de busca.

Neste artigo, explicamos as medidas de SEO que devem ser implementadas em um site Astro, divididas em 4 categorias. Todas são medidas que, uma vez configuradas, produzem efeitos contínuos.

Configuração de OGP e meta tags

OGP e meta tags são responsáveis pela aparência quando compartilhado em redes sociais e pela transmissão de informações aos mecanismos de busca.

Meta tags básicas

No componente de layout do Astro, gere o seguinte para cada página:

• og:title / og:description / og:image — Título, descrição e imagem ao compartilhar em redes sociais
• twitter:card = summary_large_image — Exibir card com imagem grande no X (Twitter)
• rel="canonical" — Especificar URL canônica de páginas duplicadas
• rel="prev" / rel="next" — Explicitar relação anterior/posterior da paginação

Meta tags para artigos de blog

Páginas de artigos devem ter as seguintes configurações adicionais:

• article:published_time / article:modified_time — Data de publicação e atualização
• article:tag — Informação de tags do artigo
• article:section — Categoria do conteúdo

Pontos de implementação

Ao configurar o componente de layout para receber title / description / image como props e passar de cada página, é possível gerar meta tags consistentes em todas as páginas. O og:title da página inicial deve ser um título concreto que inclua o nome do site e o slogan, não simplesmente “Home”.

Implementação de dados estruturados (JSON-LD)

Dados estruturados são um mecanismo para que mecanismos de busca compreendam mecanicamente o conteúdo das páginas. Quando implementados corretamente, há possibilidade de Rich Results (FAQ, breadcrumb, informações do autor, etc.) serem exibidos nos resultados de busca.

Organization

Comunique informações da empresa ao Google. Há possibilidade de ser exibido no Knowledge Panel.

{
  "@type": "Organization",
  "name": "Acecore",
  "url": "https://acecore.net",
  "logo": "https://acecore.net/logo.png",
  "contactPoint": { "@type": "ContactPoint", "telephone": "..." }
}

Na página sobre a empresa, também é possível adicionar o campo knowsAbout para explicitar as áreas de negócio.

BlogPosting

Configure BlogPosting para artigos de blog. Ao incluir autor, data de publicação, data de atualização e imagem de destaque, é possível obter exibição com informações do autor no Google Discover e nos resultados de busca.

BreadcrumbList

Os dados estruturados do breadcrumb devem ser configurados em todas as páginas. Como ponto de atenção na implementação, confirme se caminhos intermediários (como /blog/tags/, uma página de lista) realmente existem, e não gere a propriedade item para caminhos inexistentes.

FAQPage

Para artigos com FAQ, gere dados estruturados FAQPage. No Astro, é conveniente definir o campo faq no frontmatter e detectar/gerar no lado do template.

WebSite + SearchAction

Se houver busca interna no site, configurar SearchAction pode fazer com que uma caixa de busca do site apareça nos resultados do Google. Combine com mecanismos de busca como Pagefind e configure para que a busca modal seja acionada automaticamente com o parâmetro ?q=, melhorando também a experiência do usuário.

Otimização do sitemap

Usando o plugin @astrojs/sitemap do Astro, o sitemap é gerado automaticamente, mas as configurações padrão não são suficientes.

Configuração por tipo de página

Use a função serialize() para definir changefreq e priority conforme o padrão de URL das páginas.

Configuração de lastmod

Configure lastmod com a data/hora do build para comunicar aos mecanismos de busca a frescura do conteúdo. Se houver um campo lastUpdated no frontmatter do artigo, priorize-o.

Expansão do feed RSS

RSS tende a ser algo que “configura e esquece”, mas aumentar a qualidade do feed melhora a exibição em leitores RSS e a experiência do assinante.

Informações a adicionar

• author: Incluir nome do autor por artigo
• categories: Adicionar informações de tags como categorias para melhorar a classificação em leitores RSS

items: posts.map(post => ({
  title: post.data.title,
  description: post.data.description,
  link: `/blog/${post.id}/`,
  pubDate: post.data.date,
  author: post.data.author,
  categories: post.data.tags,
}))

Checklist de melhoria de SEO

Por fim, compilamos os pontos a verificar para melhoria de SEO de um site Astro.

1. Todas as páginas têm URL canonical configurada?
2. A imagem OGP é única para cada página?
3. Validação dos dados estruturados: Verifique com Teste de Rich Results do Google
4. Os caminhos intermediários do breadcrumb são URLs que realmente existem?
5. O sitemap não inclui páginas desnecessárias (como 404)?
6. O feed RSS inclui autor e categorias?
7. O robots.txt está excluindo do crawl o índice de busca (/pagefind/ etc.)?

Uma vez que todas essas configurações estejam feitas, a base do SEO está pronta. A partir daí, a posição nos resultados de busca é determinada pela qualidade e frequência de atualização do conteúdo.

Série que inclui este artigo

Este artigo faz parte da série “Guia de melhoria de qualidade do site Astro”. Melhorias de performance, acessibilidade e UX também são apresentadas em artigos individuais.