Cómo utilizar el marcado de Schema.org en su sitio web y por qué debería

Anuncio

Los motores de búsqueda son increíblemente poderoso 7 alternativas de búsqueda de Google y sus características de marca registrada¿Eres un usuario acérrimo de Google? Prueba estos motores de búsqueda alternativos. Desde la privacidad hasta ayudar a causas benéficas, estos motores de búsqueda podrían darle algunas razones para cambiar la forma en que navega. Lee mas . Pueden interpretar el lenguaje a menudo poco claro que utilizamos para descubrir lo que estamos buscando, determinar el mejor recurso para responder nuestras preguntas y mostrárnoslo en fracciones de segundo.

Google incluso se está volviendo muy bueno respondiendo preguntas en la página de resultados de búsqueda, lo que evita la necesidad de hacer clic en cualquier cosa. Incluso personaliza los resultados de búsqueda Cómo deshabilitar la personalización de Google de los resultados de búsqueda Lee mas . Y eso ayuda a las personas a encontrar la información que buscan más rápido.

Pero los motores de búsqueda no pueden hacerlo por sí solos: necesitan la ayuda de los propietarios y desarrolladores del sitio. Y el marcado de esquema es una forma en la que puede ayudar en su propio sitio.

¿Qué es el marcado de esquema?

El marcado de esquema es una forma de resaltar piezas específicas de datos estructurados.

¿Qué son los datos estructurados? Sus información organizada y etiquetada para que las máquinas lo entiendan mejor. En resumen, el marcado de esquema es información que ayuda a los motores de búsqueda a encontrar tipos específicos de información en su página web. Es más fácil mirar un ejemplo.

Google tiene su propio ejemplo interactivo de marcado de esquema que detalla una receta de pastel de manzana:

Arriba, puede ver el JavaScript que define el tiempo de preparación, el tiempo total, el rendimiento de la receta y varios datos nutricionales para la receta.

Cabe señalar en este punto que hay dos formas principales de marcar los datos estructurados: con JSON ¿Qué es el JSON? Descripción general de un laicoYa sea que planee ser un desarrollador web o no, es una buena idea al menos saber qué es JSON, por qué es importante y por qué se usa en toda la web. Lee mas o con etiquetas HTML en línea. Google recomienda el método JSON, pero veremos los dos más adelante.

Así es como Google extrae la información nutricional específica:

Schema.org tiene miles de diferentes tipos de marcas que puede usar para mostrar mejor a los motores de búsqueda la información de su página. El tipo TechArticle, por ejemplo, incluye, entre muchas otras cosas, los siguientes atributos:

• nivel de competencia
• el recuento de palabras
• audiencia
• creador
• fecha de creacion
• fecha modificada
• fecha de publicación
• principios de publicación
• typicalAgeRange

Hay un esquema completo para bibliotecas, empresas de alojamiento, apartamentos, eventos de artes visuales, canales de transmisión, métodos de entrega, estados del servidor de juegos y más.

La idea es asegurarse de que los motores de búsqueda sepan qué representa realmente cada pieza de información en su página, para que pueda mostrar esa información a las personas que la están buscando.

Los beneficios del marcado de esquema

OKAY. El marcado de esquema le dice a los motores de búsqueda qué hay en su página, ¿cuál es el problema?

Google lo pone así:

"Cuando la información es altamente estructurada y predecible, los motores de búsqueda pueden organizarla y mostrarla más fácilmente de manera creativa".

Por ejemplo, puede ver las fechas de la gira de la próxima gira de Slayer que se muestran directamente en los resultados de búsqueda:

O bien, obtenga información específica sobre una película cuando la busque:

Google está mejorando todo el tiempo para encontrar esta información por sí solo, pero utilizando correctamente el esquema el marcado facilita el proceso y hace que sea más probable que la información en su página sea Destacados.

Y cuando los motores de búsqueda saben exactamente lo que hay en su página, pueden mostrarlo a las personas que lo buscan directamente en los resultados de búsqueda. Y eso es bueno para todos.

Comenzando con los datos estructurados

Ahora que ha visto los beneficios de usar el marcado Schema.org, es hora de comenzar a sumergirse. Comenzaremos con la herramienta más fácil: Marcador de datos de Google.

Necesitará que su sitio esté conectado a la Consola de búsqueda de Google (anteriormente conocida como Herramientas para webmasters Obtenga información de búsqueda más profunda para su sitio con las herramientas de webmaster Consultas de búsquedaLos cambios en la herramienta de consultas de búsqueda en Google Webmasters podrían cambiar la forma en que investigas tu tema. La generación de contenido en la web implica creatividad y enfoque al usuario, y mucha investigación de palabras clave. Lee mas ). Si necesita ayuda para configurarlo, consulte Tutorial útil de Yoast.

Una vez que haya hecho eso, inicie sesión en Search Console y haga clic en Aspecto de búsqueda> Marcador de datos. Golpea el Comience a resaltar botón en el lado derecho de la pantalla.

A continuación, deberá ingresar la URL de la página que desea etiquetar y seleccionar el tipo de marcado que realizará. En este caso particular, usaremos el tipo de marcado Artículos.

Debido a que estoy resaltando un artículo en un sitio que publica muchos artículos, seguiré Etiquete esta página y otras similares comprobado.

Ahora verá una pantalla dividida: su página a la izquierda y los campos de marcado disponibles a la derecha.

Es realmente simple desde aquí. ¡Solo comienza a resaltar! Cada vez que resalte el texto (o haga clic en una imagen) aparecerá un pequeño menú donde podrá seleccionar el tipo de información que resaltó.

Aquí, he resaltado el título de la página. Todo lo que tengo que hacer es hacer clic en "Título" en el menú.

Ahora el título se rellena en el panel derecho.

Continuaré resaltando el autor, la fecha de publicación, la imagen principal y la categoría (destaqué las etiquetas en la parte superior del artículo, y las tres se importaron como categorías).

¡Y hemos terminado! Eso es todo al respecto.

Cuando golpeas Hecho, El Marcador de datos lo ayudará a aplicar este marcado a otras páginas similares en su sitio.

Agregar más detalles

El resaltador de datos solo le permite rascar la superficie del marcado de datos estructurados. Como viste anteriormente, solo pude agregar un puñado de atributos a ese artículo. El tipo de artículo de Schema.org contiene muchos más atributos que se pueden configurar.

¿Qué hacemos si queremos agregar más detalles al marcado de esquema?

Tendrás que sumergirte en el código en este momento. Como mencioné anteriormente, hay dos formas principales de representar los datos estructurados: con JSON y con etiquetas HTML en línea. Porque el Etiquetas HTML 17 ejemplos simples de código HTML que puedes aprender en 10 minutos¿Quieres crear una página web básica? Aprenda estos ejemplos HTML y pruébelos en un editor de texto para ver cómo se ven en su navegador. Lee mas son un poco más intuitivos, los revisaremos primero.

Inline Schema.org HTML Markup

Como ejemplo, marcaremos una oración simple: "Vivo en Denver". En HTML, eso se representará simplemente, así:

Yo vivo en denver

Para comenzar el marcado, debemos especificar que esta oración en particular se trata de una persona (mostrada por el tipo de elemento Persona). Así es como lo hacemos:

Yo vivo en denver

Ahora un motor de búsqueda sabrá que todo lo que contiene

A continuación, agregaremos un atributo de marcado: Localización de la casa. Schema.org define homeLocation como "Una ubicación de contacto para la residencia de una persona".

Necesitamos agregar ese atributo específico al HTML. Así es como lo hacemos:

vivo en Denver.

Ahora "Denver" se identifica como el Localización de la casa propiedad, y Google sabe que la persona identificada en este párrafo vive allí.

Si cambiamos la oración a "Vivo y trabajo en Denver", podemos mostrar eso también:

Vivo y trabajo en Denver.

Denver ahora se identifica como ambos Localización de la casa y ubicación de trabajo. (Gracias a Lloyd Bank y unor en Stack Exchange por delineando este ejemplo.)

Este es un caso bastante simple de marcado de esquema, pero se entiende la idea. Mediante el uso y etiquetas, puede agregar atributos y propiedades a cualquier cosa en su página.

Schema.org Marcado con JSON

Google recomienda utilizar JSON-LD (notación de objetos JavaScript para datos vinculados) para el marcado de esquemas. La mayor ventaja de este método es que mantiene su HTML mucho más limpio. Si vuelve a editar una página y ve docenas de páginas de código con marcado, no será feliz.

El marcado JSON todavía requiere mucho espacio, pero está separado de su HTML, lo que facilita su mantenimiento.

Supongamos que tiene una librería llamada Harker's y ha incluido la siguiente información en su página de contacto:

Número de teléfono: 555-8710. Dirección: 749 Stoker St., Boulder, Colorado. Horario: 10–9 lunes a viernes, 11–8 sábado, 12–5 domingo

Así es como lo representaría con JSON-LD:

Esto va en el encabezado de su página. Como puede ver, esto va a ocupar mucho espacio, porque es casi seguro que este contenido también se mostrará en su página en HTML. Por lo tanto, todo lo que desee marcar se escribirá dos veces.

Sin embargo, a pesar de esa duplicación, el método JSON a menudo es preferible, ya que separa el marcado de esquema y su HTML. Muchos Mejores prácticas HTML 9 errores que no debes cometer al crear una página webLos siguientes errores de codificación HTML son fáciles de realizar, pero si los elimina más temprano que tarde, su página se verá mejor, será más fácil de mantener y funcionará como lo desea. Lee mas parece un poco extraño hasta que te das cuenta de que hacen que los sitios sean más fáciles de mantener. Esto es lo mismo.

Agregar marcado de esquema a su sitio

¡Ahora que ha visto algunas formas diferentes de agregar notación de datos estructurados a su sitio, puede comenzar! Es una buena idea comenzar con el Marcador de datos y continuar desde allí. La documentación de Schema.org es el último recurso, pero es un poco difícil de leer.

No importa si quiere ir a lo básico o comenzar a marcar todo a la vista, ¡ahora tiene los recursos que necesita para comenzar!

¿Has utilizado el marcado Schema.org en tu propio sitio? ¿Tiene algún consejo para los propietarios de sitios o desarrolladores que desean comenzar? ¡Comparte tus pensamientos en los comentarios a continuación!

Crédito de imagen: iinspiration a través de Shutterstock.com