O Schema.org o vocabulário é o melhor collab.

Graças a uma mútua de handshake entre o Google, Microsoft, Yahoo! e Yandex, temos uma biblioteca de campos que podemos usar para realçar e mais apropriadamente definir as informações em páginas da web. Utilizando dados estruturados, nós fornecemos motores de busca com mais confiança (isto é, um melhor entendimento do conteúdo da página), como Alexis Sanders explica esse maravilhoso podcast. Isso pode ter efeitos positivos, incluindo atraente SERP exibe e melhorar o ranking.

Se você é um SEO, quão confiante você está em auditoria ou a criação de marcação estruturada de dados usando o Schema.org vocabulário? Se você apenas mudou na sua cadeira desconfortavelmente, então este é o guia para você. Nele, pretendo desmistificar algumas das sintaxe JSON-LD, bem como compartilhar dicas úteis sobre como criar dados estruturados para páginas da web.

Compreender a sintaxe JSON-LD

Enquanto há um par de maneiras diferentes você pode marcar sobre o conteúdo da página, este guia irá focar no formato do Google prefere; JSON-LD. Além disso, não vamos entrar em todas as suas complexidades, mas, ao invés, os casos mais comuns e úteis para a SEOs.

Chaves

A primeira coisa que você notará após a abertura da tag é um aberto de chaveta. E, pouco antes do fechamento , fechado chaveta.

Todos os nossos dados estruturados vai viver dentro dessas duas chavetas. Como podemos construir a nossa marcação, estamos propensos a ver adicional de chaves, e que é onde recuo realmente ajuda a manter as coisas de ficar muito confuso!

As aspas

A próxima coisa que você irá notar é entre aspas. Toda vez que nós chamamos de um tipo de Esquema, ou de uma propriedade, ou de preencher um campo, nós vamos colocar as informações em aspas.

Dois pontos

Próximos são o sinal de dois pontos (sem rir). Basicamente, cada vez que nós chamamos de um tipo ou de uma propriedade, em seguida, precisamos usar uma vírgula para continuar a introduzir informações. É um separador de campo.

Vírgulas

As vírgulas são usadas para definir a expectativa de que outro valor (i.e. obter mais informações) está chegando.

Observe que depois que o campo de informação para o “logo” a propriedade é preenchido, não há nenhuma vírgula. Isso é porque existe nenhuma informação adicional a ser mencionado.

Suportes

Quando nós chamamos de uma propriedade que inclui duas ou mais entradas, podemos usar um parêntesis aberto e um fechado de suporte como um gabinete.

Veja como incluímos dar o Peixe Digital do Facebook e perfis do Twitter no “sameAs” propriedade? Desde há mais de uma entrada, colocamos as duas entradas, dentro de colchetes (eu chamo isso de uma matriz). Se nós apenas incluído o Facebook URL, nós não use parênteses. Podemos simplesmente coloque o valor (URL) entre aspas.

Interior chaves

Sempre que nós chamamos de uma propriedade que tem uma expectativa de “tipo”,” vamos usar interior chaves para incluir as informações.

Na imagem acima, o “contactPoint” propriedade foi chamado. Esta propriedade em particular tem um tipo esperado de “ContactPoint.” Não é bom e confuso? Nós vamos passar por cima disso em mais detalhes mais tarde, mas por agora basta notar que, após o “contactPoint” a propriedade é chamado, interior de chaveta foi aberto. Em seguida, você verá a ContactPoint tipo de chamado. As propriedades dentro desse tipo foram declarados (“telefone” e “contactType”) e, em seguida, o interior chaves foram fechados.

Há algo mais nesse caso de uso que, se você pode compreender agora, você vai economizar um monte de problemas no futuro:

Olhe como não há vírgula depois de “serviço ao cliente.” Isso porque não há mais informações para compartilhar dentro desse conjunto. Mas há uma vírgula depois de fechada, interior de chaveta, uma vez que não há mais dados a vir (especificamente, o “sameAs” propriedade).

A criação de marcação estruturada de dados com um gerador online

Agora que sabemos um pouco sobre a sintaxe, vamos iniciar a criação de marcação estruturada de dados.

On-line os geradores são grandes se você é um novato ou como uma forma de criar uma linha de base de marcação para criar fora (e para economizar tempo). O meu favorito é o Esquema de marcação gerador de Merkle, e é a que eu vou estar usando para esta parte do guia.

Em seguida, você precisará escolher uma página e um tipo de marcação. Para este exemplo, eu escolhi https://gofishdigital.com/ como a nossa página e a Organização como nosso tipo de marcação.

Depois de preencher algumas informações, nossa ferramenta tem criado alguns fantástica linha de base a marcação para a página inicial:

Espero que, depois da nossa aula sobre a sintaxe, você pode ler a maioria (ou todas) este exemplo sem problema!

Criação personalizada de marcação estruturada de dados com um editor de texto

Linha de base marcação vai fazer muito bem, mas podemos ir além do gerador online de presets, ter total controle, e escrever belo costume de dados estruturados para a nossa página. No https://schema.org/Organization, você verá todas as propriedades disponíveis que se enquadram na Organização de tipo de marcação. Que é muito mais do que as ferramentas on-line oferecem, então, vamos arregaçar as mangas e entrar em alguns problemas!

Baixe um editor de texto

Neste ponto, temos que colocar as rodinhas de distância e deixar as ferramentas on-line para trás (única lágrima). Precisamos de algum lugar que pode editar e criar marcação personalizada. Eu não vou ser gentil sobre este — comece um editor de texto AGORA. Vale bem a pena o dinheiro e irá atendê-lo muito além de marcação estruturada de dados. Eu vou estar usando meu editor de texto favorito, Sublime Texto 3.

Dica profissional: Vá em Exibir > Sintaxe > Javascript > JSON para definir a sua sintaxe adequadamente.

Eu tenho ido em frente e colou alguma linha de base da Organização marcação do gerador para o Sublime Text. Aqui está o que ele se parece:

Adicionando propriedades: modo Fácil

A página em https://schema.org/Organization tem todos os campos disponíveis para o tipo de Organização. Nossa linha de referência de marcação não tem informações de e-mail, então eu revi o Esquema de página e achei isso:

A primeira coluna mostra que há uma propriedade por e-mail. Pontuação! Vou acrescentar uma vírgula depois da nossa colchete de fechamento para configurar a expectativa para obter mais informações, então eu vou adicionar o e-mail de “propriedade”:

A segunda coluna Schema.org é o “tipo esperado.” Desta vez, ele diz que “o texto”, o que significa que podemos simplesmente digitar no the endereço de e-mail. Nossa, eu adoro quando é fácil.

Vamos continuar a pressionar. Quero ter certeza de que o nosso número de telefone é parte desta marcação, então vamos ver se há uma propriedade para que…

Bingo. E o tipo esperado é simplesmente “texto”. Eu estou indo para adicionar uma vírgula depois de “e-mail” propriedade e atire em “telephone”. Não há necessidade de destacar qualquer coisa neste exemplo, eu posso dizer que você está recebendo o jeito dele.

Adicionando propriedades: modo de disco Rígido

Em seguida, vamos adicionar uma propriedade que é um pouco mais complicado — o “endereço” da propriedade. Tal como o “e-mail” e “telefone” vamos controlar a https://schema.org/Organization.

Então, eu vejo “texto”, mas vejo também um tipo esperado de “PostalAddress.” O nome do jogo com dados de marcação é: se você pode ser mais específico, ser mais específico. Vamos clicar em “PostalAddress” e ver o que está lá.

Eu vejo uma série de propriedades que necessitam de simples valores de texto. Vamos escolher algumas destas propriedades e adicione em nosso “endereço” de marcação!

Aqui estão os passos que tomou para adicionar este marcação:

• Colocou uma vírgula depois de “telefone”, de propriedade
• Chamado de o “endereço” de propriedade
• Desde o “endereço” propriedade tem um tipo esperado, eu abri interior chaves
• O chamado “PostalAddress” tipo
• Chamado de propriedades dentro do “PostalAddress” tipo
• Fecharam o interior chaves

Você pode manchar tudo o que a partir da imagem acima? Se é assim, então parabéns, você concluiu o Modo Hard!

A criação de uma matriz complexa

Em nossa discussão sobre suportes, mencionei uma matriz. Matrizes podem ser utilizadas quando uma propriedade (por exemplo, “sameAs”) tem duas ou mais entradas.

Isso é um grande exemplo de uma matriz simples. Mas há momentos em que temos que criar matrizes complexo. Por exemplo, Ir de Peixe Digital tem dois locais diferentes. Como poderíamos criar uma matriz para que?

Não é tudo o que o complexo se nós quebrá-lo para baixo. Depois da Carolina do Norte de informações, você verá uma fechada interior chaveta. Eu só entrou uma vírgula e, em seguida, adicionado do mesmo tipo (PostalAddress) e propriedades para o local de Virginia. Desde duas entradas foram feitas para o “endereço” de propriedade, anexei a coisa toda entre parênteses.

Criando um nó de matriz usando @gráfico

No dia 16 de abril de 2019, o Joost de Valk do Yoast anunciou a chegada do Yoast SEO 11.0, que se vangloriou de novo marcação estruturada de dados capacidades. Você pode obter uma visão geral da atualização neste post e neste vídeo. No entanto, eu gostaria de mergulho mais profundo em uma técnica específica que Yoast é utilizando a oferecer motores de busca de forma fantástica informativo, ligado marcação: a criação de um nó de matriz usando @gráfico (*a multidão suspiros).

O código abre com “@gráfico” e, em seguida, abrir um parêntese, que chama uma matriz. Esta é a mesma técnica usada acima na seção “Criando uma Matriz Complexa.” Com a matriz agora aberta, você verá uma série de nós (ou, tipos de Esquema):

• Organização
• Site
• Página da web
• BreadcrumbList
• Artigo
• Pessoa

Eu já separado cada uma (veja abaixo), assim você pode facilmente ver como a matriz é organizada. Há uma abundância de propriedades chamado dentro de cada nó, mas a verdadeira magia é com “@id”.

Sob o WebSite nó, que eles chamam de “@id” e o estado o seguinte URL: https://yoast.com/#website. Mais tarde, depois de terem estabelecido a WebPágina nó, eles dizem que a página da web é parte do yoast.com site com a seguinte linha:

“isPartOf”:{“@id”:”https://yoast.com/#website”}.

Como impressionante é isso? Eles estabeleceram informações sobre o site e uma página da web específica, e, em seguida, fez uma ligação entre os dois.

Yoast faz a mesma coisa sob o Artigo nó. Primeiro, em Página web, que eles chamam de “@id” novamente e o estado a URL como https://yoast.com/wordpress-seo/#webpage. Em seguida, de acordo com o Artigo, eles dizem motores de busca que o artigo (ou post de blog) é a parte da página web com o seguinte código:

“isPartOf”:{“@id”:”https://yoast.com/wordpress-seo/#webpage”}

Como você lida com a marcação abaixo, preste especial atenção a estas duas coisas:

• 6 nós listados acima, cada um separado para melhor visualização
• O “@id” e “isPartOf” chamadas, definir, estabelecer e conectar itens dentro da matriz

Bravo, Yoast!

Página de origem: https://yoast.com/wordpress-seo/

{“@contexto”:”https://schema.org”,

“@gráfico”:[

{

“@type”:”Organização“,

“@id”:”https://yoast.com/#organization”,

“nome”:”Yoast”,

“url”:”https://yoast.com/”,

“sameAs”:[

“https://www.facebook.com/yoast”,

“https://www.instagram.com/yoast/”,

“https://www.linkedin.com/company/1414157/”,

“https://www.youtube.com/yoast”,

“https://www.pinterest.com/yoast/”,

“https://en.wikipedia.org/wiki/Yoast”,

“https://twitter.com/yoast”],

“logo”:{“@type”:”ImageObject”,

“@id”:”https://yoast.com/#logo”,

“url”:”https://yoast.com/app/uploads/2015/09/Yoast-Logo-Icon-120×120.png”,

“caption”:”Yoast”},

“imagem”:{“@id”:”https://yoast.com/#logo”}},

{

“@tipo”:”WebSite“,

“@id”:”https://yoast.com/#website”,

“url”:”https://yoast.com/”,

“nome”:”Yoast”,

“editor”:{“@id”:”https://yoast.com/#organization”},

“potentialAction”:{“@type”:”SearchAction”,

“target”:”https://yoast.com/?s={search_term_string}”,

“consulta-entrada”:”nome=search_term_string”}},

{

“@type”:”Página web“,

“@id”:”https://yoast.com/wordpress-seo/#webpage”,

“url”:”https://yoast.com/wordpress-seo/”,

“inLanguage”:”en-US”,

“nome”:”WordPress SEO Tutorial u2022 O Guia Definitivo u2022 Yoast”,

“isPartOf”:{“@id”:”https://yoast.com/#website”},

“imagem”:{“@type”:”ImageObject”,

“@id”:”https://yoast.com/wordpress-seo/#primaryimage”,

“url”:”https://yoast.com/app/uploads/2008/04/WordPress_SEO_definitive_guide_FI.png”,

“caption”:””},

“primaryImageOfPage”:{“@id”:”https://yoast.com/wordpress-seo/#primaryimage”},

“datePublished”:”2019-03-28T14:05:01+00:00″,

“datademodificação”:”2019-04-11T12:24:14+00:00″,

“description”:”Este é o ÚNICO tutorial, você vai precisar de muito para aumentar o seu tráfego motor de busca pela melhoria de seu WordPress SEO. Querem maior de ranking? A leitura!”,

“breadcrumb”:{“@id”:”https://yoast.com/wordpress-seo/#breadcrumb”}},

{

“@type”:”BreadcrumbList“,

“@id”:”https://yoast.com/wordpress-seo/#breadcrumb”,

“itemListElement”:[

{

“@type”:”ListItem”,

“posição”:1,

“item”:

{“@type”:”Página web”,

“@id”:”https://yoast.com/”,

“url”:”https://yoast.com/”,

“nome”:”Home”}},

{

“@type”:”ListItem”,

“posição”:2,

“item”:{“@type”:”Página web”,

“@id”:”https://yoast.com/seo-blog/”,

“url”:”https://yoast.com/seo-blog/”,

“nome”:”SEO blog”}},

{

“@type”:”ListItem”,

“posição”:3,

“item”:{“@type”:”Página web”,

“@id”:”https://yoast.com/tag/wordpress/”,

“url”:”https://yoast.com/tag/wordpress/”,

“nome”:”WordPress”}},

{

“@type”:”ListItem”,

“posição”:4,

“item”:{“@type”:”Página web”,

“@id”:”https://yoast.com/wordpress-seo/”,

“url”:”https://yoast.com/wordpress-seo/”,

“nome”:”WordPress SEO: o guia definitivo”}}]},

{

“@type”:”Artigo“,

“@id”:”https://yoast.com/wordpress-seo/#article”,

“isPartOf”:{“@id”:”https://yoast.com/wordpress-seo/#webpage”},

“autor”:{“@id”:”https://yoast.com/about-us/team/joost-de-valk/#author”,

“nome”:”Joost de Valk”},

“editor”:{“@id”:”https://yoast.com/#organization”},

“manchete”:”WordPress SEO: o guia definitivo”,

“datePublished”:”2019-03-28T14:05:01+00:00″,

“datademodificação”:”2019-04-11T12:24:14+00:00″,

“commentCount”:”4″,

“mainEntityOfPage”:”https://yoast.com/wordpress-seo/#webpage”,

“imagem”:{“@id”:”https://yoast.com/wordpress-seo/#primaryimage”},

“palavras-chave”:”o Conteúdo de SEO, Google Analytics, o Mobile SEO, Segurança, Velocidade do Site, a Estrutura do Site, Técnicas de SEO, WordPress, Yoast SEO”},

{

“@type”:”Pessoa“,

“@id”:”https://yoast.com/about-us/team/joost-de-valk/#author”,

“nome”:”Joost de Valk”,

“imagem”:{“@type”:”ImageObject”,

“@id”:”https://yoast.com/#personlogo”, “url”:”https://yoast.com/app/uploads/2018/09/avatar_user_1_1537774226.png”,

“caption”:”Joost de Valk”},

“description”:”o Joost de Valk é o fundador e Diretor de Produtos da Yoast e o líder de Marketing e Comunicação para WordPress.org. Ele é um profissional de marketing digital, desenvolvedor e uma Fonte Aberta fanático.”,

“sameAs”:[

“https://www.facebook.com/jdevalk”,

“http://www.linkedin.com/in/jdevalk”,

“https://twitter.com/jdevalk”]}

]}</script

Solução de problemas de marcação

Com todos estes colchetes, chaves e vírgulas em jogo, os erros podem acontecer. Então, como podemos detectar e corrigi-los?

Sublime Texto de relatório de erros

Se você seguiu minha sugestão acima e defina sua sintaxe JSON, Sublime Texto irá destacar alguns erros para você.

Sublime Text detectou um erro e fez um destaque. É importante observar que os erros são “comunicado” de três maneiras:

• O erro é o item realçado.
• O erro está em algum lugar na linha realçada.
• O erro está em algum lugar no campo anterior.

Neste caso, é a terceira opção. Você encontrá-la? Há uma ausência de uma vírgula depois de “[email protected].”

Honestamente, este relatório de erros pode ser confuso no início, mas você vai rapidamente se acostuma e vai começar a apontar o erro(s) com bastante facilidade.

O Google está estruturado de dados da ferramenta de relatório de erros

Ir para https://search.google.com/structured-data/testing-tool > Novo Teste > Trecho de Código. Cole e execute o código. Se houver um erro, isso é o que você verá:

Clique no relatório de erro e a ferramenta irá realçar o campo após o erro. Como você pode ver, a ausência de uma vírgula depois de “info@gofishdigital” tem causado a ferramenta para realçar “telephone”. A lógica é que, sem a vírgula, essa linha é realmente o erro. Faz sentido lógico, mas pode ser confuso, por isso vale a pena destacar.

Sublime do Texto “oculto” recurso de sublinhado

Validação de marcação estruturada de dados pode ser enlouquecedora, e cada pequeno truque ajuda. Como seus dados estruturados fica mais complicado, o número de secções e entre colchetes e chaves tende a aumentar. Sublime Texto tem um recurso que você pode não ter notado que pode ajudar você a manter o controle de tudo!

Na imagem acima, eu coloquei o meu cursor na primeira linha associados com o “sameAs propriedade”. Olhe de perto e você verá que a Sublime Texto sublinhou os colchetes associadas a este agrupamento. Se o cursor é colocado em qualquer lugar dentro de um grupo, você vai precisar de os sublinhados.

Muitas vezes eu usar esse recurso para corresponder minha suportes e/ou chaves para ter certeza de que eu não tenha deixado qualquer ou adicionado um extra.

A validação de seus dados estruturados

Claro, o objetivo final de toda esta verificação de erros para obter o seu código para validar. As dicas de solução de problemas acima irá ajudá-lo a desenvolver uma prova de balas método de verificação de erros, e que você vai acabar com a sensação eufórica que validou a marcação dá!

Usando a pesquisa do Google para casos únicos

As lições e os exemplos neste guia deve fornecer uma sólida e versátil de dados de conhecimento para a maioria dos SEOs para trabalhar. Mas você pode ficar em uma situação em que você está inseguro sobre como acomodar. Nesses casos, Google it. Eu aprendi muito sobre JSON-LD estruturado de dados e o Esquema de vocabulário, estudando casos de uso (alguns que só vagamente se encaixam no meu situação) e a mexer com o código. Você vai correr em um monte de inteligente e original de aninhamento de técnicas que realmente vai começar suas rodas girando.

Dados estruturados e o futuro da pesquisa

Os rumores são de que dados estruturados só vai se tornar mais importante no futuro. É uma das formas que o Google coleta informações sobre a web e o mundo em geral. É no seu melhor interesse como um SEO para desatar o nó do JSON-LD estruturado de dados e o Esquema de vocabulário, e eu espero que este guia tenha ajudado a fazer isso.