Open Graph

Open Graph es un vocabulario utilizado para el marcado semántico de datos web. Le permite controlar la vista previa que se genera al publicar enlaces en redes sociales y transmitir información a otros servicios de internet.

Sitio web oficial de Open Graph

Nota

Los datos con marcado son públicos y cualquier servicio puede extraerlos y usarlos.

Alerta

Si inserta micro marcado usando un plugin, probablemente necesitará modificarlo. Para hacer esto, contacte al desarrollador del plugin u otro profesional con habilidades de desarrollo.

Principios de marcado

Los datos sobre un objeto en Open Graph se describen mediante conjuntos de pares propiedad-valor en metaetiquetas. La propiedad debe especificarse en property y su valor debe especificarse en content.

Nota

Las propiedades y valores distinguen entre mayúsculas y minúsculas. Especifíquelos como se muestra en los ejemplos y el estándar.

El estándar requiere que los datos de Open Graph se ubiquen en la etiqueta head. Sin embargo, para recopilar estadísticas de contenido, recomendamos colocar las metaetiquetas en el nodo donde se incrusta el contenido, especialmente cuando hay múltiples elementos de contenido en la página. Esto es necesario para el cálculo correcto de las métricas de desplazamiento completo y lectura completa.

Cómo marcar materiales

Marque los siguientes elementos de contenido (los elementos obligatorios están marcados con un asterisco):

Tipo del objeto descrito*

Yandex Metrica solo admite el marcado de artículo. Otros tipos de contenido no se incluirán en los informes de Yandex Metrica incluso con el marcado correcto. El tipo de objeto se especifica en la propiedad og:type.

<meta property="og:type" content="article">

Título*

El titular se muestra en los informes de Yandex Metrica. Se especifica en la propiedad og:title.

<meta property="og:title" content="La temperatura registrada en Moscú el miércoles 6 de noviembre batió el récord establecido en 1922.">

Texto*

: El texto es el contenido del nodo que contiene el material descrito. Si el marcado está en la etiqueta head, el texto será todo el contenido de la etiqueta body. Los símbolos de las etiquetas no se tienen en cuenta. El texto define la cantidad de caracteres. Esto es necesario para determinar el volumen del material y calcular las métricas de profundidad de desplazamiento y profundidad de lectura.

Nota

Puede obtener estadísticas completas para contenido con texto de más de 500 caracteres.

Autor

El autor se especifica utilizando la propiedad article:author. Si hay varios autores, enumérelos en diferentes metaetiquetas.

<meta property="article:author" content="John Smith">
<meta property="article:author" content="Dylan Brown">

Con estos datos, puede ver las estadísticas de los autores individuales.

Tema

Puede marcar palabras clave o hashtags como temas. Especifique los temas en la propiedad article:tag. Si hay múltiples temas, enumérelos en diferentes metaetiquetas.

<meta property="article:tag" content="Heat">
<meta property="article:tag" content="Moscow">

Fechas de publicación y revisión

Las fechas de publicación y cambios se especifican en las propiedades article:published_time y article:modified_time. Las fechas se escriben en el 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">

Categoría

Un encabezado es una sección de un sitio web dedicada a un tema específico. Para especificar una categoría de material, use la propiedad article:section.

<meta property="article:section" content="Clima">

URL del contenido

La URL del contenido debe estar contenida en la propiedad og:url.

<meta property="og:url" content="https://www.noticias-ejemplo.com/life/weather/moscow"/>

De lo contrario, el valor se tomará del enlace canónico:

<link rel="canonical" href="https://www.noticias-ejemplo.com/life/weather/moscow">

Si la revisión es correcta y la etiqueta está habilitada correctamente, pronto comenzarán a recopilarse estadísticas sobre el contenido en Yandex Metrica.

Ejemplo de marcado

<html prefix="og:http://ogp.me/ns# article:http://ogp.me/ns/article#">
  <head>
    <title>Moscú rompe el récord de temperatura de 1922</title>
    <meta property="og:type" content="article"/>
    <meta property="og:title" content="Moscú rompe el récord de temperatura de 1922"/>
    <meta property="og:url" content="https://www.noticias-ejemplo.com/life/weather/moscow#cao"/>
    <meta property="article:section" content="Clima">
    <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="John Smith">
    <meta property="article:author" content="Dylan Brown">
    <meta property="article:tag" content="Calor">
    <meta property="article:tag" content="Moscú">
    ...
  </head>  
 <body>
   <div>
     El miércoles 6 de noviembre, Moscú batió el récord de temperatura 
          registrado en 1922. La temperatura del aire fue de más 12.1 grados centígrados, 
          según el centro Fobos.
   </div>
   ...
 </body>
</html>

Más información

Informes de contenido

Chatee con nosotros

Escriba un correo electrónico

Tome en cuenta: Nuestro equipo de soporte nunca iniciará llamadas hacia usted. No siga las instrucciones de personas que le llamen y se presenten como el equipo de soporte de Yandex Metrica.

Enlaces útiles

Capacitación en línea

¿Ha sido útil el artículo?

JSON-LD

Comercio electrónico