Você quer saber como adicionar marcação de esquema ao WordPress sem um plug-in?
A marcação de esquema pode aumentar drasticamente a CTR (taxa de cliques) em seu site. Uma prova disso é o Jobrapido, que adicionou uma marcação de esquema de publicação de vagas de emprego ao seu site e obteve um aumento de 270% nos registros de novos usuários a partir do tráfego orgânico.
Nesta postagem, mostraremos como adicionar a marcação de esquema ao WordPress sem um plug-in. Também mostraremos uma maneira melhor e mais fácil de fazer isso.
Fique à vontade para usar os links rápidos abaixo para ir direto às diferentes seções:
Neste artigo
Mas, primeiro, vamos começar respondendo à pergunta sobre se é melhor adicionar o esquema com ou sem um plug-in.
É melhor adicionar o esquema com ou sem um plug-in?
Há duas maneiras de adicionar a marcação de esquema ao seu site WordPress. A primeira é com um plug-in e a segunda é sem um plug-in. A segunda requer conhecimento de codificação, enquanto a primeira não.
Então, qual é o melhor método?
É sempre melhor adicionar a marcação de esquema usando um plug-in. O principal motivo para isso é que os plug-ins são mais rápidos e fáceis de usar. Eles também ajudam a garantir que o código do esquema esteja correto.
É por isso que recomendamos que você use um plug-in de SEO avançado, como o All In One SEO (AIOSEO), para adicionar sua marcação de esquema.
O AIOSEO é um poderoso plug-in para WordPress que tem a confiança de mais de 3 milhões de profissionais de marketing experientes para classificar seus sites e gerar tráfego direcionado. O plug-in tem muitos recursos e módulos avançados de SEO projetados para ajudá-lo a otimizar seu site para SEO, mesmo que você não tenha nenhuma habilidade de codificação.
Um dos recursos mais adorados é o Next-Gen Schema Generator. Essa é uma ferramenta poderosa que permite adicionar facilmente qualquer tipo de marcação de esquema ao seu conteúdo. É tão fácil quanto escolher um tipo de esquema em nosso catálogo de esquemas.
Em seguida, preencha os detalhes necessários sobre o esquema que você deseja gerar.
Quando terminar, você pode clicar no botão Add Schema e pronto!
Como alternativa, você pode clicar em Save Schema as Template (Salvar esquema como modelo) para salvar seu esquema para reutilização em outros posts ou páginas. Esse recurso torna muito fácil e rápido adicionar o esquema a páginas semelhantes.
E se o seu tipo de marcação de esquema não estiver em nosso Schema Catalog, você ainda poderá adicionar marcação de esquema personalizada clicando na guia Custom Schema.
Você pode conferir nosso tutorial sobre como adicionar dados estruturados no WordPress para obter um guia passo a passo sobre como implementar a marcação de esquema em seu site. Esse é um método sem código para adicionar marcação de esquema no WordPress.
Além da facilidade de uso, aqui estão alguns outros motivos pelos quais adicionar a marcação de esquema sem um plug-in pode não ser a melhor opção para seu site WordPress.
- É difícil e consome muito tempo: Não usar um plug-in de SEO para criar o esquema é difícil e exige muito tempo extra. Você também precisa saber como usar o código PHP.
- Não é possível atualizar seu tema: Nunca é uma boa ideia editar os arquivos do tema diretamente. Quando o tema for atualizado, todas as suas edições serão perdidas.
- Você não pode mudar os temas do WordPress: Não é possível alterar o tema do WordPress, pois o código personalizado só funcionará se você estiver usando esse tema específico.
- Você perderá recursos avançados: Com um plug-in de SEO avançado como o AIOSEO, você pode acessar recursos avançados como o validador de esquema.
Para obter instruções passo a passo sobre como instalar o AIOSEO, consulte nosso guia de instalação detalhado.
Dito isso, vamos dar uma olhada mais de perto nos benefícios das marcações de esquema e em como elas podem melhorar sua CTR (taxa de cliques).
Benefícios da adição de marcação de esquema no WordPress
Há muitos benefícios em adicionar a marcação de esquema ao seu site WordPress. Por exemplo, você provavelmente já viu aqueles resultados de pesquisa de boa aparência com classificações por estrelas e preços como este exemplo:
Esses são chamados de rich snippets, e você os obtém adicionando marcação de esquema às suas páginas da Web. Eles fornecem informações diretas aos usuários sobre o assunto de uma página e fazem com que ela apareça melhor na pesquisa.
Em outras palavras, a marcação de esquema é usada por todos os grandes mecanismos de pesquisa, como Google, Bing, Yahoo e Yandex, para mostrar informações adicionais em seus resultados de pesquisa.
Além disso, os rich snippets aumentam sua CTR, pois fazem com que seu conteúdo pareça mais atraente visualmente quando exibido nos mecanismos de pesquisa.
E mais cliques acabarão levando a classificações mais altas também. É uma ótima maneira de impulsionar seu SEO e obter mais tráfego orgânico.
Fonte da imagem: Brandon Gaille
Em resumo, adicionar a marcação de esquema é uma ótima maneira de impulsionar seu SEO, melhorar a CTR e direcionar o tráfego para seu site.
Qual é a diferença entre Rich Snippets e Schema Markup?
Os rich snippets e a marcação de esquema são a mesma coisa?
Não é bem assim! Embora muitas pessoas possam usar os termos de forma intercambiável, eles não são a mesma coisa.
Vamos explicar a diferença entre os dois. Simplificando, enquanto os rich snippets são para humanos, as marcações de esquema são para os bots dos mecanismos de pesquisa.
A marcação de esquema é o código que informa ao Google sobre o que é seu conteúdo. E os rich snippets são o que o Google exibe nos resultados de pesquisa devido à marcação de esquema.
Em resumo, a marcação de esquema é uma linguagem que os mecanismos de pesquisa usam para entender seu conteúdo, enquanto os rich snippets são a interpretação visual da marcação de esquema.
Também é chamado de dados estruturados, pois usa uma linguagem de código aceita pelos principais mecanismos de pesquisa.
Você pode adicionar a marcação de esquema a:
- Artigos
- Eventos
- Comentários
- Receitas
- Livros
- Produtos
- Perguntas frequentes
- E muito mais
Como dito, há duas maneiras de adicionar a marcação de esquema ao seu site WordPress. O melhor e mais fácil método é usar um poderoso plugin de SEO para WordPress, como o AIOSEO.
A segunda maneira é adicioná-lo manualmente sem um plug-in, e é isso que mostraremos a seguir.
Como adicionar marcação de esquema ao WordPress sem um plug-in: 3 maneiras
Para começar, você pode visitar o site Schema.org para encontrar a marcação que deseja adicionar ao seu conteúdo.
Mostraremos como adicionar a marcação Artigo ao seu site WordPress. Mas você pode encontrar todas as marcações de esquema que são suportadas pelos mecanismos de pesquisa em Schema.org.
Essas marcações estão usando 3 linguagens de código diferentes:
- Microdados
- RDFa
- JSON LD
Usaremos o JSON-LD, pois o Google gosta mais dele e ele não quebra seu site tão facilmente quanto outras marcações podem fazer.
Dito isso, vamos dar uma olhada em como adicionar a marcação de artigo em seu post ou página no WordPress usando o editor de blocos.
1. Como adicionar marcação de esquema ao WordPress usando o Block Editor
Para começar, basta fazer login no painel do WordPress e navegar até qualquer postagem ou página à qual deseja adicionar o esquema.
Em seguida, você deve ativar os campos personalizados. Para fazer isso, clique nos três pontos no canto superior direito e uma nova exibição será aberta. Em seguida, role para baixo até Preferences " Panels( Preferências " Painéis).
Isso abrirá uma nova janela com todas as opções do painel. Aqui você precisa marcar a caixa Customs Fields (Campos alfandegários ).
Depois disso, basta retornar ao editor de blocos e rolar para baixo em seu post ou página até a parte inferior, onde você poderá ver as configurações dos campos personalizados .
Em Add New Custom Field (Adicionar novo campo personalizado), clique na guia Enter new (Inserir novo ).
A próxima etapa é nomear sua marcação de esquema. Neste exemplo, nós o nomeamos Article Schema, pois adicionaremos a marcação para um artigo.
Depois de nomear sua marcação, você precisará copiar o trecho de código abaixo e colá-lo na seção Value. Se você nunca escreveu código antes, mas deseja usar uma marcação diferente, pode usar o Google Structured Data Markup Helper ou o JSON-LD Playground. Eles gerarão o código para você.
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "NewsArticle",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https://google.com/article"
},
"headline": "Article headline",
"image": [
"https://example.com/photos/1x1/photo.jpg",
"https://example.com/photos/4x3/photo.jpg",
"https://example.com/photos/16x9/photo.jpg"
],
"datePublished": "2015-02-05T08:00:00+08:00",
"dateModified": "2015-02-05T09:20:00+08:00",
"author": {
"@type": "Person",
"name": "John Doe"
},
"publisher": {
"@type": "Organization",
"name": "Google",
"logo": {
"@type": "ImageObject",
"url": "https://google.com/logo.jpg"
}
}
}
</script>
Depois de adicionar o código em Value, clique no botão Add Custom Field (Adicionar campo personalizado ). Em seguida, role a tela até a parte superior da página e clique em Update (Atualizar ) para salvar suas alterações.
Você está quase terminando.
A última etapa é copiar esse trecho de código e adicioná-lo ao arquivo header.php:
<?php
$schema = get_post_meta(get_the_ID(), 'schema', true);
if(!empty($schema)) {
echo $schema;
}
?>
A seguir, mostraremos como fazer isso.
Observação: é preciso avisá-lo de que um único erro ao editar os arquivos do tema pode derrubar todo o seu site e causar a tela branca da morte. Certifique-se sempre de fazer um backup de seu site antes de começar.
2. Como adicionar código de esquema personalizado ao seu arquivo Header.php
A melhor e mais segura opção é sempre usar um plug-in para adicionar código e funcionalidade personalizados ao seu site. E recomendamos enfaticamente o uso do plug-in Insert Headers and Footers WordPress.
Portanto, antes de mostrarmos como editar diretamente os arquivos do tema, mostraremos como é fácil adicionar seu snippet de código ao arquivo header.php usando o plug-in Insert Headers and Footers.
Depois de instalar e ativar o plug-in, basta navegar até o painel do WordPress e clicar em Insert Headers and Footers (Inserir cabeçalhos e rodapés ) no menu Settings (Configurações ).
Aqui você verá diferentes janelas para adicionar seu código ao cabeçalho, corpo e rodapé do seu site. Certifique-se de adicionar seu trecho de código na janela Scripts in Header (Scripts no cabeçalho ).
Clique no botão Salvar e pronto!
Não há nada mais fácil do que isso! E o melhor de tudo é que é muito mais seguro do que editar os arquivos do tema diretamente.
3. Como adicionar o código de esquema personalizado diretamente aos arquivos do tema
Dito isso, vamos ver como adicionar o snippet de código diretamente no editor de temas e no arquivo header.php.
Basta acessar Appearance " Theme Editor e clicar no arquivo header.php em Theme Files.
Isso abrirá uma nova janela, na qual você poderá editar o arquivo.
Now, paste in the schema code in the file editor just before the </head> tag.
Depois de adicionar o trecho de código, clique no botão Update File (Atualizar arquivo).
Por fim, recarregue sua página e você verá a marcação do esquema logo antes da tag de fechamento.
Agora você adicionou com êxito o esquema ao WordPress sem um plug-in e pode testar seu URL para verificar se há algum erro usando a Ferramenta de teste de dados estruturados do Google.
Agora que você sabe como adicionar o esquema sem um plug-in, mostraremos uma maneira melhor e mais fácil de adicionar a marcação de esquema ao seu site WordPress.
E é isso!
Você adicionou a marcação de esquema no WordPress sem um plug-in.
Esperamos que esta publicação do blog tenha ajudado você a aprender como adicionar marcação de esquema ao seu site WordPress sem um plug-in. E que você também tenha visto que usar um plug-in é muito mais fácil, pois você não precisa mexer no código.
Se você achou este artigo útil, acreditamos que também gostará de nossos outros tutoriais e guias. Por exemplo, se quiser saber como otimizar a postagem do seu blog para SEO como um profissional, não deixe de conferir nossa lista de verificação de SEO de postagem de blog. Você também pode conferir nosso tutorial sobre como adicionar uma seção de FAQ no WordPress se quiser aproveitar melhor o esquema de FAQ.
Se você achou este artigo útil, inscreva-se em nosso canal do YouTube. Você encontrará muitos outros tutoriais úteis lá. Você também pode nos seguir no X (Twitter), no LinkedIn ou no Facebook para ficar por dentro das novidades.
Quer experimentar o AIOSEO gratuitamente?
Digite o URL do seu site WordPress para instalar o AIOSEO Lite.
Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Recomendamos apenas produtos que acreditamos que agregarão valor aos nossos leitores.
Olá. Fiquei encantado quando encontrei a peça que faltava no quebra-cabeça abaixo. Mas ela não funciona?
Seu snippet para adicionar à caixa de cabeçalho falhou e me deu esta mensagem.
(Recebo a mensagem "Special Characters Must Be Escaped") dentro da caixa de cabeçalho.
Olá, Etienne! Fico feliz que tenha encontrado "a peça que faltava no quebra-cabeça". Desculpe, mas não está funcionando para você. Entre em contato com nossa equipe de suporte ao cliente aqui para obter ajuda.
Por que alguém entraria em contato com sua equipe de suporte ao cliente se não é um de seus clientes e está apenas lendo uma publicação de blog com informações gerais? Essas informações não deveriam simplesmente funcionar? Sua equipe de suporte ao cliente realmente ajudará o público em geral a resolver problemas com o WordPress?
Olá, quanto à última parte de sua postagem, "3. How to Add Custom Schema Code Directly to Your Theme Files", posso adicionar o código ao functioons.php em vez do header.php?