Um guia rápido para implementar a marcação de esquema no WordPress

Você lançou um site com uma aparência bonita e ótimas funções. Então o que vem depois? Torne-o amigável para SEO para classificar seu conteúdo no mecanismo de pesquisa para trazer tráfego orgânico. Pode parecer uma tarefa um pouco difícil, pois há muitos elementos técnicos que você deve entender, embora não sejam fáceis de digerir. Mas se você leva a sério o SEO do seu site, precisará ter uma visão holística de todos os tópicos relacionados ao SEO. Um desses tópicos é implementar a marcação de esquema.

Scheme Markup e dados estruturados têm tido um bom papel no SEO há anos e parece que os principais mecanismos de pesquisa como Google, Bing, Yahoo, etc os recomendam. Mas o que exatamente é uma marcação de esquema e como isso afeta o processo de SEO do seu site? Depois de ler este artigo, você saberá exatamente o que é, como isso afeta o SEO e os mecanismos de pesquisa, como implementá-lo corretamente para obter melhores classificações.

O que são dados estruturados e marcação de esquema?

Dados estruturados são um formato de informação que pode ser entendido universalmente. Ele contém diferentes elementos que permitem que os mecanismos de pesquisa digam facilmente sobre o que é a página.

Enquanto Schema Markup é basicamente um código que coloca seu site no mecanismo de busca. Seu principal objetivo é tornar o mecanismo de pesquisa mais informativo para os usuários.

Ele pode ser adicionado à sua página da Web na forma de código para definir diferentes elementos, como datas, imagens, horário de funcionamento e muito mais.

Benefícios do Schema Markup em SEO

Quando se trata de SEO, os dados estruturados representados no Schema Markup exibem os resultados do mecanismo de pesquisa de maneira mais detalhada e informativa. Ele não apenas torna o site mais amigável para SEO, mas também pode exibir resultados avançados para atrair mais tráfego para o site.

Diferentes tipos de pesquisas aprimoradas exibidas no mecanismo de pesquisa

Anteriormente, discutimos os benefícios do Schema Markup para exibir resultados avançados no mecanismo de pesquisa. Aqui estão alguns dos resultados avançados que serão exibidos no mecanismo de pesquisa se o Schema Markup for implementado em seu site.

Ricos fragmentos

Rich snippets são aqueles resultados que contêm informações extras, como classificações, avaliações, imagens e muito mais, enquanto são exibidos nos resultados da pesquisa. Isso ajudará os usuários a saber mais sobre a página/postagem e fornecerá mais chances de obter cliques.

Rich Cards

Rich cards são o novo formato para exibir o resultado nos mecanismos de pesquisa. Assim como os rich snippets, os rich cards usam marcação de esquema para exibir os resultados da pesquisa em um formato mais atraente e visualmente atraente. Ele se concentra em fornecer uma melhor experiência de pesquisa móvel e vem com opções de toque amigáveis.

Gráfico de conhecimento

Um Knowledge Graph é uma base de conhecimento usada em mecanismos de busca para tornar as informações ainda mais detalhadas, exibindo imagens, localização, informações de contato, descrição, perfis de mídia social.

Fragmento em destaque

Os snippets em destaque são o formato do mecanismo de pesquisa para fornecer aos usuários respostas diretas às suas perguntas. Eles não contêm informações adicionais, como rich snippets, mas fornecem uma resposta concisa ao usuário sem precisar clicar em resultados específicos.

Como posso começar a implementar a marcação de esquema na minha página da web?

Você pode implementar Schema Markup de diferentes maneiras. Aqui estão alguns deles abaixo:

Adicionar esquema usando microdados:

Microdata é um conjunto de tags que são introduzidas com HTML5 com o objetivo de fornecer uma maneira simples de anotar elementos HTML com tags legíveis por máquina. É bastante fácil usar marcação boa para iniciantes implementarem. Mas a desvantagem é que você precisará marcar cada item individualmente no corpo da página da Web, o que pode ficar confuso.

Mas antes de começarmos, você precisará descobrir qual tipo de item sua página da web define. Ele irá ajudá-lo a determinar que tipo de tags você precisa usar.

Aqui, vamos supor que você possui uma loja online chamada HashThemes e sua página inicial pode ser assim:

 <div>
<h1>Temas de hash</h1>
<h2>O melhor vendedor de temas WordPress!</h2>
<p>Endereço:</p>
<p>Dhobighat</p>
<p>Lalitpur, Nepal</p>
<p>E-mail: [email protected]</p>
<p><a href="https://hashthemes.com/wordpress-theme/">Clique aqui para ver nossos melhores temas WordPress!</a></p>
<p>Estamos abertos: </p>
<p>Segunda a Sexta, das 10h às 18h</p>
</div>

Em primeiro lugar, você precisará identificar as seções da página da web. É tudo entre as tags <div>. Então, adicionamos

 <div itemscope>

Ao adicionar a tag de escopo do item, podemos especificar o HTML contido no bloco entre as tags <div> para fazer referência a itens específicos.

Agora, usaremos o atributo tipo de item para especificar o tipo de itens em sua página.

 <div itemscope itemtype = "http://schema.org/wordpressthemes">

Agora, vá para a página inicial e marque a parte da página que tem o nome do seu site. Aqui, adicionaremos uma tag prop de item que rotula as propriedades dos itens.

 <h1 itemprop="name">Temas de Hash</h1>

Vá em frente e adicione tags ao resto das páginas também.

Às vezes, você pode não precisar marcar a linha inteira, mas apenas uma parte da linha em que a propriedade é referida, como na linha de endereço de e-mail.

 <h2 itemprop="description">O melhor vendedor de temas WordPress!</h2>
<p>Endereço:</p>
<span itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
<p itemprop="streetAddress">Dhobighat</p>
<p itemprop="addressLocality">Lalitpur, Nepal</p></span>
<p>E-mail: <span itemprop="email">[email protected]</span></p>
<p><a itemprop="store" href="https://hashthemes.com/wordpress-theme/">Clique aqui para ver nossos melhores temas WordPress!</a></p>
<p>Estamos abertos:</p>
<p itemprop="openingHours">Segunda a sexta, das 10h às 18h</p>
</div>

Você também pode usar o Assistente de marcação de dados estruturados do Google para facilitar a marcação de suas páginas da web.

Adicionando marcação usando RDFa

Resource Description Framework in Attributes (RDFa) é uma extensão para HTML5 projetada para ajudá-lo a marcar os dados estruturados. É uma recomendação do W3C e pode ser usado para combinar vários vocabulários de dados estruturados para adicionar dados estruturados que vão além do Schema.org

Se você souber como usar a marcação de microdados com Schema.org, o RDFa não será diferente. Integra o HTML existente no corpo do conteúdo.

Vamos usar o site de comércio eletrônico acima como exemplo:

 <div>
<h1>Temas de hash</h1>
<h2>O melhor vendedor de temas WordPress!</h2>
<p>Endereço:</p>
<p>Dhobighat</p>
<p>Lalitpur, Nepal</p>
<p>E-mail: [email protected]</p>
<p><a href="https://hashthemes.com/wordpress-theme/">Clique aqui para ver nossos melhores temas WordPress!</a></p>
<p>Estamos abertos: </p>
<p>Segunda a Sexta, das 10h às 18h</p>
</div>

Aqui, especificaremos o vocabulário da tag junto com a URL http://schema.org/. O tipo de página é definido pelo tipo de tag.

 <div vocab="http://schema.org/" typeof="store">

Já dissemos aos motores de busca sobre o que é a página. Agora é hora de definir as propriedades usando atributos de propriedade.

 <h1 property="name">HashThemes</h1>

O tipo de atributo também pode ser usado para definir propriedades como para definir o PostalAddress.

 <div property="address" typeof="PostalAddress">

O tipo de atributo é equivalente ao tipo de item em Microdata, enquanto a propriedade é equivalente ao atributo prop do item.

 <h2 property="description">O melhor vendedor de temas WordPress!</h2>
<p>Endereço:</p>
<div property="address" typeof="PostalAddress">
<p property="streetAddress">Dhobighat</p>
<p property="addressLocality">Lalitpur, Nepal</p>
</div>
<p>E-mail: <span property="email">[email protected]</span></p>
<p><a property="store" href="https://hashthemes.com/wordpress-theme/">Clique aqui para ver nossos melhores temas WordPress!</a></p>
<p>Estamos abertos:</p>
<p property="openingHours">Segunda a sexta, das 10h às 18h</p>
</div>

Página da Web de marcação usando JSON-LD

JavaScript Object Notation for Linked Data (JSON-LD) é uma codificação de dados vinculados usando JSON. É uma recomendação do W3C e foi adicionado como o formato recomendado para Schema.org em 2013.

A principal vantagem de usar JSON-LD para Schema Markup é que ele limita os códigos mais relevantes ao cabeçalho da página e mantém a tag extra fora do corpo principal do seu conteúdo. Isso torna os códigos mais limpos e fáceis de ler.

A notação JSON – LD está contida dentro de um bloco de script. Então, para iniciar o processo, inserimos a linha de script para mostrar que estamos usando o formato JSON-LD:

 <script type="application/ld+json">

O código JSON-LD também deve estar dentro de chaves (chaves) ou não será aplicado à página ou analisado pelos mecanismos de pesquisa. Isso é conhecido como estrutura de objetos em Javascript. Assim, o esboço do código ficará assim:

 <script type="application/ld+json">
código vai aqui
</script>

Agora, você precisará usar o contexto definido pelo vocabulário para os dados vinculados ao Schema.org.

Uma vírgula também deve ir para cada linha do código.

 "@context": "http://schema.org",

Para outros tipos de formato schema.org, você precisará definir o tipo de conteúdo que irá marcar. Isso é equivalente ao atributo de tipo de imagem de Microdata e ao tipo de atributo de RDFa.

Usaremos o site simples que mencionamos acima como exemplo:

 "@type": "Loja",

Agora definimos o nome da loja e sua descrição. Se você estiver usando Microdata ou RDFa para definir esses elementos, eles devem ser apresentados na própria página inicial do site. Mas no caso do JSON-LD, você pode definir os elementos sem precisar estar presente na página.

 "name": "HashThemes",
"description": "O melhor vendedor de temas WordPress!",

Agora é hora de definir o endereço. Um endereço terá uma propriedade adicional ainda mais precisa, como endereço e localidade. Então, vamos colocá-los em um colchete.

 "Morada": {
"@type": "Endereço Postal",
"addressLocality": "Lalitpur, Nepal",
"streetAddress": "Dhobighat",
},

Agora, colocaremos o horário de funcionamento da loja. Manteremos a hora de abertura no array e especificaremos os dias em combinações de duas letras. Além disso, o tempo deve ser um relógio de 24 horas.

 "horário de abertura": [
"Seg-Sex 10:00-18:00"
],

Por fim, adicionaremos um endereço de e-mail e a URL do tema. Ambos são bastante diretos.

 "email": "[email protected]"
"loja": "https://hashthemes.com/wordpress-theme/"
E no final nossa marcação ficará assim:
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Loja",
"name": "HashThemes",
"description": "O melhor vendedor de temas WordPress!",
"Morada": {
"@type": "Endereço Postal",
"addressLocality": "Lalitpur, Nepal",
"streetAddress": "Dhobighat",
},
"horário de abertura": [
"Seg-Sex 10:00-18:00"
],
"email": "[email protected]"
"loja": "https://hashthemes.com/wordpress-theme/"
}
</script>

Você pode usar a Ferramenta de teste de dados estruturados do Google para verificar se há erros na sintaxe.

Como implementar marcações de esquema no seu site WordPress?

A implementação do Schema Markup pode ser feita de diferentes maneiras. Você pode segui-los para tornar seu site amigável ao SEO e melhorar a classificação do seu conteúdo no mecanismo de pesquisa. Aqui estão alguns deles:

Escolhendo um tema WordPress com integração embutida com marcação de esquema:

Como você sabe, o WordPress é a plataforma mais popular que consiste em um grande número de modelos para criar sites atraentes em pouco tempo. No entanto, há apenas alguns temas integrados aos códigos Schema Mark Up. Portanto, se você estiver escolhendo um tema do WordPress para iniciar sua presença na web ou dar uma reforma ao seu site existente, verifique se o tema contém pelo menos recursos de esquema comuns. O esquema comum inclui as opções de cabeçalho, rodapé e navegação para permitir que os mecanismos de pesquisa entendam a estrutura do seu site.

Marcando outros dados de esquema com plugins do WordPress

Como mencionado acima, você pode ter dificuldade em encontrar um tema WordPress com integração total com códigos Schema MarkUp. Assim, como alternativa, você pode escolher os plugins do WordPress disponíveis para adicionar o recurso Schema em seu site. Yoast SEO e Schema Pro são os poucos plugins que ajudarão a implementar o Schema MarkUp em seu site.

Coisas para lembrar ao implementar Schema MarkUps

Agora que você sabe como implementar o Schema Markup em seu site WordPress, aqui estão algumas coisas que você pode querer lembrar ao implementar o Schema Markup:

A integração da marcação de esquema pode não garantir uma boa classificação

Schema Markup por si só não garante uma boa classificação do seu conteúdo da web. Existem muitos outros fatores, como autoridade do conteúdo, qualidade do conteúdo, análise de palavras-chave, relevância, etc., que afetam o ranking. Portanto, lembre-se de que o Schema Markup é apenas um dos fatores que podem ajudá-lo a aumentar o ranking do seu conteúdo.

Marcação de esquema leva tempo para entrar em vigor

Se você está se perguntando se o Schema Markup entrará em vigor imediatamente, você está errado. Levará meses para ver o rich snippet nos resultados de pesquisa.

Verifique a marcação de esquema fornecida pelo tema do WordPress e use o plug-in para aprimorar a funcionalidade de acordo

A maior parte do tema WordPress usa apenas esquemas comuns, como cabeçalho e rodapé, navegação. Embora possa haver algum modelo com outros recursos de implementação relacionados ao esquema. Você pode acessar a Ferramenta de teste de dados estruturados do Google para analisar a implementação do esquema do seu site e escolher o plug-in de acordo.