Como adicionar marcação de esquema de artigo a postagens de blog

Schema é uma linguagem usada para ajudar os mecanismos de pesquisa a entender o conteúdo do seu site. Saiba mais sobre os tipos de esquema existentes e como adicioná-los para dar ao seu site a melhor chance de ser visto.

Quando os mecanismos de pesquisa rastreiam as páginas do seu site, eles estão tentando entender do que trata cada página. Isso é para indexá-los e servi-los aos visitantes quando eles procuram algo relevante. Para fazer isso, eles precisam entender todo o código HTML do seu site. Dependendo da forma como seu site é construído, isso pode ou não ser fácil para eles.

Schema (também conhecido como dados estruturados, rich snippets ou microdados), é uma linguagem que é universalmente compreendida pelos motores de busca, com extrema facilidade. Essencialmente, o esquema informa aos mecanismos de pesquisa sobre o que trata seu site ou uma página específica em termos muito simples.

Por que adicionar esquema de artigo a postagens de blog?

Se você está escrevendo um conteúdo incrível, é lógico que gostaria que os mecanismos de pesquisa o entendessem facilmente: digite schema, uma linguagem literalmente construída para tornar seu conteúdo mais fácil de entender.

Além disso, por volta de março de 2016, dados estruturados foram adicionados ao algoritmo de fatores de classificação do Google. Portanto, ter isso em suas páginas pode ajudá-lo a obter uma classificação melhor de suas postagens de blog de cauda longa, auxiliando assim sua estratégia de marketing de conteúdo e metas gerais de marketing digital.

Além disso, se você lê nosso blog ou qualquer outra notícia de marketing digital, sabe que as Accelerated Mobile Pages (AMP) têm sido um grande tópico para blogs e sites de publicação. Eles dependem fortemente de dados estruturados para seus recursos avançados. Conhecer tipos mais simples, como o esquema BlogPosting, é uma maneira infalível de ajudar a se preparar para isso.

Finalmente, se você precisa de mais convencimento, ter dados estruturados sobre notícias, postagens de blogs ou artigos do seu site pode melhorar a aparência do seu site nos motores de busca. Isso pode permitir que você apareça no carrossel de notícias principais (no entanto, lembre-se de que isso não é garantido pelo Google, pois eles parecem priorizar as páginas AMP acima de qualquer outra coisa no momento).

Que tipos de esquema de artigo posso adicionar?

Existem vários tipos de esquema de artigo que podem ser adicionados: NewsArticle ou BlogPosting sendo os mais comuns. Para a maioria das empresas (a menos que você relate notícias), eu recomendo usar o esquema BlogPosting, pois é mais específico para o que o artigo é. Quanto mais específico você for com o esquema, mais fácil será para os mecanismos de pesquisa compreenderem totalmente o seu site. Portanto, para fins de clareza, usarei o esquema BlogPosting como exemplo.

Como Adicionar Esquema BlogPosting

Hoje em dia, muitos CMS irão adicioná-lo automaticamente ou, pelo menos, será compatível com um plugin que o faça. Por exemplo, Yoast para WordPress, Amasty para Magento etc. - você só precisa encontrar aquele que é compatível com o seu site e certificar-se de que não interfere com outros plug-ins ou velocidade do site. Isso também é extremamente útil, pois significa que cada postagem de blog que você escrever terá o esquema BlogPosting inserido dinamicamente nele - você não precisa adicioná-lo a cada postagem.

Para um site construído com um CMS personalizado, pergunte aos seus desenvolvedores como eles poderiam adicioná-lo. Pode ser que eles precisem fazer isso embutindo-o na página - mas se eles puderem construir modelos de página que suportem esquema, seria melhor. Veja mais adiante neste blog o que eles precisariam inserir nas páginas.

Se você não conseguir obter um plug-in que o insira dinamicamente e seus desenvolvedores não conseguirem codificá-lo no site, seu último recurso é adicioná-lo por meio do Gerenciador de tags do Google. É o último recurso, pois apenas o Google seria capaz de ver o código - o GTM também pode ser temperamental às vezes, então não é o ideal.

Esse método não exige que você realmente altere o código no site. Para adicionar o esquema do artigo, como empresa, você precisa já ter o esquema da organização em seu site. Para configurar isso, verifique uma postagem do blog que escrevi no mês passado, que contém um guia passo a passo - novamente, lembre-se de que plug-ins e hardcoding são as opções preferíveis.

Semelhante a adicionar o esquema da organização a um site, para adicionar o esquema do artigo, você precisa criar um gatilho e uma tag HTML personalizada. Exceto que, desta vez, você não quer que seu gatilho segmente “todas as páginas”, você quer que seja direcionado para o URL específico da postagem do blog. Por exemplo, para adicionar o esquema BlogPosting a uma das postagens do blog do meu cliente: http://applefostering.co.uk/skills-foster/ Eu configurei um gatilho no Gerenciador de tags como este:

Uma vez que o gatilho é configurado, você precisa criar a tag real. Tal como acontece com o esquema da organização, é uma tag HTML personalizada na qual você precisa adicionar o seguinte (obviamente, tendo substituído os campos pelos detalhes de sua própria empresa e artigo):

<tipo de script = ”aplicativo / ld + json”>
{
“@Context”: “http://schema.org”,
“@Type”: “BlogPosting”,
“MainEntityOfPage”: {
“@Type”: ”WebPage”,
“@Id”: ”http://applefostering.co.uk/skills-foster/”
},
“Headline”: “The Skills to Foster”,
“Imagem”: {
“@Type”: “ImageObject”,
“Url”: “http://applefostering.co.uk/wp-content/uploads/family.jpg”,
“Altura”: 463,
“Largura”: 700
},
“DatePublished”: “2016-02-12”,
“DateModified”: “2016-02-12”,
“Autor”: {
“@Type”: “Pessoa”,
“Nome”: “Nome da pessoa”
},
“Editora”: {
“@Type”: “Organização”,
“Nome”: “Apple Fostering”,
“Logo”: {
“@Type”: “ImageObject”,
“Url”: “http://applefostering.co.uk/apple-logo-schema/”,
“Largura”: 550,
“Altura”: 60
}
},
“Descrição”: “Uma breve descrição do seu artigo”,
“ArticleBody”: “Você pode colocar o seu artigo inteiro aqui: pode ser o tempo que você quiser.”
}
</script>

Algumas coisas para lembrar:

• A imagem da postagem do blog deve ter no mínimo 700 pixels de largura
• Na seção Editor, o logotipo da sua empresa deve ter 550 pixels de largura x 60 pixels de altura (este não é o caso no esquema regular da organização - somente quando você o adiciona no esquema do artigo)

Se você não respeitar essas regras, o esquema não funcionará - o que é frustrante, pois demorei muito para encontrar essas instruções online.

Depois que esse código for adicionado à sua tag HTML personalizada, aplique-o ao acionador específico da página que você criou anteriormente. Como no meu post anterior, use o modo de visualização e depuração para verificar se ele está sendo disparado na página. Se não for, comece de novo. Se for, publique suas alterações e teste o esquema na Ferramenta de teste de dados estruturados.

Para aqueles de vocês que têm um blog que atualiza todos os dias, é possível dizer ao Gerenciador de tags do Google para gerar isso dinamicamente ou obter um plug-in para fazer isso. Eu recomendo isso principalmente para sites que têm um grande número de postagens de blog (como atualizações diárias).

Encontre mais maneiras de aumentar a visibilidade do seu site

Se precisar de ajuda com seu SEO, não hesite em nos contatar.