Como personalizar o LD-JSON do Blogger

Como personalizar o LD-JSON do Blogger. o JSON-LD é implementado utilizando o vocabulário Schema.org. Aprenda a personalizar.
Sil Campos
Como personalizar o LD-JSON do Blogger


JSON-LD ou JavaScript Object Notation for Linked Data, é um formato leve de dados vinculados. É fácil para humanos ler e escrever. Ele é baseado no formato JSON já bem-sucedido e fornece uma maneira de ajudar os dados JSON a interagirem em escala na Web.

Em termos de SEO, o JSON-LD é implementado utilizando o vocabulário Schema.org, que é uma colaboração do Google, Bing, Yahoo! e Yandex em 2011 para criar um vocabulário unificado de dados estruturados para a web.

O tipo de script LD-JSON das postagem nos blogs do Blogger

Este é o script ld + json mínimo gerado para a postagem do blog.

<script type='application/ld+json'>
 {
  "@context": "http://schema.org",
  "@type": "BlogPosting",
  "mainEntityOfPage":{
    "@type":"WebPage",
    "@id":"<data:blog.url.canonical/>"
  },
  "headline": "<data:view.title.escaped/>",
  "image": {
    "@type": "ImageObject",
    <b:if cond='data:view.featuredImage'>"url": "<b:eval expr='resizeImage(data:view.featuredImage, 1200, "1200:630")'/>",
    <b:elseif cond='data:blog.postImageUrl'/>"url": "<b:eval expr='resizeImage(data:blog.postImageUrl, 1200, "1200:630")'/>",
    <b:else/>"url": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQd0gkBoSXDJP-CgLIOziBmlKmCy_cgPWX01TlGDuCEp25kLDfv6vnoQbLdau8_HH9KE3oAv2KmLa3qGlHkCdSq7vie72cxSRIIcoJOnCu_8JJ3vmfmtzjqbw5BOKrg_E3hi-BPKzT3HE/d/blog-da-sil.png",
    </b:if>"height": 1200,
    "width": 630
  },
  <b:if cond='data:post.thumbnailUrl'>"thumbnailUrl":"<data:post.thumbnailUrl/>",
  <b:else/>"thumbnailUrl":"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQd0gkBoSXDJP-CgLIOziBmlKmCy_cgPWX01TlGDuCEp25kLDfv6vnoQbLdau8_HH9KE3oAv2KmLa3qGlHkCdSq7vie72cxSRIIcoJOnCu_8JJ3vmfmtzjqbw5BOKrg_E3hi-BPKzT3HE/d/blog-da-sil.png",
  </b:if>"datePublished": "<data:post.timestampISO8601/>",
  "dateModified": "<data:post.lastUpdatedISO8601/>",
  "author": {
    "@type": "Person",
    "name": "<data:post.author/>"
  },
  "publisher": {
    "@type": "Organization",
    "name": "<data:title/>",
    "logo": {
      "@type": "ImageObject",
      "url": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL8KwDutgrlPFdM-W8KDHLn_4FuupDf1M8k9OvI4aXTVjYsiWR1bMZGnNVZP-xBHTYPxwrcXbAvvCzvRkCkxN1ElHZrjoFIHUSqGC3tiEh-qQRYr1MRZWPd2xPMR4JbHyp8nF4XI_6GbQ/s220/924aa.jpg",
      "width": 99,
      "height": 58
    }
  },
  "description": "<data:view.description.escaped/>"
 }
</script>

Como implementar a estrutura de dados LD-JSON

  1. Faça login no painel do seu blogger.
  2. Clique em Tema > Editar HTML.
  3. Clique na área de texto Código HTML e pressione CTRL + F no teclado.
  4. Na pequena área de entrada, apareça no canto superior da nossa área de Código HTML, preencha com o texto abaixo e pressione Enter no teclado.
<b:includable id='post' var='post'>
Uma vez encontrado, insira o script LD + Json acima, logo abaixo do texto. 
Nossa estrutura de código pode ser semelhante:
<b:includable id='post' var='post'>
<script type='application/ld+json'>
  <-- content -->
</script>
<-- other code -->
Faça a edição dos links das imagens acima com as suas imagens e salve o tema.

Vá para Ferramentas de teste de dados de estrutura do Google, escolha um URL aleatório de postagem do seu blog e execute um novo teste inserindo um dos URLs da postagem do blog. Se o resultado não mostrar erro, isso significa que nossos Dados estruturados LD + Json são válidos.

Explicação da estrutura de dados LD-JSON

O primeiro URL na parte "ImageObject" é uma imagem substituível padrão se a postagem não tiver uma imagem em destaque  ou nenhuma imagem. Crie e faça o upload no editor de postagem do blog com 1200px de largura e 600px de altura e pegue o URL dessa imagem. Precisamos usar o URL com / s1600 / para obter o tamanho total da imagem, exemplo https://4.bp.blogspot.com/ ... / s1600 / sample.jpg e substituímos então pelo primeiro link do código.

A segunda parte é o "thumbnaiURL", com largura e altura mínimas de 50px. Será acionado quando nenhuma imagem em miniatura estiver presente em uma postagem.

O terceiro URL será a imagem de logotipo "logo": {
, crie um e faça o upload e, em seguida, pegue e substitua o segundo  como fazemos no primeiro URL. Logo após a largura e a altura do nosso logotipo, ele tem regras para tornar nosso json-ld válido, tornando uma altura do logotipo menor que 60px.

Nos temas mais recentes do Blogger, a estrutura LD-JSON inclui, por padrão, a chamada de inclusão  <b: include name = 'postMetadataJSON' /> , que é gerenciada pelo servidor do blogger. 
Se você deseja usar o nosso formato em uma versão mais recente das variantes do blog, localize 
<b: include name = 'postMetadataJSON' />
exclua essa inclusão e insira esse nosso.

Gostou? Avalie esse artigo e deixe seu comentário para eu saber que consegui te ajudar. 😍