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ável | Descriçã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:
- Verificação de Sintaxe: O JSON é válido? A detecção linha por linha aponta exatamente onde estão os erros
- Estrutura Schema.org: Ele tem @context e @type? Estão corretos?
- Campos Obrigatórios: Todos os campos obrigatórios estão presentes para o tipo? (ex.: Product requer "name", Article requer "headline")
- 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}}"
}
}
}