logo

Editor JSON Manual

Editor de código para controle total sobre o seu schema markup

Editor JSON Manual

Para usuários avançados que querem controle total sobre o seu schema markup, o Editor JSON Manual oferece um editor de código com ferramentas de nível profissional.

Recursos

  • Editor com Reconhecimento de Sintaxe: Edite JSON-LD com uma experiência de edição confortável
  • Validação em Tempo Real: Erros são destacados enquanto você digita
  • Formatar / Embelezar: Indentação automática e formatação do seu JSON com um clique
  • Minificar: Comprima seu JSON para produção
  • Números de Linha: Acompanhe sua posição em schemas grandes
  • Contagem de Caracteres e Linhas: Estatísticas ao vivo mostrando o tamanho do JSON
  • Suporte a Variáveis: Insira variáveis dinâmicas do WordPress que são substituídas durante a renderização
  • Seletor de URL: Escolha a qual página o schema está atribuído

Variáveis Dinâmicas

O Editor Manual suporta variáveis dinâmicas que são automaticamente substituídas por dados do WordPress quando o schema é renderizado na página:

VariávelDescrição
`{{post_title}}`Título do post/página atual
`{{post_url}}`URL do post/página atual
`{{post_date}}`Data de publicação
`{{post_modified}}`Data da última modificação
`{{post_excerpt}}`Trecho do post
`{{post_thumbnail}}`URL da imagem destacada
`{{author_name}}`Nome do autor do post
`{{site_name}}`Título do site WordPress
`{{site_url}}`URL do site WordPress
`{{site_logo}}`URL do logotipo do site

Validação

Clique em Validar para executar uma verificação completa:

  1. Verificação de Sintaxe: O JSON é válido? A detecção linha por linha aponta exatamente onde estão os erros
  2. Estrutura Schema.org: Ele tem @context e @type? Estão corretos?
  3. Campos Obrigatórios: Todos os campos obrigatórios estão presentes para o tipo? (ex.: Product requer "name", Article requer "headline")
  4. Diretrizes do Google: Ele está em conformidade com os requisitos de dados estruturados do Google?

A validação é executada em tempo real — você verá um indicador de status mostrando se o seu JSON é válido ou tem erros.

Painel de Variáveis

Clique no botão Variáveis para abrir o Painel de Variáveis, que mostra todas as variáveis dinâmicas disponíveis. Clique em qualquer variável para inseri-la na posição do cursor.

Exemplos de Código

Exemplo com Variáveis Dinâmicas

json
{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "{{post_title}}",
  "url": "{{post_url}}",
  "datePublished": "{{post_date}}",
  "dateModified": "{{post_modified}}",
  "description": "{{post_excerpt}}",
  "image": "{{post_thumbnail}}",
  "author": {
    "@type": "Person",
    "name": "{{author_name}}"
  },
  "publisher": {
    "@type": "Organization",
    "name": "{{site_name}}",
    "url": "{{site_url}}",
    "logo": {
      "@type": "ImageObject",
      "url": "{{site_logo}}"
    }
  }
}