Micro marcado en Yandex. Direcciones y organizaciones. Cómo eliminar una sola etiqueta

También analizamos en qué productos se utiliza.

Ahora decidimos mostrar cómo el micromarcado interviene en la vida de los sitios existentes: revisamos todas las oportunidades que brinda a las tiendas en línea, los sitios de medios y los sitios de alojamiento de videos, y descubrimos su demanda entre los proyectos más grandes de RuNet. .

Las personas responsables del desarrollo y toda la parte técnica de sitios como Holodilnik.ru, Ozon.ru, Lenta.ru, Interfax.ru e Ivi.ru respondieron preguntas sobre cómo se implementa el micromarcado en la práctica y qué resultados permite lograr. Y nosotros, por nuestra parte, dijimos qué tipos recomendaríamos a dichos sitios y por qué.

Tiendas online Denis Egorov, jefe de marketing online de Holodilnik.ru: En el sitio web holodilnik.ru decidimos introducir dos tipos de marcado a la vez: Open Graph y Schema.org/Product. El motivo de esta elección es simple: uno de estos tipos admite el motor de búsqueda en "I" y el segundo admite el motor de búsqueda en "G" :) Fue bastante fácil implementarlo y no tuvimos que arrepentirnos de nuestra elección.

Por supuesto, muchos ahora se preguntan cuál es la efectividad de tal o cual implementación, incluida la efectividad de la implementación del marcado mundial: todo requiere recursos, que luego deben justificarse. Esta pregunta es realmente interesante. En el momento de la implementación, consideramos que el marcado era una mejora necesaria y no teníamos el objetivo de monitorear directamente su efectividad. Sin embargo, en el año transcurrido desde su implementación, hemos recibido lo siguiente: la profundidad de visualización de los visitantes de los motores de búsqueda ha aumentado casi 2 veces, mientras que la tasa de rebote ha disminuido entre 3 y 4 veces. El número de logros de objetivos aumentó entre un 20 y un 30%. De acuerdo, este es un buen indicador. Y aunque, por supuesto, no atribuimos todo este crecimiento únicamente a la introducción de microdatos, una parte importante del cambio en estos indicadores se debe ciertamente a ella.

Andrey Kuzmichev, jefe de optimización de búsqueda de Ozon.ru: En Ozon.ru hemos implementado marcas de diferentes estándares, porque cada uno de ellos ofrece ventajas en algo diferente: los microformatos hCard y Schema.org proporcionan una representación de alta calidad en los motores de búsqueda. y Open Graph, en las redes sociales. En general, gracias a este marcado, nuestros fragmentos se han vuelto mejores y más estructurados.

No nos vamos a quedar ahí, y los buscadores tampoco, al parecer. Cuantos más tipos nuevos de micromarcación comiencen a tener en cuenta, más oportunidades tendrán las tiendas de destacarse de alguna manera en las búsquedas. Por lo tanto, el marcado Schema.org/Product recientemente comenzó a tenerse en cuenta en el nuevo programa de afiliados de Yandex para el marcado de productos. Sin embargo, para algunas categorías utilizaremos el marcado semántico de productos junto con el programa Productos y Precios, que hasta ahora a veces proporciona ventajas en la velocidad de actualización de los datos de los productos. Y nuestros programadores ya tienen esta tarea.

El sitio web típico de una tienda en línea consta de páginas con productos, catálogo, contactos e información de entrega. Al etiquetar sus páginas de productos y contactos, puede mejorar su visibilidad en los motores de búsqueda.

Para las páginas de productos en Schema.org, existe un tipo grande llamado Schema.org/Product que puede usarse para describir casi cualquier cosa en detalle. Gracias a este marcado, se generan fragmentos estructurados en Yandex con una descripción del producto y el precio.

Para generar dichos fragmentos, necesita los campos especificados nombre, descripción, precio y moneda de precio:

masajeador Beurer MG 81 El masajeador Beurer MG81 es un dispositivo moderno, elegante y multifuncional. Los cabezales de masaje grandes y de forma ergonómica realizan un masaje de vibración profunda (percusión) en cualquier parte del cuerpo. Además, la zona del cuerpo que se masajea se puede calentar con un elemento calefactor por infrarrojos. También es posible conectar 2 accesorios de masaje diferentes. Un masajeador vibratorio con emisor de infrarrojos puede proporcionar masajes con diferentes intensidades. Puedes masajearte tú mismo o con la ayuda de otra persona. Un cable de alimentación largo le permite realizar una sesión de masaje en un lugar conveniente, independientemente de la ubicación del tomacorriente. El masajeador también tiene un mango cómodo y antideslizante para un uso fácil y confiable.
3320 frotar.

Las reseñas tienen una gran influencia en las decisiones de compra. Si tiene reseñas, le recomendamos agregar un marcado especial: Producto tiene la propiedad AggregateRating para esto y Microformatos tiene el tipo hReview.

Google genera fragmentos especiales basados ​​en el marcado.

Para hacer esto, debe especificar el valor del campo AggregateRating:
El marcado de organización de Schema.org o el microformato hCard son adecuados para una página de contacto. Con su ayuda, puede participar en el programa de afiliados de Yandex: ingrese al directorio y mejore las respuestas no solo en la búsqueda, sino también en Yandex.Maps.

Al utilizar un microformato, deberá indicar el nombre de la organización, dirección y número de teléfono:

Megamercado online OZON.ru: año tras año

Oficina en Moscú

125252, Moscú, calle Chapaevsky, 14

Y, en nuestra opinión, vale la pena utilizar Open Graph en todas las páginas para que los clientes puedan compartir claramente su tienda online y sus productos en sus páginas y en mensajes privados.

Para crear una vista previa, todo lo que necesitas es un título, una breve descripción y una imagen.

Para una página con una lista de productos, puede agregar el marcado ItemList para obtener una isla especial con un catálogo:

Sartenes Rondell ((totalModelsCount)) ((currentModelsCount))

Teniendo en cuenta que los sitios pueden ofrecer diferentes productos, este tipo de marcado es adecuado para todas las tiendas online que tienen páginas con una descripción y precio de cada producto.

SMI Alexander Lomakin, director técnico de Lenta.ru: En Lenta.ru utilizamos tres tipos de marcado semántico: Open Graph, Twitter Cards y Schema.org.
Con los dos primeros estándares de Facebook y Twitter, todo es simple: nuestros materiales se comparten y gustan mucho, por lo que en las redes sociales no deberían verse peor que en el sitio principal. Con el marcado, controlamos esto marcando la foto, el título y la breve descripción.

El marcado CreativeWork es adecuado para informes de noticias y varios textos, con la ayuda de los cuales se construyen en Yandex un fragmento estructurado y una isla con una tarjeta de noticias.

En Moscú se inaugura el festival de teatro infantil "Big Change" Tradicionalmente, el programa del festival consta de programas principales y especiales. Si el programa principal consta de representaciones extranjeras y rusas, el adicional incluye clases magistrales y reuniones cuyo tema es la tecnología teatral y el arte para niños.
La plataforma Islands se encuentra en etapa de prueba beta.

Puede agregar marcas de Organización o hCard a su página de contactos.

Presentador de vídeo Denis Chudinov, jefe de optimización de Ivi.ru: Empezamos a pensar en introducir el micromarcado recién en 2012, mientras que Yandex comenzó a tener en cuenta los primeros tipos de micromarcado en 2010. Pero más vale tarde que nunca :) Sin embargo, resultó que en 2012 prácticamente no había ejemplos de su uso en RuNet, todos solo habían oído hablar de él, pero no entendían en absoluto cómo ni qué implementar. Por lo tanto, tuvimos que aprender de nuestra propia experiencia: no nos quedó más remedio que considerar nosotros mismos diferentes opciones, estudiar la documentación de los estándares existentes y mirar a nuestros colegas occidentales. En general, experimentamos. Como resultado, decidimos implementar dos tipos: Open Graph y Schema.org/Movie, ya que ayudan a transmitir datos a los motores de búsqueda y a mostrarse bellamente en las redes sociales.

Para nosotros, esta implementación no fue fácil, tanto desde el punto de vista del desarrollo como desde el punto de vista de comprender por qué era necesaria; en ese momento no era muy obvio qué proporcionaría el micromarcado. En general, solo quedó claro que Open Graph es necesario para las redes sociales y Schema.org para los motores de búsqueda. Además, en ese momento no teníamos una métrica separada para medir la efectividad del marcado y no estaba muy claro cómo se podía medir el efecto de su implementación. Sin embargo, pasó un poco de tiempo y empezamos a notar que los "textos izquierdos" comenzaron a desaparecer del texto de los fragmentos en Yandex y se volvieron más informativos; Y nuestros usuarios empezaron a notarlo, lo que no pudo evitar alegrarnos.

Ahora continuamos implementando el micromarcado, esta vez con objetivos y métricas mucho más claros, para conectarnos al programa de afiliados actualizado de Yandex.Video, ya que después de esto esperamos un aumento significativo en el número de visitas de este servicio.

Todos los materiales de video se pueden describir en detalle utilizando el tipo VideoObject de Schema.org o la extensión Open Graph de Yandex. El marcado le permitirá participar en los programas de afiliados de Yandex y Google y aparecer bien tanto en los resultados de búsquedas grandes como en la búsqueda de agregadores de videos.

El marcado indica los datos del vídeo: título, duración, número de episodio, etc.

Y utilizando el marcado Schema.org/Movie puede obtener fragmentos estructurados con descripciones de películas en Yandex:

Para hacer esto, debe marcar información detallada sobre la película:

Cautivo del Cáucaso, o director de Las nuevas aventuras de Shurik

• Alexander Demianenko
• Natalia Varley

Habiendo ido a una de las repúblicas montañosas para coleccionar folklore, el héroe de la película Shurik se enamora de una chica guapa; una deportista, una excelente estudiante y simplemente una belleza. Pero es secuestrada inesperadamente para obligarla a casarse. El ingenuo Shurik no pudo comprender de inmediato lo que estaba pasando ante sus narices, pero luego se apresuró valientemente a liberar al cautivo caucásico.
Los usuarios pueden buscar películas no sólo por título, sino también por otros parámetros: género, director o reparto. Este marcado le ayudará a encontrar los resultados que necesita en su sitio.

Actualmente, el 30% de las páginas conocidas por Yandex tienen marcado semántico. Las respuestas de los representantes del sitio son una parte pequeña pero muy indicativa de la experiencia de utilizar el marcado. Si tú también lo tienes, ¡compártelo en los comentarios!

Agradecemos a nuestros socios por sus respuestas y ayuda en la compilación de este artículo.

Con esto concluye la serie de publicaciones tutoriales sobre marcado semántico. Escribimos sobre varios diccionarios y estándares de sintaxis, sobre productos basados ​​​​en marcas y en este artículo analizamos ejemplos en vivo de sitios Runet que usan y recomiendan marcas.

Esperamos que estos artículos le hayan ayudado a comprender qué es el marcado semántico y cómo puede beneficiarle. A su vez, nosotros, el equipo de Web Semántica de Yandex, continuaremos creando productos y herramientas que puedan ayudar a trabajar con el marcado semántico y continuaremos escribiendo sobre ello.

Etiquetas: Agregar etiquetas

26.05.2017 Tiempo de lectura: 30 minutos

Uno de los deseos más profundos de los propietarios de sitios web y especialistas en SEO es hacer que su sitio web destaque en los resultados de búsqueda para que se destaque de la competencia y los usuarios hagan clic en él con más frecuencia. El método más eficaz para lograr este objetivo es trabajar con datos estructurados. En este artículo intentaremos comprender qué son los datos estructurados y cómo puedes implementarlos en tu sitio web.

¿Dónde empezó todo?

El esquema unificado de formatos para el marcado semántico de sitios, que ahora todos conocemos y utilizamos, apareció en 2011 con el apoyo de gigantes como Google, Yahoo! y Microsoft (más tarde se unió un cuarto jugador, Yandex). Antes de esto, el marcado de datos existía en diferentes formatos y no existía una estructura única. Por ejemplo, Yahoo! Había un servicio llamado "SearchMonkey", que ya en 2008 permitía marcar datos en una página y crear fragmentos únicos en los resultados de búsqueda de su motor de búsqueda.

Las corporaciones tenían un objetivo global: desarrollar un formato común para datos estructurados que mejoraría la visualización de los sitios en los motores de búsqueda y mejoraría la calidad de la búsqueda. Los iniciadores lograron sus objetivos y como resultado nació el diccionario Schema.org, que combina una gran cantidad de reglas para el marcado de microdatos en el sitio.

¿Qué son los datos estructurados?

Los datos estructurados son información que se presenta de forma unificada y correcta de acuerdo con un determinado conjunto de reglas.

No describiremos los principios de trabajo con cada diccionario; analizaremos con más detalle solo tres de ellos: Json-ld, Opne Graph y Schema.org.

Comencemos con el popular diccionario de microdatos esquema.org. El resultado de la colaboración entre Google, Yahoo!, Microsoft y Yandex se está desarrollando activamente y se actualiza periódicamente hasta el día de hoy. En el momento de la creación del artículo, el diccionario contiene descripciones de 589 tipos de documentos, 860 propiedades de objetos y 114 valores específicos. En esta página se incluye una lista completa de todas las propiedades en una jerarquía ramificada.

El principal tipo de entidad más alto en el diccionario de Schema.org es Cosa, que a su vez se divide en varios otros subtipos. Algunos de ellos:

• CreativeWork – un conjunto general de reglas para describir el trabajo creativo: artículos, libros, películas, fotografías, software, etc.;
• Evento – un conjunto de reglas para eventos que han ocurrido o ocurrirán en un período de tiempo determinado: reuniones, conciertos, exposiciones, etc.;
• Intangible es una clase de servicio que incluye varias cosas intangibles como tamaños, calificaciones, descripciones de puestos vacantes, servicios, etc.;
• Organización: un conjunto de reglas para marcar organizaciones; en la página de empresas locales se incluye una lista completa de diferentes tipos de empresas. También puede ver esta lista en la ayuda de Yandex https://yandex.ru/support/webmaster/supported-schemas/address-organization.html;
• Persona: entidad utilizada para describir individuos o personajes vivos, fallecidos o ficticios;
• Lugar – un conjunto de reglas para algo que tiene una ubicación física fija (edificio, parque, monumento, etc.);
• Producto es todo lo que se crea para la venta. Por ejemplo, un par de zapatos, un billete o un coche.

Cada subtipo incluye una gran cantidad de etiquetas de descripción, por lo que casi cualquier tipo de negocio encontrará el tipo de marcado necesario.

La mayoría de las etiquetas del diccionario tienen casos de uso en forma de un fragmento de código HTML de ejemplo o un script JSON-LD. A continuación veremos ejemplos de diseños de páginas con un artículo (artículo), producto (producto) y organización (organización).

Plantilla de marcado de artículo usando Schema.org

La mayoría de las veces, se marcan microdatos como URL, fecha de publicación, fecha de modificación, título, imagen, autor, editor, etc. Veamos un ejemplo específico:

Ejemplos de marcado de artículos usando Schema.org NOMBRE APELLIDO "ANCHO DEL LOGOTIPO EN PÍXELES" height= "ALTO DEL LOGOTIPO EN PÍXELES" src= "ENLACE DE LA IMAGEN DEL LOGOTIPO" alt= /> TÍTULO DEL ARTÍCULO DESCRIPCIÓN DEL ARTÍCULO NOMBRE DEL AUTOR TÍTULO H1 "VISTA PREVIA DEL ANCHO EN PÍXELES" height= "VISTA PREVIA DEL ALTO EN PÍXELES" src= "ENLACE A VISTA PREVIA DE LA IMAGEN" alt= "DESCRIPCIÓN DE VISTA PREVIA ALTERNA" /> ОСНОВНОЙ ТЕКСТ СТАТЬИ ДОЛЖЕН БЫТЬ ЗДЕСЬ !}

La mayoría de los artículos etiquetados siguen un patrón similar. Vale la pena señalar que en este ejemplo, algunas de las etiquetas se indican en la sección (meta descripción y enlace al autor en g+), y el resto está escrito en el cuerpo del documento HTML. No es necesario utilizar algunas etiquetas, por ejemplo, un artículo se verá genial sin marcarlo con las etiquetas del cuerpo del artículo o del editor, pero es poco probable que pase la verificación de validez en las herramientas de Yandex o Google.

Imagen 3. Ejemplo de página en resultados de búsqueda con micromarcado de artículo en Google. La fecha de publicación aparece al lado del artículo.

Imagen 4. Un ejemplo de una página en los resultados de búsqueda para la misma solicitud que en la Imagen 3, solo en Yandex. La fecha aparece a la derecha, con la fecha de publicación o creación en la parte superior y la fecha de modificación debajo.

Plantilla de micromarcado de tarjeta de producto usando Schema.org

El siguiente tipo de micromarcado que consideraremos será el de producto o, en otras palabras, el marcado semántico de una ficha de producto.

CONTENIDO H1 "ENLACE A LA IMAGEN" título = "CONTENIDOS H1" >!} PRECIO EN RUBLOS QUE INDICA DISPONIBILIDAD DEL PRODUCTO DESCRIPCIÓN DEL PRODUCTO

Preste especial atención al formato del precio, ya que allí radica la mayoría de errores en el micromarcado de las tarjetas de productos. Podemos escribir cualquier precio en texto en cualquier formato, y directamente en la etiqueta de precio indicamos el precio estrictamente en formato monetario, de lo contrario los motores de búsqueda ignorarán esta línea.

Imagen 5. Un ejemplo de Google con el precio indicado en formato “DESDE” y “HASTA”.

Plantilla de esquema de organización usando esquema.org

El último patrón que veremos es el marcado de organización. Normalmente, este marcado se utiliza para estructurar información en una página de contacto.

NOMBRE DE LA ORGANIZACIÓN CALLE, CIUDAD, REGIÓN. "ENLACE AL LOGO" /> Teléfono: NÚMERO DE TELÉFONO

Schema.org tiene un vocabulario muy amplio. Debido a esto, pueden surgir dificultades al trabajar con él, pero no todas las etiquetas en el marcado son necesarias y la mayoría se pueden abandonar. En los ejemplos dados, he indicado las etiquetas más básicas que se pueden usar cuando se trabaja con el marcado de Schema.org, pero puede haber muchas más.

Google tiene un especial herramienta para marcar páginas según el diccionario de Schema.org. Facilita mucho la creación de diseños de página.

Imagen 6. Ejemplo de Yandex. La información adicional sobre la organización se muestra debajo de la descripción de la página y se puede implementar manualmente, mediante marcas o mediante el servicio Yandex.Directory.

Pros y contras del micromarcado de Schema.org

• Diccionario grande que se actualiza constantemente;
• Compatible con todos los motores de búsqueda populares;
• El código no está oculto por scripts y está íntegramente contenido en el contenido de la página;
• Mejora la visualización de fragmentos en los resultados de búsqueda;
• Puede encontrar marcas para casi todos los sitios;
• Existen complementos para automatizar la generación de micromarcados;
• Desarrollando y expandiendo activamente.

• Una gran cantidad de esquemas de marcado pueden asustar a un usuario no preparado;
• Se requieren conocimientos básicos de diseño y cambios de código de página;
• Complica el código HTML, lo que ralentiza el desarrollo del sitio;
• Toda la documentación oficial de referencia está en inglés;
• No todas las propiedades tienen ejemplos de uso en la web oficial.

Herramientas para trabajar con el micromarcado de Schema.org

Cuando se trabaja con el micromarcado de Schema.org, se pueden utilizar servicios como:

• Herramienta de validación de datos estructurados de Google;
• Asistente sobre micromarcado de páginas según el diccionario esquema.org de Google. Como resultado, obtenemos el código HTML de la página con el micromarcado ya implementado;
• Comprobación del marcado semántico de Yandex;
• Sitio web oficial de marcado;
• Traducción no oficial del sitio web Schema.org al ruso;
• “All In One Schema.org Rich Snippets”, “Wprichsnippets.com”, “Schema App Structured Data”: complementos para WordPress que generan el marcado semántico de Schema.org automáticamente;
• Notepad++ - o cualquier otro editor de texto.

Este protocolo fue desarrollado por Facebook para mejorar la visualización de fragmentos de enlaces de sitios externos en las redes sociales. Este es probablemente uno de los diccionarios de microdatos más simples y pequeños. Puede comenzar a implementar el marcado con cuatro propiedades básicas:

• og:title - título de la página.
• og:type: tipo de objeto, por ejemplo, “music.album”(álbum). Dependiendo del tipo, se admiten otras propiedades. Todas las características posibles de la etiqueta de tipo se enumeran en el sitio web oficial.
• og:image: URL de la imagen.
• og:url: la URL canónica del objeto.

Todas las etiquetas de marcado "Open Graph" están escritas en el contenedor.

Además de las propiedades básicas, también puedes especificar otras adicionales que mejorarán la visualización de enlaces en las redes sociales:

• og:audio: URL del archivo de audio si se reproduce música al abrir la página.
• og:determinante es la palabra que aparece antes del nombre de este objeto en una oración. Escriba enumeración (a, an, the, "", auto). Si se selecciona auto, el consumidor de datos debe elegir entre "un" o "una". El valor predeterminado es " " (vacío). La etiqueta es más relevante para el segmento de habla inglesa debido al uso de varios artículos como "a", "the", "an", etc.
• og:description: descripción de la página, número permitido de caracteres de 160 a 295 caracteres.
• og:locale – idioma y país. El formato de visualización es language_TERRITORY, el valor predeterminado es en_US. Para el segmento en ruso, se escribe la etiqueta ru_RU.
• og:locale:alternate – idioma o país alternativo.
• og:site_name: nombre del sitio.
• og:video – URL del video.

Plantilla de diseño de página de gráfico abierto

A continuación se muestra un ejemplo de código HTML con todas las propiedades posibles; en la práctica, algunas de las etiquetas especificadas no están especificadas y las cuatro propiedades estándar son suficientes:

TÍTULO DE LA PÁGINA...

Pros y contras de los microdatos Open Graph

El último tipo de marcado y estructuración de datos que veremos es JSON-LD. Este terrible nombre significa "Datos vinculados a notación de objetos JavaScript". El “World Wide Web Consortium” o, en otras palabras, “W3C” es el responsable de desarrollar el formato. Este formato realiza la misma función que Schema.org, pero de una manera ligeramente diferente: estructura los datos usando JavaScript, lo que facilita mucho el trabajo.

Una de las ventajas de este formato es que se utiliza el diccionario de Schema.org para describir los datos. Así, utilizando scripts JSON-LD podremos describir cualquier tipo de entidad y mejorar la visualización de nuestro sitio en los resultados de búsqueda, dedicando un mínimo de tiempo a ello. Además, esto se puede hacer sin introducir etiquetas HTML en el cuerpo de la página; solo necesita especificarlas en el contenedor y luego escribir todas las condiciones de marcado necesarias y cerrar el script.

Para mayor claridad, comparemos el marcado de Schema.org y JSON-LD:

Zapatillas

Zapatillas deportivas ( "@context": "https://schema.org/", "@type": "Producto", "precio": "100,00") Zapatillas deportivas

Plantilla de marcado de artículo usando JSON-LD

Tomé un ejemplo de marcado usando JSON-LD basado en el micromarcado de un artículo en Schema.org del mismo material anterior. Se utilizan todas las mismas propiedades.

TÍTULO DEL ARTÍCULO //Se indica el tipo de script, en nuestro caso es ld+json ("@context": "https://schema.org",//Se especifica la biblioteca que se utilizará para marcar la página " @type" : "Article" ,/ /Especifique el tipo de entidad "mainEntityOfPage" : ( //Se especifica el ID del artículo, normalmente el enlace al artículo se especifica simplemente "@type" : "WebPage", "@id " : "ENLACE AL ARTÍCULO" ), "url" : "ENLACE AL ARTÍCULO ", // Especifique el enlace canónico al artículo "datePublished" : "FECHA DE PUBLICACIÓN", // Especifique la fecha de publicación "dateModified" : "FECHA DE CAMBIO", // Especifique la fecha de modificación "título": "TÍTULO H1", // Especifique el título "imagen": ( "@tipo": "ImageObject", "url": "ENLACE PARA VISTA PREVIA" , //Inserta un enlace a la imagen para la vista previa del artículo "alto" : VISTA PREVIA ALTO EN PÍXELES , //Especifica el alto y el ancho de la imagen en píxeles "ancho" : VISTA PREVIA DEL ANCHO EN PÍXELES), "cuerpodelartículo" : "" , "autor" : ("@tipo" : "Persona" , "nombre" : "NOMBRE DEL AUTOR" , //Especifique el nombre del autor "url" : "ENLACE AL PERFIL DEL AUTOR (G+, PÁGINA PERSONAL EN EL SITIO) )" //Especifique un enlace al perfil del autor en Google Plus o a la página personal en el sitio), "publisher": ("@type": "Organización", "name": "NOMBRE DE LA ORGANIZACIÓN" ,//Indicar el nombre de la organización "logotipo": ("@tipo": "ImageObject", "url": "ENLACE AL LOGOTIPO", // Indica un enlace al logotipo de la empresa "altura": ALTURA DEL LOGOTIPO, // La altura y ancho del logo "ancho" están escritos: ANCHO DEL LOGOTIPO ) ) ) TÍTULO DEL ARTÍCULO

Surge una pregunta natural: ¿qué es mejor esquema.org o JSON-LD? Es imposible dar aquí una respuesta definitiva. Trabajar con micromarcado en formato JSON-LD es más fácil y agradable que trabajar con el mismo diccionario de Schema.org en formato HTML, pero también tiene sus inconvenientes. Por ejemplo, se recomienda al motor de búsqueda Google que utilice esta tecnología para marcar sus páginas. Pero hay problemas con Yandex: este tipo de marcado aún no se muestra en los resultados de búsqueda debido a scripts, aunque se verifica la validez de las páginas con marcado JSON-LD.

El motor de búsqueda Yandex no muestra información marcada utilizando el metalenguaje JSON-LD en los resultados de búsqueda.

Imagen 8. Carta del soporte técnico de Yandex sobre planes para JSON-LD. Gracias al usuario por la captura de pantalla.Oleh Holovkin .

En este caso, debe establecer sus prioridades correctamente. Si necesita fragmentos extendidos en Yandex y Google, utilizamos el antiguo marcado de Schema.org; Si nos dirigimos a Occidente y nuestro principal motor de búsqueda es sólo Google, entonces el marcado JSON-LD debe adoptarse e implementarse sin demora.

Pros y contras del marcado JSON-LD

• El formato es algo más sencillo en comparación con esquema.org;
• Recomendado por Google;
• Existen complementos de alta calidad para el motor de WordPress;
• Gracias a JavaScript, el marcado es "invisible" para el usuario medio, a diferencia de HTML;
• El script se coloca solo en el contenedor sin introducir líneas de código adicionales en el cuerpo del sitio;
• Validado en herramientas de verificación oficiales de Yandex y Google.

¿De qué otra manera puedes marcar tu sitio?

Los métodos de marcado enumerados anteriormente se refieren a la intervención directa en el código fuente de la página, pero existen otros métodos para estructurar los datos. Estos son el Marcador de datos (Marcador) de Google y "Productos y precios" de Yandex. Con estas herramientas, puede expandir directamente fragmentos de página en los resultados de búsqueda desde el panel para webmasters.

Imagen 9. “Marcador” en Search Console y el servicio “Productos y Precios” de Yandex.

marcador de google

Para comenzar a marcar, necesitas:

Ir a instrumento y seleccione el tipo de datos para el marcado. Por el momento solo quedan 9 de ellos:

• Eventos
• Organizaciones locales
• Reseñas de libros
• Aplicaciones
• Productos
• Restaurantes
• Artículos
• Series de TV
• Cine

Imagen 10. Panel para seleccionar el tipo de información a marcar en Search Console.

A continuación, Google ofrecerá comprobar cinco páginas para comprobar la exactitud del marcado automático. Si se encuentran errores en el marcado durante el proceso de verificación, se pueden corregir. Preste especial atención a los precios si marca tarjetas de productos, ya que la herramienta suele cometer errores al marcar el coste. Si la herramienta ha marcado una página sobre un tema diferente (por ejemplo, estaba marcando tarjetas de productos y sugirió marcar la página de contactos), entonces esta página se puede eliminar usando el botón en la esquina superior derecha.

Imagen 12. Botón para eliminar una página de marcado definida incorrectamente en Search Console.

Después de comprobar las muestras, volvemos a comprobar la lista de páginas marcadas y las publicamos. Al finalizar, Search Console mostrará una lista de todos los grupos de páginas etiquetadas en el sitio que se pueden editar o eliminar por completo.

Imagen 13. Ejemplo de lista de páginas ya marcadas usando Google Marker.

Con esto concluye el marcado utilizando Google Marker. En este caso, no es necesario saber HTML o JavaScript; solo necesita marcar manualmente cada página y el propio Google procesará los datos y realizará ajustes en los fragmentos de búsqueda. Pero Marker también tiene sus pros y sus contras.

Pros y contras del marcado con Google Marker

• Marcado sin interferir con el código fuente de las páginas;
• La herramienta se encuentra directamente en Google Search Console;
• Las páginas se marcan de forma semiautomática;
• Puede agrupar páginas por tipo;

• El marcado sólo aparecerá en los resultados de búsqueda de Google;
• La herramienta no siempre marca la información correctamente;
• Al marcar un sitio web grande, hay mucho trabajo manual.

Servicio "Productos y precios" de Yandex.

Esta herramienta en sí no se relaciona del todo con la comprensión habitual del marcado de páginas, ya que en Yandex generalmente se usa para cargar información sobre un producto en Yandex.Market en formato YML. Curiosamente, Yasha pudo encontrar un uso para este tipo de información sobre un producto, y ahora los sitios marcados con este servicio a menudo se encuentran en los resultados de búsqueda orgánicos. La característica principal de "Productos y precios" es la visualización del precio de un producto/servicio a la derecha del enlace del sitio web en los resultados de búsqueda de Yandex.

Imagen 14. Un ejemplo de visualización del precio de un servicio en los resultados de búsqueda de Yandex con el servicio "Productos y Precios" conectado.

El servicio “Productos y Precios” puede ser utilizado no solo por tiendas online, sino también por organizaciones que prestan servicios. En este caso, tendrás que crear el documento YML manualmente.

Entonces, para conectar el servicio "Productos y Precios" en Yandex, necesita:

Agregue su sitio a Yandex Webmaster y vaya al servicio "Productos y precios";

Luego debe aceptar los términos del acuerdo si este servicio no se ha conectado al sitio antes.

Imagen 15. Ofertas de Yandexfamiliarizarse con formato YML ygestión por conexión.

Pros y contras de la herramienta Productos y precios de Yandex

• Distingue enormemente al sitio de otros competidores en la búsqueda y aumenta el CTR;
• Antes de ingresar al sitio, el usuario recibe información sobre el costo del servicio/producto;
• Además del precio, el documento YML especifica otros parámetros que también se tienen en cuenta a la hora de generar el snippet;
• En los motores de sitios web más populares, la generación de archivos se produce de forma automática o semiautomática.

• Los resultados con precios serán visibles sólo en los resultados de Yandex;
• La carga de un documento YML no está disponible en todos los CMS;
• Si los precios en el sitio cambian con frecuencia, se requiere la generación regular de documentos;
• Requiere mucha mano de obra si necesita marcar una gran cantidad de páginas manualmente.

Herramientas para trabajar con el servicio Productos y Precios de Yandex.

A diferencia de Google Marker, para trabajar con un archivo YML necesitarás las siguientes herramientas para funcionar:

• Lista de motores de sitios web con capacidad para cargar documentos YML;
• Generador de documentos YML para generar manualmente un archivo;

En pocas palabras

La implementación del marcado de datos estructurados es un paso importante que posteriormente puede aumentar el CTR del sitio en la búsqueda y mejorar la visualización del contenido en los resultados de búsqueda. Hay varias formas de marcar su sitio web, pero por el momento la más probada es la implementación del marcado de Schema.org, ya que otros métodos tienen una funcionalidad limitada o están marcados dentro del mismo motor de búsqueda.

Cada método de marcado de datos tiene sus propias ventajas y desventajas antes de comenzar la implementación, debe evaluar con seriedad sus capacidades y elegir la mejor opción. Los métodos de marcado individuales se pueden combinar entre sí, por ejemplo, Open Graph con Schema.org y "Productos y precios" de Yandex. Y recuerde: la presencia de micromarcado en el sitio no garantiza un cambio en el fragmento de búsqueda en los resultados, en primer lugar, facilita a los motores de búsqueda rastrear el sitio;

Artículo elaborado por: Abdullin Konstantin, tecnólogo experto en SEO de la empresa de sitios web

Un fragmento marcado con información estructurada atrae la atención y aumenta el número de transiciones al sitio desde la página de búsqueda. El validador de micromarcado determina si las etiquetas están escritas correctamente en el código.

Fragmento con micromarcado

La visualización de un fragmento con micromarcado es radicalmente diferente. Esta será una descripción completa indicando la dirección, número de teléfono, horario de apertura y precio. Se mostrarán fotos para recetas. El tipo de fragmento depende del tipo de contenido.

Fragmento simple

Fragmento detallado

Hay tipos de contenido para los que se requiere micromarcado:

​ vídeos;

​ películas;

​ recetas;

​ eventos;

​ reseñas;

bienes;

​ programas;

​ resúmenes;

​ restaurantes.

Estándares de micromarcado

Yandex recomienda el micromarcado Schema.org. Se trata de un estándar de marcado semántico adoptado en 2011 por las corporaciones Google, Yahoo y Bing para mejorar la estructura de la información en un sitio y transmitir su significado a los robots de búsqueda.

Utiliza microdatos para marcar semánticamente un documento.

Los microdatos son etiquetas utilizadas en HTML5.

Tiene muchas entidades, cuya lista va en aumento. Es necesario aplicar entidades especiales para diferentes tipos de páginas e información.

Coincidencia de contenido y entidades

Evento
Organización
oferta de producto
Varios productos
Restaurante
Fotos
Programas	SoftwareAplicación
Aplicaciones móviles	Aplicación móvil
programas de internet
Preguntas y respuestas	Pregunta y respuesta

Cómo hacer micromarcado

Lo escriben directamente en el código html. Se utilizan tres atributos principales:

Itemscope: indica al robot la presencia de micromarcas.

Tipo de elemento: describe el tipo de entidad.

Itemprop: indica las propiedades de la entidad.

Los dos primeros atributos se aplican juntos. Para itemprop, se especifican los valores de diferentes campos. Estándar: nombre, descripción, imagen, url. Otros campos son especiales y dependen de la naturaleza del contenido.

Código de ejemplo con marcado para una organización.

Comprobación de la exactitud del micromarcado en Yandex En 2012, Yandex lanzó una herramienta con la que se puede comprobar el micromarcado. El validador está disponible en Yandex.Webmaster.

Debe copiar la dirección de la página o pegar parte del código si el sitio aún no se ha iniciado.

Después de la verificación por parte del validador, está disponible una lista de inconsistencias, que se dividen en errores y advertencias. Yandex publica una transcripción de los resultados. El micro validador de marcado de Yandex no es el único. También puede comprobarlo utilizando validator.ru y Structured Data Linter. Sin embargo, Yandex admite microformatos, microdatos, RDFa, OpenGraph y el esquema recomendado.org, y también verifica el cumplimiento de los requisitos de sus servicios y programa de socios.

Al utilizar un lenguaje de micromarcado en las páginas de su sitio web, tiene una excelente oportunidad de atraer la atención de un cliente potencial que ya está en los resultados de búsqueda y atraer aún más tráfico de la búsqueda a su sitio web. El micromarcado le permite enviar la información presentada en la página a los robots de búsqueda para su procesamiento adecuado. Como resultado, en los resultados de búsqueda se revelan al usuario datos adicionales sobre la empresa, lo que le permite encontrar la información más relevante de forma rápida y sencilla.

La historia del “nacimiento” del micromarcado

Los diccionarios de microdatos comenzaron a crearse a partir de dos fuentes diferentes: Open Graph y Schema.org. Los fundadores de Open Graphf fueron empleados de Facebook. El principal objetivo que persiguieron al crear este diccionario fue lograr que cualquier sitio pudiera formar parte de una red social. Facebook y visualizarse correctamente en él. Asimismo, Schema.org fue creado por motores de búsqueda para crear fragmentos convenientes con datos.

Entonces, ¿qué es el micromarcado?

El micromarking es un lenguaje unificado para la optimización semántica, que los robots de búsqueda Google, Yandex, Bing y Yahoo entienden e interpretan por igual. Este idioma incluye ciertas etiquetas especiales, como , y sus contenidos. Al utilizar el marcado, puede mostrar a los robots que cierto texto u otros elementos de una página son importantes y pertenecen a un determinado tipo de datos.

Por ejemplo, en la página " Contactos» La empresa X debe marcar el bloque con los datos de contacto con un micromarcado. Luego, cuando el usuario solicite "contactos de la empresa X", el robot mostrará con precisión la página requerida y los datos requeridos. La promoción adecuada del sitio web es la clave para atraer clientes de forma eficaz.

Empecemos con los diccionarios.

Como se mencionó anteriormente, los vocabularios de microdatos más comunes son Open Graph y Schema.org.

Según las estadísticas de Yandex, se sabe que el diccionario Open Graph lo utilizan el 15% de todos los sitios Runet. Este indicador predomina entre todo tipo de diccionarios de micromarcado. Hoy en día, el marcado Open Graph se entiende no sólo en Facebook, como se planeó originalmente, sino también en muchas otras redes sociales populares, como Google+, Twitter, Vkontakte, etc. En su sitio web oficial, los creadores de Open Graph afirman que la creación de este diccionario es la capacidad de representar datos de páginas web como gráficos sociales. Vale la pena señalar que el lenguaje se construyó sobre la base de tecnologías ya existentes.

A su vez, el lenguaje de marcado de esquemas Schema.org se creó conjuntamente con las mayores empresas de búsqueda Google, Yandex, Bing, Yahoo!. El principal objetivo de los desarrolladores era dar al usuario la posibilidad de ver datos adicionales sobre la empresa en el fragmento de búsqueda sin necesidad de visitar el sitio, y así hacer la búsqueda más rápida y cómoda. Desde Schema.org, el fragmento contiene una descripción más completa de la página, puede incluir una calificación, mostrar el costo "desde y hasta", incluir marcas de ruta de navegación, etc.

Si analizamos con más detalle el principio de funcionamiento del diccionario de microdatos de Schema.org, podemos ver que una página web es un esquema formado por diferentes tipos de datos. Cada uno de estos tipos está asociado con un conjunto de propiedades. Los tipos están organizados jerárquicamente en esquemas. En el sitio web oficial Schema.org puede encontrar tipos aprobados y válidos y sus propiedades. Por ejemplo, considere Nombre alternativo, descripción, imagen.

en propiedad nombre alternativo, Básicamente, se presenta información de texto en la que se indican los alias (alias) del objeto descrito. en propiedad descripción se presenta una descripción del objeto en cuestión, y en imagen Se podrá mostrar una imagen o enlace a una imagen del producto (servicio) en cuestión.

El diccionario incluye varias propiedades, contenidos y atributos. Cada uno de ellos utiliza su propia etiqueta:

• itemscope: describe cada bloque por separado, le permite describir información a nivel de entidad;
• tipo de elemento: indica el tipo de entidad;
• itemprop: le permite especificar propiedades adicionales. Por ejemplo, la entidad es el estreno de una película. En este caso, puede indicar el nombre, la fecha y la ubicación.

Además de Open Graph y Schema.org. Hay otros diccionarios menos populares:

• FOAF (Amigo de un amigo): el diccionario se basa en la idea de conexiones entre personas, cosas, su relación entre sí;
• Data-Vocabulary.org: el diccionario fue desarrollado por el equipo de Google antes que Schema.org. Hoy, el desarrollo de este diccionario se detuvo y los desarrolladores de Data-Vocabulary.org se trasladaron a Schema.org;
• Dublin Core: un diccionario creado para las necesidades de la biblioteca en 1995, tiene un conjunto de parámetros básicos;
• Good Relations es un diccionario creado para describir bienes del ámbito del comercio en Internet que permite describir el producto, su precio y el lugar donde se puede adquirir.

Micromarcado para diferentes tipos de sitio.

Como ya hemos dicho, el micromarcado se utiliza con mayor frecuencia para mejorar el fragmento de un sitio en los resultados de los motores de búsqueda, pero estas no son todas sus capacidades. A continuación, analizaremos más de cerca los beneficios del marcado semántico para contenido en diferentes tipos de sitios.

tienda en línea

Como regla general, una tienda en línea consta de un catálogo de productos/servicios, páginas de productos, información sobre entrega y pago y contactos. Al colocar estos datos en un fragmento, no solo puede mejorar la comprensión del usuario sobre el producto/servicio en la etapa de búsqueda, sino también aumentar la probabilidad de que visite el sitio web de la tienda en línea.

Páginas de productos

Schema.org utiliza los esquemas Producto y Oferta o AggregateOffer en Schema.org/Product para marcar las páginas de productos. La información de las páginas de productos se puede presentar en forma de fragmentos estructurados con una descripción del producto y el precio en los resultados de Yandex.

Para hacer esto, debe especificar el nombre de los campos, ofertas, precio, moneda del precio, etc. en el código. Por ejemplo:

Contactos

Los contactos se marcan utilizando la propiedad Organización. Este marcado permite que el sitio se muestre cuando un usuario busca en Yandex Maps y también permite a las empresas acceder al directorio de Yandex.

Reseñas

Si las páginas de productos tienen reseñas, también puede marcarlas utilizando la propiedad AggregateRating en Producto. Como resultado, la calificación y las reseñas aparecerán en los resultados de búsqueda de Google en el fragmento:

El código se ve así:

Fotos

La búsqueda por imagen permite aumentar el tráfico a su sitio mediante la visualización. Para acceder a la búsqueda de imágenes de Google y Yandex, debe utilizar el micromarcado esquema.org/ImageObject en el sitio y especificar un enlace a la imagen, su nombre, descripción, dimensiones y firma.

El código se ve así:

Y para que a los usuarios les guste y comparta su contenido en las redes sociales, debe instalar un widget. Un widget es un pequeño anuncio de un enlace externo con una imagen y una descripción. Para garantizar que esta información no distorsione el material original y se muestre correctamente en la página, es necesario utilizar el diccionario de micromarcas Open Graph. En el código deberá especificar un título, imagen y descripción:

Portales y medios de información.

El micromarcado para medios es un elemento de optimización extremadamente importante. Los recursos de información y noticias se clasifican e indexan mediante robots rápidos especiales. Para acelerar este proceso, se utiliza el marcado semántico.

Las páginas de noticias utilizan principalmente contenido multimedia. Por lo tanto, el lenguaje de marcado más utilizado, Schema.org/Article, está marcado con los siguientes atributos:

• itemscope itemtype=http://schema.org/WPHeader - indica contenido general;
• itemscope itemtype=http://schema.org/Article - apunta al cuerpo del artículo;
• itemprop="nombre" - indica el título;
• itemprop="autor" - autoría;
• itemprop=”datePublished” (Se requiere hora en formato “A-m-d”) - fecha de publicación;
• itemprop="articleBody" - texto del artículo;
• itemprop="ArtículoSección" - categoría;
• itemprop="imagen" - imagen.

Alojamiento de vídeos

Para sitios con una cantidad impresionante de contenido de video, es necesario marcar videos usando el tipo VideoObject de Schema.org o la extensión Open Graph. Debido a este marcado, la siguiente información sobre el vídeo está disponible en las páginas de resultados de búsqueda: pantalla de presentación, título, descripción del texto, duración, opción de vista previa, derechos de autor, etc.

En consecuencia, el código se presentará de la siguiente manera:

Además, no olvides que los usuarios no siempre buscan una película específicamente por título. Pueden ingresar el nombre de un actor o director, por ejemplo, en la barra de búsqueda. Por lo tanto, para que el sitio se muestre en los resultados de búsqueda para estas solicitudes, es necesario utilizar el marcado Schema.org/Movie, que le permitirá obtener un fragmento estructurado en Yandex. Para ello, es necesario proporcionar información detallada sobre la película: título, género, descripción, actores, etc.

Sitio comercial

Para los sitios comerciales, además del micromarcado de reseñas, imágenes, videos y contactos ya descrito anteriormente, puede marcar una sección con preguntas y respuestas (si el sitio tiene una) para atraer también tráfico de baja frecuencia desde la búsqueda.

Para ello, se deben marcar los datos en el código utilizando los atributos Pregunta y Respuesta de Schema.org:

La idoneidad del marcado semántico en las páginas del sitio web se puede comprobar utilizando el Micro Markup Validator de Yandex o Google. Admiten todos los formatos de microdatos conocidos, incluidos OpenGraph y Schema.org.

Schema.org es un estándar para el marcado semántico de datos en la web, anunciado por los motores de búsqueda Google, Bing y Yahoo! en el verano de 2011.

El propósito del marcado semántico es hacer que Internet sea más comprensible, estructurada y facilitar que los motores de búsqueda y los programas especiales extraigan y procesen información para su presentación conveniente en los resultados de búsqueda.

El marcado se produce directamente en el código HTML de las páginas mediante atributos especiales y no requiere la creación de archivos de exportación separados.

¿Por qué necesitamos micromarcado?

Principios básicos del marcado.

¿Por qué necesitamos micromarcado?

Al utilizar el marcado semántico, puede mejorar la apariencia del fragmento de su sitio web en los resultados de búsqueda.

Compare fragmentos en los resultados de búsqueda de una página de un sitio que participa en el programa de afiliados de Yandex.Dictionaries, sin marcar y marcados con un diseño semántico.

El estándar es un conjunto de clases que describen todo tipo de entidades y sus propiedades. Ahora ya son varios cientos. Se trabaja constantemente para mejorar el estándar, se agregan nuevas propiedades y se perfeccionan las existentes.

Puede familiarizarse con la descripción del estándar en el sitio web oficial en la sección de documentación.

También existe una traducción no oficial y aún incompleta del estándar al ruso en el sitio web: http://ruschema.org/.

Principios básicos del marcado.

Cualquier marcado de Schema.org se realiza en dos pasos:

Envolver una descripción de un determinado tipo en un contenedor que indica el esquema de marcado:

...

Marcar propiedades individuales que indican una propiedad de esquema específica:

Lev Tolstoi, 16 años

Documento sin marcado Contactos de Yandex: Dirección: Lev Tolstoy, 16, 119021, Moscú, Teléfono: +7 495 739–70–00, Fax: +7 495 739–70–70, Correo electrónico: [correo electrónico protegido] Documento con marcado Schema.org Contactos de Yandex: Dirección: Lev Tolstoy, 16 119021 Moscú, Teléfono: +7 495 739–70–00, Fax: +7 495 739–70–70, Correo electrónico: [correo electrónico protegido] Cómo empezar a utilizar las herramientas de implementación de microdatos de Schema.org Cómo utiliza Yandex los datos etiquetados

Varios servicios de Yandex utilizan el marcado de contenido semántico:

Marcado de bienes y sus precios.

Marcar información sobre programas (aplicaciones, programas de computadora, juegos, etc.) ayuda a la Búsqueda a generar fragmentos especiales para páginas con dicho marcado.

• El marcado de recetas ayuda a la Búsqueda a generar fragmentos especiales para páginas con dicho marcado.
• El marcado de descripciones de películas ayuda a la Búsqueda a generar fragmentos especiales para páginas con dicho marcado.
• El marcado de trabajos creativos ayuda a la Búsqueda a generar fragmentos especiales para páginas con dicho marcado.