El marcado Schema proporciona datos adicionales a los motores de búsqueda, además de hacer un mejor uso de otras herramientas como las plataformas de redes sociales y los paneles de conocimiento de Google. Cuando se utiliza correctamente, puede dar un impulso a tu SEO haciendo que tus páginas sean elegibles para aparecer en las características especiales de las SERP, dándote una visibilidad extra en los resultados de búsqueda.
Hay varias maneras de añadir este marcado a tu sitio, ya sea instalando con un plugin o añadiendo manualmente el código correcto.
En este post, explicaremos lo que es el Schema markup te mostraremos algunos de los beneficios, y te daremos algunos ejemplos. También aprenderás cómo añadir el Schema markup a tu sitio de WordPress.
Y recuerda, tu objetivo final es aumentar los ingresos de tu tienda. Así que asegúrate de descargar nuestro ebook gratuito, 10 Maneras de Aumentar las Conversiones de tu Página de Producto de WooCommerce.
¿Qué es Schema markup?
El Schema markup es un tipo de metadatos (llamados microdatos) que se agrega a tu sitio para dar a los motores de búsqueda más información sobre lo que está sucediendo. En el pasado, hemos utilizado etiquetas HTML para proporcionar este tipo de información a los motores de búsqueda.
Cosas como etiquetas de título, meta descripciones y meta palabras clave (ya no relevantes) han sido útiles para decirle a los motores de búsqueda de qué se trata un sitio.
Pero eso no le da a los motores de búsqueda toda la información que necesitan para poder entender completamente de qué se trata tu sitio y a quién le atraería. Y ahí es donde añadiendo Schema markup a WordPress entra en el juego.
Schema markup se agrega al HTML dentro de las páginas de tu sitio. Te da a los elementos individuales propiedades adicionales, como qué tipo de información incluyen y cuál es el contexto.
Así que por ejemplo, podrías ver algo como esto en una página:
<div itemscope itemtype ="http://schema.org/Movie">
<h1 itemprop="name">Avatar</h1>
<span>Director: <span itemprop="director">James Cameron</span> (born August 16, 1954)</span>
<span itemprop="genre">Science fiction</span>
<a href="../movies/avatar-theatrical-trailer.html" itemprop="trailer">Trailer</a>
</div>
Schema markup añade una capa extra de datos a tu contenido. Le dice a los motores de búsqueda si se trata de una organización, una persona, un lugar o incluso una película.
Esto significa que cuando la gente busca esas cosas, es más probable que obtengan un resultado preciso. Esto hace que sea más probable no sólo que sus páginas se encuentren en los resultados de búsqueda, sino también que obtengan paneles de conocimiento precisos en Google y que sus cuentas de medios sociales se vinculen efectivamente a su sitio web y aumenten sus clasificaciones de búsqueda.
Se explica mejor mostrando algunos ejemplos de cómo se puede utilizar Schema markup y qué tipo de información proporciona. Lo veremos en breve.
Ventajas de añadir Schema markup a los sitios de WordPress
Así que antes de empezar a ver cómo añadir Schema markup a tu sitio de WordPress, identifiquemos los beneficios.
El mayor beneficio es el SEO. Al proporcionar datos contextuales a los motores de búsqueda, se hace más probable que su sitio de WordPress se clasifique más alto en las SERP. Significa que el detalle granular requerido por los motores de búsqueda en el 2020 es más probable que sea preciso y refleje lo que tu sitio es realmente.
Así que si tienes un sitio personal con tu propio blog, puedes decirle a los motores de búsqueda que tu sitio representa a una persona y quién es esa persona. Gracias al Schema markup, también puedes vincular tu sitio a tus cuentas individuales de medios sociales.
Echa un vistazo a nuestro Videotutorial para Añadir el Marcado de las Redes Sociales
Si tu sitio representa una organización, por otro lado, le dirá a los motores de búsqueda algo diferente.
También hay beneficios para el SEO dependiente de la ubicación. Puedes utilizar el Schema markup para indicar a los motores de búsqueda dónde se encuentra tu sitio web o dónde se encuentra la organización que representa. Si la gente busca un tipo de negocio específico en su área, obtendrá un mayor posicionamiento en los motores de búsqueda.
Además del SEO, Schema markup ayudará con los paneles de conocimiento en Google. Los paneles de conocimiento son áreas de información que se muestran a la derecha de los resultados de búsqueda. Se relacionan con los términos de búsqueda y ofrecen tablas ricas en información de diversas fuentes.
Así que, por ejemplo, si busco a Matt Mullenweg, veo un panel de conocimiento que me dice más sobre él.
Si añades un Schema markup a tu sitio de WordPress, Google sabrá si tu sitio representa a una persona u organización y qué tipo de contenido hay en tus páginas.
Puede utilizarlo para rellenar su panel de conocimientos y asegurarse de que contiene más información (y más precisa) de diferentes fuentes, como sus cuentas de medios sociales.
Schema markup también ayuda con rich snippets y los sitelinks. Esto es cuando la lista de tu motor de búsqueda no sólo incluye tu página de inicio, sino también información adicional como el contenido de tu sitio o una lista de subpáginas dentro de tu sitio. Schema markup proporciona información que ayuda a los motores de búsqueda a extraer esa información y agregarla a sus SERP. Estos ricos resultados de búsqueda demostraron aumentar los índices promedio de clics.
Schema markup también puede ayudarte a vincular tu sitio web con tus cuentas de medios sociales. Uno de los elementos de microdatos que puede incluir en tu sitio es un enlace a varias cuentas de medios sociales, incluyendo Facebook y Twitter. Esto ayudará a los motores de búsqueda a utilizar las dos fuentes de información juntas para proporcionar a la gente los resultados que necesitan cuando están buscando algo sobre ti.
Ejemplos de Schema markup
Así que ahora sabes por qué deberías añadir Schema markup a tu sitio de WordPress. Pero antes de que puedas hacer eso, necesitas saber qué tipo de marcación puedes añadir y qué tipos de datos están soportados.
Hay una lista completa de los tipos de datos en schema.org y los más utilizados son:
- Trabajos creativos: Trabajos creativos, libros, películas, grabaciones musicales, recetas, series de televisión, etc.
- Objetos incrustados sin texto: AudioObjeto, ImagenObjeto, VideoObjeto.
- Evento.
- Organización.
- Persona.
- Lugar, negocio local, restaurante y más.
- Producto, Oferta, Oferta Agregada.
- Repaso, AggregateRating.
- FAQ
- Cómo Hacerlo
- Podcast.
Este es sólo un pequeño subconjunto de los tipos de datos disponibles: hay docenas, si no cientos de ellos. Google ha creado una página muy útil para mostrar las características de las SERP disponibles cuando se añaden datos estructurados a las páginas.
Y cada vez se añaden más. Por ejemplo, la versión 6.0 del esquema añadió nuevos tipos de datos incluyendo MediaGallery, SportsEvent, FloorPlan y propiedades extra para JobPosting.
Y con los recientes acontecimientos relacionados con el Coronavirus, Schema.org ahora también incluye esquemas para anuncios especiales, instalaciones de pruebas de Covid-19, y más.
Los beneficios de marcar los podcasts con Schema markup
A medida que más y más dependemos de asistentes de voz como Amazon’s Echo o el Asistente de Google, marcar que su contenido es un podcast es cada vez más importante. De hecho, Google ahora incluye fuentes de audio en los resultados de búsqueda y está empezando a priorizar los formatos de audio en los resultados de búsqueda de los dispositivos que utilizan Android, sus aplicaciones y su página de inicio, para dar más visibilidad a tu podcast.
Usando los tipos de datos
Digamos que tu sitio representa un restaurante. Para indicarle esto a los motores de búsqueda, debes utilizar Schema markup, específicamente los tipos de datos de organización y restaurante, para agregar esta información a tus páginas.
Además, es posible que también quieras una página de localización y páginas de eventos que se aproximan en tu restaurante, en cuyo caso usarías el tipo de datos de eventos para dar a los motores de búsqueda más información al respecto.
Con un simple ejemplo como éste, se puede ver cómo varios tipos de datos pueden relacionarse con un sitio o página web en particular.
Más adelante en este post, verás cómo usar un plugin para añadir microdatos proporcionados por schema.org a las diversas páginas de tu sitio de WordPress.
Primero, veamos algunos ejemplos de la vida real de Schema markup en acción.
Ejemplo de Schema markup: Kinsta.com
El sitio web de Kinsta es un buen lugar para empezar.
Si hacemos una búsqueda de Kinsta, obtenemos un resultado que no sólo incluye el enlace al sitio web, sino que también incluye otros términos de búsqueda que la gente ha utilizado para encontrar a Kinsta y algunas de las subpáginas más buscadas del sitio.
Si conectas el sitio web de Kinsta a la herramienta de prueba de datos estructurados de Google, encontrarás que hay aún más microdatos incluidos en nuestro sitio.
(También hay un huevo de Pascua bastante guay ahí en forma de logo y otra información gráfica renderizada como código!)
La inspección de los resultados de la herramienta de prueba de datos muestra los tipos de datos de marcación del esquema que se están utilizando, algunos de los cuales son
- @tipo: Página web.
- Editor @tipo: Organización.
- Publicado por: https://www.facebook.com/kinstahosting (también hay datos para Instagram, Twitter y otros canales de medios sociales).
- es parte del nombre: Kinsta Managed WordPress Hosting.
Esta es sólo una muestra de los microdatos proporcionados sobre Kinsta. Puedes encontrar el resto en la herramienta de Google Structured data testing tool.
Ejemplo de Schema markup: Yoast.com
Echemos un vistazo a otro ejemplo de Schema markup que se utiliza en un sitio. He elegido Yoast porque su plugin de SEO incluye el Schema markup.
Si buscas en Google Yoast, obtendrás algunos sitelinkes (al igual que con Kinsta), pero también obtendrás un panel de conocimiento que incluye información sobre Yoast y sobre sus cuentas de medios sociales.
Si se ejecuta el sitio web de Yoast a través de Google Structured data testing tool, se verá que están utilizando el Schema markup para proporcionar esta información (como se esperaba).
El Schema markup es utilizado principalmente por organizaciones y organizaciones tecnológicas. Esto se debe a que, históricamente, añadir Schema markup a un sitio no fue fácil.
Los propietarios de sitios de WordPress, sin embargo, tienen una ventaja ya que pueden usar un plugin para agregarlo.
Veamos cómo.
¿Cómo añadir Schema markup a tu sitio de WordPress?
Hay diferentes maneras que puedes usar para añadir el marcado de schema.org. ¡Echemos un vistazo!
Añadiendo Schema markup a través de tu tema
Una forma de añadir Schema markup a tu sitio de WordPress es instalar un tema que tenga Schema markup ya incluido. Si buscas el esquema en el directorio de temas de WordPress, obtendrás varios resultados.
Echemos un vistazo a algunos de esos temas.
The Schema
El tema gratuito The Schema está diseñado para impulsar tu SEO. Incluye el esquema como parte de su código y afirma que ayudará a mejorar tu posicionamiento en los motores de búsqueda. También tiene mejoras de rendimiento incorporadas.
Schema Lite
El tema de Schema Lite es la versión gratuita del tema de Schema premium. No incluye todas las características del tema premium, pero es una buena manera de probarlo y ver si el tema funciona para ti.
Schema
El tema premium de Schema tiene un diseño similar a Schema Lite, pero tiene más características que mejoran el SEO. Incluye una página de opciones en la que se puede agregar información sobre tu sitio que luego se agregará como Schema markup.
Agregar Schema markup a través de un plugin dedicado de WordPress
La mayoría de los sitios ya tienen un tema instalado, por lo que es posible que no quieras cambiar el tema sólo para obtener Schema markup. La buena noticia es que hay plugins que puedes usar para añadir Schema markup a tu sitio de WordPress.
Echemos un vistazo a algunas de las opciones.
El Plugin de Schema
El plug-in de Schema facilita añadir Schema markup a WordPress. Tiene algunas características útiles, como la posibilidad de habilitar diferentes tipos de esquema por categoría o por tipo de post, y es compatible con los tipos de posts personalizados. También funcionará con otros plugins instalados, incluidos los plugins de SEO para aprovechar el marcado que ya estás usando.
Este plugin utiliza JSON-LD (un formato ligero de Linked Data), que es el recomendado por Google y también soportado por Bing. Ten en cuenta que el marcado de revisión no está incluido en el plugin core Schema. Sin embargo, hay un plugin complementario gratuito de Schema Review que añadirá esta capacidad.
Echemos un vistazo a cómo se configura el plugin de Schema.
Instálalo de la manera habitual yendo a Plugins > Add New y buscando por Schema. Haz clic en Instalar y luego en Activar.
Una vez que el plugin esté instalado y activado, ve a Schema > Settings para empezar a añadir Schema markup a tu sitio. Rellena la información básica, como la ubicación de tus páginas Acerca de y Contacto, junto con la adición de un logotipo.
Luego, haz clic en el botón del Asistente de Configuración Rápida para empezar a configurar las cosas.
Trabaja a través del asistente, proporcionando información sobre tu sitio y tus perfiles de medios sociales, luego haz clic en el botón al final para editar tus tipos de publicaciones personalizadas.
Añade a la lista cualquier tipo de mensaje personalizado extra que esté en tu sitio haciendo clic en el botón Añadir Nuevo y rellenando los detalles. También puedes usar esta pantalla para añadir Schema markup a las categorías. Revisa la documentación del plugin para algunas capacidades de uso más avanzadas
Si quieres seguir ajustando tu configuración, ve a la pestaña Configuración. También puedes añadir extensiones yendo a Esquema > Extensiones. Aquí puedes añadir plugins adicionales para WooCommerce, entre otras cosas. También puedes instalar la versión premium del plugin de Schema que incluye las siguientes características adicionales:
- Elegir dónde se debe producir el marcado del guión de schema.org.
- Minimizar los guiones.
- Añadir un enlace a tu barra de herramientas de administración para probar el marcado de schema.org.
- Habilitar las instrucciones para las propiedades.
- Añadir el marcado de schema.org para publicar archivos de tipos de posts y etiquetar archivos.
Para otra forma rápida y fácil de minificar los scripts y aumentar su optimización general, considera también minificar tu código. Kinsta ha incorporado una función de minificación de código en el panel de control de MyKinsta, permitiendo a los clientes activar la minificación automática de CSS y JavaScript con un simple clic.
Si necesitas un marcado avanzado del esquema en tu sitio, puede que valga la pena pagar el extra.
El plugin Schema Pro
Un plugin premium alternativo que añadirá un marcado avanzado de Schema a tu sitio de WordPress es el plugin Schema Pro.
Sus características incluyen:
- Soporte para una amplia gama de tipos de datos.
- Automatización completa, así que los datos del esquema se añaden a los posts y páginas nuevos y existentes.
- Soporte para tipos de posts personalizados, taxonomías y archivos.
- Soporte de campo personalizado.
- La capacidad de extenderlo y añadir más marcas.
Plugins alternativos…
Schema y el Schema Pro no son los únicos plugins que añadirán el marcado de schema.org a su sitio. Otros incluyen:
- WordLift AI powered SEO
- WP SEO Structured Data Schema
- All In One Schema Rich Snippets
- Schema and Structured Data for WP & AMP
- WPSSO Schema JSON-LD Markup
- Markup (JSON-LD) structured in schema.org
- Schema App Structured Data
- SEOPress
- WP Review (añade Schema markup específicamente para las revisiones).
Añadiendo Schema markup a través del plugin de Yoast SEO
Si ya estás usando el plugin de Yoast para SEO en tu sitio de WordPress, la buena noticia es que puedes usar este plugin para añadir Schema markup. No agrega tanto marcado como algunos de los plugins premium listados anteriormente, y no está dedicado a Schema markup, pero significa que no tienes que instalar y configurar un plugin adicional.
Echemos un vistazo a cómo funciona esto.
Cuando instales Yoast por primera vez, se le pedirá información como la entidad que representa el sitio web y los enlaces a los medios sociales. Todo esto es parte de añadir Schema markup a tu sitio de WordPress.
En primer lugar, te preguntará qué tipo de organización representa el sitio.
Luego se le pregunta el nombre de la persona u organización. Si se trata de una organización, también tendrás que subir un logotipo. En la siguiente captura de pantalla, he elegido a un usuario como la persona que representa el sitio. Si necesitas cambiar los detalles de la persona, hazlo a través de tu página de perfil.
Si tu sitio representa a una persona que no tiene una cuenta de usuario, tienes dos opciones. Eliges la opción Organización y rellena los detalles como si la persona fuera una organización o crea una cuenta de usuario con una dirección de correo electrónico que sea un alias propio, para que tu cliente no empiece a recibir correos electrónicos del sistema.
Si necesitas actualizar el tipo de entidad que representa tu sitio web en cualquier momento, ve a SEO > Apariencia de búsqueda y selecciona la pestaña General. Desplázase hacia abajo hasta la sección Knowledge Graph & Schema.org y completa los detalles correctos allí.
Si tu sitio representa a un individuo, puedes seleccionar un usuario de la lista desplegable y el plugin sacará información sobre ese usuario de su perfil de usuario. Así que si eres tú, asegúrate de llenar tu perfil de usuario con información sobre tu nombre y tus cuentas de medios sociales.
Si el sitio representa una organización o una persona que no tiene una cuenta de usuario, puedes simplemente introducir información sobre esa persona u organización en lugar de seleccionar un usuario. Para ello, ve a SEO > Social.
Una vez que hayas configurado el tipo de sitio web, Yoast añadirá tipos de datos y marcas de esquema a tu sitio de WordPress automáticamente.
Algunos ejemplos de cómo Yoast añade Schema markup a tu sitio de WordPress incluyen:
- Gráficos completos de entidad, basados en los tipos de contenido de tu sitio y los ajustes para el tipo de sitio. Esta es la lista de entidades y tipos de contenido de tu sitio, tal como se muestra cuando realizas una prueba en la Herramienta de Google Structured Data Testing Tool.
- Marcando los mensajes y páginas individuales con los tipos de datos de artículo y autor.
- Marcando las páginas de archivo con el tipo de datos apropiado, por ejemplo, CollectionPage para los archivos de taxonomía y fecha y ProfilePage para los archivos de autor.
- Marcando los resultados de la búsqueda como SearchResultsPage.
Otra característica interesante es Yoast Structured Data Blocks. Puedes usarlos para añadir preguntas frecuentes, «How-tos» a tus posts o páginas, y Schema markup relevante se los usará para decirle a los motores de búsqueda lo que son.
También puede agregar un marcado extra de esquema con los complementos de Yoast, como los tipos de datos de ubicación con el complemento de SEO local y los datos de noticias con el complemento de SEO de noticias.
¿Cómo añadir Schema markup a una tienda WooCommerce?
Si tienes una tienda WooCommerce, hay aún más beneficios al implementar Schema markup. Si los motores de búsqueda entienden completamente lo que tu tienda vende y dónde están tus mercados clave, es más probable que muestren tu tienda al tipo de visitantes que desees. Por lo tanto, vale la pena agregar el marcado de esquema a tu tienda WooCommerce para mejorar el SEO.
¿Por qué añadir Schema markup a tu tienda?
Agregar Schema markup a tu tienda le dice a la gente dos cosas claves.
La primera es la marca: El tipo de organización y sus subtipos le dirá a los motores de búsqueda para qué tienda es este sitio y qué tipo de minorista es. También puedes utilizar los tipos de datos para los negocios locales para atraer a las costumbres locales.
También puedes usar Schema markup para marcar tus tipos de postes. De esta manera, los motores de búsqueda saben que estás vendiendo productos. Esto maximiza tus posibilidades de aparecer en los resultados de la búsqueda de compras.
Agregar Schema markup a las tiendas de WooCommerce a través de un plugin dedicado de WordPress
Hay unos cuantos plugins que te permiten añadir Schema markup a tu tienda WooCommerce:
- Yoast WooCommerce SEO es un plugin premium que te permite añadir Schema markup similar a tu tienda como el plugin normal de Yoast te permitirá añadir a un sitio general.
- El SEO para comercio electrónico de WordLift añade datos estructurados y un marcado de producto ampliado para ayudar a dar más visibilidad a tus productos en los listados de venta de Google.
- WPSSO Core (Premium) incluye el marcado de comercio electrónico para las tiendas de WooCommerce. Tiene una estructura de tarifas basada en el número de instalaciones de WordPress que estás ejecutando.
- Schema WooCommerce es una extensión de WooCommerce para el plugin de Schema que ya hemos visto anteriormente y que añade el correspondiente Schema markup a tu tienda de comercio electrónico.
¿Cómo añadir manualmente Schema markup a WordPress?
La última opción para añadir Schema markup a tu sitio de WordPress es hacerlo manualmente, sin un plugin. Esto tiene el beneficio de no tener un código extra, pero requerirá más trabajo.
Puedes hacerlo editando los archivos de plantilla de tu tema.
Así, por ejemplo, si tienes un archivo loop-single.php que da salida a posts individuales, el archivo podría consistir en un código como este:
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
<h2 class="entry-title"><?php the_title(); ?></h2>
<?php if ( has_post_thumbnail() ) { ?>
<?php the_post_thumbnail( medium, array(
'class' => 'left',
'alt' => get_the_title()
) );
?>
<?php } ?>
<section class="entry-content">
<?php the_content(); ?>
</section><!-- .entry-content -->
</article>Podrías editar ese código para incluir Schema markup, así:
<article itemscope itemtype ="http://schema.org/Article" id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
<h2 itemprop="name" class="entry-title"><?php the_title(); ?></h2>
<?php if ( has_post_thumbnail() ) { ?>
<?php the_post_thumbnail( medium, array(
'class' => 'left',
'alt' => get_the_title()
) );
?>
<?php } ?>
<section itemprop=”articleBody”>class="entry-content">
<?php the_content(); ?>
</section><!-- .entry-content -->
</article>Probablemente podrías añadir más, por ejemplo, a la imagen destacada y a cualquier metadato. Averigüe qué tipos de elementos y propiedades se aplican a su contenido en el sitio web Schema.org.
Entonces tendrías que añadir el marcado correspondiente a cada uno de los archivos de plantilla o incluir archivos en tu tema, incluyendo tu archivo header.php.
Una vez que lo hayas hecho, se añadirá automáticamente a cada página usando ese archivo de plantilla. Es posible que tengas que agregar archivos de plantilla adicionales para los tipos de publicaciones que utilizan archivos en niveles superiores de la jerarquía, pero esto sólo significaría copiar y renombrar los archivos existentes y luego agregar Schema markup.
Probando tu Schema markup
Una vez que hayas añadido Schema markup a tu sitio de WordPress o tal vez antes de hacerlo para la comparación, es una buena idea probarlo.
Utiliza la herramienta de prueba de Google Structured Data Testing Tool.
Abre la herramienta en tu navegador y escribe la URL de tu sitio. Algunos plugins te darán un botón que se enlaza con esto desde el tablero de mandos de WordPress.
La herramienta de prueba de Google indicará qué aspectos de la marca del esquema están presentes en tu sitio y cuáles faltan. Si hay algún aspecto faltante que crees que necesitas, puedes volver y ajustar la configuración del plugin o añadir la marca que falta manualmente.
Resumen
Añadir Schema markup a tu sitio de WordPress te dará un impulso SEO porque le dirá a los motores de búsqueda más sobre tu sitio y el contexto en el que existe. Mostrar información relevante directamente en la página de listado de un motor de búsqueda puede ser la diferencia entre hacer una venta o no.
La mayoría de los sitios aún no usan Schema markup, así que si pasas un corto tiempo agregando esto, instantáneamente estarás más adelante que tus competidores. Puedes hacerlo manualmente, utilizando un plugin de SEO como Yoast o instalar un plugin de esquema dedicado en tu sitio.
Ahora te toca: ¿estás sacando provecho de Schema markup en tu sitio? ¡Haznoslo saber en los comentarios!
Rachel McCollin lleva ayudando a la gente a crear sitios web con WordPress desde 2010. Es una gran fan de WordPress autoalojado y quiere ayudar a tanta gente como sea posible a crear un sitio web impresionante con él.
Deja una respuesta