Fundamentos de dados estruturados JSON-LD
Adicione dados estruturados legíveis por máquinas com JSON-LD.
Fundamentos de dados estruturados JSON-LD é uma aula grátis de HTML Academy no CoddyKit. Esta é a aula 3 de 4. Você pode ler a aula completa abaixo gratuitamente — depois pratica ao vivo no navegador com um editor de código integrado e um tutor de IA 24/7. Faz parte do caminho de aprendizado de HTML Academy, e seu progresso é sincronizado entre a web e o app CoddyKit. O curso de HTML Academy inclui 4 aulas no total.
O que são dados estruturados?
Dados estruturados são JSON legível por máquina que descreve o assunto da página — um artigo, uma receita, um produto ou um evento. Os mecanismos de busca usam esses dados para renderizar resultados aprimorados (avaliações com estrelas, cartões de receitas e trilhas de navegação), em vez de simples links azuis.
JSON-LD é o formato recomendado
O formato preferido do Google é JSON-LD: um único bloco <script type="application/ld+json"> no cabeçalho ou no corpo, contendo um ou mais objetos schema.org. Ele é separado do HTML visível, portanto adicioná-lo ou atualizá-lo não exige reescrever o modelo.
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Article",
"headline": "Learn HTML",
"author": { "@type": "Person", "name": "Ada Lovelace" },
"datePublished": "2024-05-01"
}
</script>@context e @type
Todo objeto JSON-LD precisa de @context (quase sempre "https://schema.org") e @type (a classe schema.org: Article, Recipe, Product, FAQPage). @context informa aos analisadores de qual vocabulário vêm os nomes das propriedades.
Propriedades comuns de Article
Para Article, forneça headline, image (uma URL ou matriz), datePublished, dateModified, author (um objeto Person ou Organization) e publisher (Organization com logotipo). Esses são os campos mínimos necessários para que o Google considere a página para o carrossel de principais notícias.
Esquema de Product
Páginas de produtos declaram @type Product com name, image, description, brand, sku e um subobjeto offers contendo price, priceCurrency e availability. Combinado com aggregateRating, o Google pode renderizar avaliações com estrelas e trechos de preço diretamente no resultado da busca.
{
"@context": "https://schema.org",
"@type": "Product",
"name": "Coddy Plus",
"offers": { "@type": "Offer", "price": "29.00", "priceCurrency": "USD" }
}Esquema de Breadcrumb
BreadcrumbList descreve a hierarquia de navegação. Cada itemListElement é um ListItem com position, name e item (a URL). Quando presente, o Google substitui a linha da URL no trecho pelo caminho de navegação identificado, o que gera mais cliques.
FAQ e HowTo
Os esquemas de página de FAQ e HowTo anteriormente desbloqueavam componentes de resultados avançados na SERP. Desde então, o Google restringiu os resultados avançados de FAQ a algumas categorias de sites (gov, edu), mas a marcação ainda é valiosa para assistentes de voz e outros consumidores — mantenha-a em páginas reais de FAQ.
Correspondência com a página visível
O Google penaliza marcações que não correspondem ao que os usuários veem. Não declare uma classificação de 5 estrelas que não apareça na página; não liste um preço de US$ 9,99 que o usuário nunca vê. Os dados estruturados devem descrever com precisão o conteúdo renderizado.
Validação com o Teste de resultados avançados
O Teste de resultados avançados do Google (search.google.com/test/rich-results) analisa qualquer URL ou código colado, lista os tipos de esquema detectados e avisa sobre propriedades obrigatórias ausentes. Execute-o antes de publicar qualquer alteração nos dados estruturados.
Vários esquemas por página
Você pode declarar vários blocos JSON-LD na mesma página (Artigo + BreadcrumbList + Organização, por exemplo) ou combiná-los em uma única matriz @graph. As duas formas são válidas; escolha a que for mais fácil de incluir em modelos no seu fluxo de compilação.
Atualização sem renderizar novamente
O JSON-LD fica em um elemento script separado do conteúdo visível. Para atualizá-lo, gere novamente o bloco JSON — nunca injete dados estruturados apenas por meio de JavaScript no cliente, pois o Googlebot nem sempre executa JS de forma confiável antes da indexação.
Verificação de conhecimento
Quais duas propriedades de nível superior todo objeto JSON-LD deve incluir para que os dados estruturados sejam válidos?
Resumo
O JSON-LD declara dados estruturados em um único bloco de script application/ld+json, com @context e @type identificando cada objeto. Esquemas comuns (Artigo, Produto, BreadcrumbList) desbloqueiam resultados avançados de pesquisa quando a marcação reflete com precisão a página visível. Valide com o Teste de resultados avançados antes da publicação.
Perguntas Frequentes
A aula “Fundamentos de dados estruturados JSON-LD” é grátis?
Sim — o texto completo de “Fundamentos de dados estruturados JSON-LD” é grátis para ler aqui na web. Para praticá-la interativamente (um editor de código integrado e um tutor de IA 24/7) e desbloquear o restante do curso de HTML Academy, atualize para CoddyKit PRO. O curso de HTML Academy inclui 4 aulas no total.
O que vou aprender em “Fundamentos de dados estruturados JSON-LD”?
Adicione dados estruturados legíveis por máquinas com JSON-LD. Você pratica HTML Academy com código prático que executa diretamente no navegador, e um tutor de IA 24/7 responde suas dúvidas enquanto trabalha na aula.
Preciso ter experiência prévia para começar HTML Academy?
Nenhuma experiência prévia é necessária. HTML Academy no CoddyKit é estruturado para alunos iniciantes até avançados, então você pode começar aqui ou desde o início e aprender no seu ritmo. Esta é a aula 3 de 4.
Quanto tempo leva a aula “Fundamentos de dados estruturados JSON-LD”?
A maioria das aulas CoddyKit leva cerca de 5–10 minutos. Cada uma é compacta e interativa, então você faz progresso constante e retoma exatamente de onde parou entre web e app.
Posso escrever e executar código nesta aula de HTML Academy?
Sim. Cada aula de HTML Academy inclui um editor de código integrado, então você escreve e executa código real direto no navegador e recebe feedback de IA instantaneamente — nenhuma configuração local necessária.
Todas as aulas deste curso
- OpenGraph og:title og:description og:image
- Meta tags de cartão do Twitter
- Fundamentos de dados estruturados JSON-LD
- Hreflang para páginas internacionais