Dados estruturados e boas práticas de SEO

🔍 Preview

A Uappi já resolve uma parte importante do SEO automaticamente.

Mas ainda existem boas práticas que dependem diretamente da forma como o tema é desenvolvido.

Este guia explica:

• O que já vem pronto pela plataforma
• O que é responsabilidade do desenvolvimento do Store Theme

---

🧩 Dados estruturados (já resolvido pela plataforma)

Dados estruturados são informações do seu site organizadas em um formato que os mecanismos de busca conseguem entender com clareza.

Enquanto o HTML tradicional é feito para humanos, os dados estruturados são feitos para máquinas.

Eles ajudam buscadores como o Google a responder perguntas como:

• Isso é um produto?
• Qual o preço?
• Está disponível?
• Tem avaliação?
• É um artigo?
• É uma categoria?

Os dados estruturados mais relevantes para e-commerce são adicionados automaticamente ao HTML através do renderizador SSR da plataforma usando o padrão do schema.org e entregues no HTML da página.

ℹ️ Informação

Nenhuma implementação manual é necessária no Store Theme.

Benefícios:

• Estrutura consistente entre projetos
• Melhor leitura pelos mecanismos de busca
• Redução de esforço técnico no tema
• Compatibilidade com boas práticas do Google

O desenvolvedor não precisa se preocupar com JSON-LD ou marcações schema.org na maior parte dos casos.

🚀 Por que eles são importantes?

Sem dados estruturados:

• O Google precisa interpretar o conteúdo
• Pode entender errado
• Pode ignorar informações relevantes

Com dados estruturados:

• O Google entende exatamente o que está sendo exibido

Isso permite que seu site apareça com recursos enriquecidos nos resultados de busca, como:

• Avaliações
• Preço
• Disponibilidade
• Breadcrumbs
• Informações de produto

Esses elementos são chamados de Rich Results.

Os dados estruturados mais relevantes para e-commerce são adicionados automaticamente ao HTML através do renderizador SSR da plataforma.

Isso significa que:

• Produtos
• Preços
• Disponibilidade
• Breadcrumbs
• Avaliações

Já seguem o padrão esperado pelo Google para Rich Results.

🛠️ Boas práticas de SEO no desenvolvimento

Apesar do SEO técnico ser parcialmente resolvido pela plataforma, a forma como o HTML é construído ainda impacta diretamente:

• Indexação
• Acessibilidade
• Ranking

Abaixo estão boas práticas recomendadas pelo próprio Google.

🧱 Use apenas um h1 por página

Cada página deve possuir:

• Um único H1 representando o tema principal

Evite:

• ❌ múltiplos H1
• ❌ usar H1 apenas por estilo visual

Se precisar de variações visuais, use CSS - não altere a hierarquia semântica.

🏷️ Utilize HTML semântico

Prefira:

• header
• main
• section
• article
• nav
• footer

Evite:

• ❌ excesso de div sem significado estrutural

Isso ajuda:

• SEO
• Leitores de tela
• Compreensão da página pelo crawler

🖼️ Imagens sempre com atributos

Sempre declare:

• alt
• title
• width
• height

Mesmo quando redundante.

Boas práticas:

• ✔️ Se a imagem for decorativa → alt=""
• ✔️ Evite repetir texto já visível

Exemplo:

1<img
2  src="/banner.jpg"
3  alt=""
4  title="Promoção de verão"
5  width="1200"
6  height="400"
7/>

Declarar dimensões também melhora:

• CLS (Core Web Vitals)
• Renderização estável

🔗 Use aria-label quando necessário

Importante para:

• Links apenas com ícones
• Botões sem texto visível

Exemplo:

1<button aria-label="Abrir carrinho">

Isso melhora:

• Acessibilidade
• Interpretação por mecanismos de busca

🎭 Use role com responsabilidade

O atributo role deve ser usado quando o HTML semântico não for suficiente.

Exemplo:

1<header role="navigation">

Use role apenas quando necessário.

🏁 Próximo passo

Agora que você conhece tudo sobre o Store Theme, veja também:

Checkout: introdução Área Restrita: introdução