Open Graph
O Open Graph é um vocabulário usado para marcação semântica de dados da web. Ele permite controlar a pré-visualização que é gerada ao publicar links em redes sociais e transmitir informações para outros serviços da internet. Para maiores detalhes, consulte o site oficial.
Observação
Os dados com marcação são públicos e podem ser extraídos e usados por qualquer serviço.
Atenção
Se você incorporar micromarcação usando um plug-in, provavelmente será preciso modificá-lo. Para isso, entre em contato com o desenvolvedor do plug-in ou outro profissional com conhecimentos de programação.
Princípios de marcação
Os dados sobre um objeto no Open Graph são descritos por conjuntos de pares propriedade-valor em tags meta. A propriedade deve ser especificada em property e seu valor deve ser especificado em content.
Observação
Propriedades e valores são sensíveis a maiúsculas e minúsculas. Especifique-os conforme mostrado nos exemplos e no padrão.
O padrão exige que os dados do Open Graph estejam localizados na tag head. No entanto, para coletar estatísticas de conteúdo, recomendamos posicionar as tags meta no nó em que o conteúdo estiver incorporado, especialmente quando houver vários itens de conteúdo na página. Isso é necessário para o cálculo correto das métricas de rolagem completa e leitura completa.
Como marcar materiais
Marque os seguintes elementos de conteúdo (elementos obrigatórios são listados com um asterisco):
Tipo do objeto descrito*
-
O Yandex Metrica só aceita marcação de article. Outros tipos de conteúdo não serão incluídos nos relatórios do Yandex Metrica, mesmo que a marcação esteja correta. O tipo de objeto é especificado na propriedade
og:type.<meta property="og:type" content="article">
Título*
- O título é mostrado nos relatórios do Yandex Metrica. Ele é especificado na propriedade
og:title.<meta property="og:title" content=”A temperatura em Moscou na quarta-feira, 6 de novembro, quebrou o recorde instaurado em 1922.”>
Texto*
-
O texto é o conteúdo do nó que contém o material descrito. Se a marcação estiver na tag
head, o texto será o conteúdo integral da tagbody. Os símbolos de tag não são levados em conta. O texto define o número de caracteres. Isso é necessário para determinar o volume do material e calcular as métricas de profundidade de rolagem e profundidade de leitura.Observação
É possível obter estatísticas completas para conteúdos com mais de 500 caracteres de texto.
-
O autor é especificado usando a propriedade
article:author. Se houver vários autores, liste-os em diferentes tags meta.<meta property="article:author" content="John Smith"> <meta property="article:author" content="Dylan Brown">Com esses dados, você poderá visualizar estatísticas relativas a autores individuais.
Assunto
-
É possível marcar palavras-chave e hashtags como tópicos. Especifique os tópicos na propriedade
article:tag. Se houver vários tópicos, liste-os em diferentes tags meta.<meta property="article:tag" content="Calor"> <meta property="article:tag" content="Moscou">
Datas de publicação e revisão
-
As datas de publicação e alterações são especificadas nas propriedades
article:published_timeearticle:modified_time. As datas são escritas no formato ISO 8601.<meta property="article:modified_time" content="2018-12-11T08:56:49Z"> <meta property="article:published_time" content="2018-11-06T09:26:10+04:00">
Categoria
-
Cabeçalho é uma seção em um site dedicada a um tópico específico. Para especificar uma categoria de material, use a propriedade
article:section.<meta property="article:section" content="Tempo">
URL do conteúdo
-
A URL do conteúdo deve estar contida na propriedade
og:url.<meta property="og:url" content="https://www.exemplo-noticia.com.br/vida/tempo/moscou"/>Caso contrário, o valor será pego do link canônico:
<link rel="canonical" href="https://www.exemplo-noticia.com.br/vida/tempo/moscou">
Se a marcação estiver correta e a tag estiver devidamente habilitada, as estatísticas sobre o conteúdo começarão a ser coletadas em breve no Yandex Metrica.
Exemplo de marcação
<html prefix="og:http://ogp.me/ns# article:http://ogp.me/ns/article#">
<head>
<title>Moscou quebra o recorde de temperatura de 1922</title>
<meta property="og:type" content="article"/>
<meta property="og:title" content="Moscou quebra o recorde de temperatura de 1922"/>
<meta property="og:url" content="https://www.exemplo-noticia.com.br/vida/tempo/moscou#cao"/>
<meta property="article:section" content="Tempo">
<meta property="article:modified_time" content="2018-12-11T08:56:49Z">
<meta property="article:published_time" content="2018-11-06T09:26:10+04:00">
<meta property="article:author" content="João Silva">
<meta property="article:author" content="Pedro Pereira">
<meta property="article:tag" content="Calor">
<meta property="article:tag" content="Moscou">
...
</head>
<body>
<div>
Na quarta-feira, 6 de novembro, Moscou quebrou o recorde
de temperatura registrado em 1922. A temperatura do ar era de 12,1 °C,
segundo o centro Fobos.
</div>
...
</body>
</html>