¿Alguna vez has visto esas llamativas estrellas y fragmentos de texto en Google y te has preguntado "cómo puedo hacer que mi sitio web destaque así"?
Esos "extras" se llaman fragmentos enriquecidos. Y es sorprendentemente fácil utilizar fragmentos enriquecidos en WordPress - sólo tienes que hacer un poco de trabajo de campo para dar a Google y a otros motores de búsqueda la información que necesitan.
En este artículo, vamos a explicarte todo lo que necesitas saber sobre ellos y cómo añadir fragmentos enriquecidos en WordPress. Para que eso suceda, vas a aprender algunas cosas:
- Qué es el marcado schema y cómo funciona entre bastidores para obtener fragmentos enriquecidos (rich snippets)
- Los distintos tipos de fragmentos enriquecidos (y su relación con el marcado schema)
- Cómo añadir paso a paso el marcado schema y los fragmentos enriquecidos a su sitio de WordPress
¡Adelante!
¿Qué es el marcado Schema?
Antes de empezar, te advierto que vas a encontrarte mucho con estos términos.
- Fragmentos enriquecidos
- Datos estructurados
- Marcado Schema
Todos están interconectados y vamos a explicárselos. Muchos de ustedes pueden encontrar esto difícil, así que vamos a mantener las cosas simples, pero ayuda a saber lo que está pasando bajo el capó, por así decirlo.
Empecemos por el término que ya conoces: fragmentos enriquecidos. Los fragmentos enriquecidos, también llamados resultados enriquecidos, son esos pequeños fragmentos de información que se ven en los resultados de búsqueda de Google incluso antes de abrir el sitio real.
Vienen en muchos formatos diferentes y algunos de los rich snippets más comunes son:
- Clasificación por estrellas
- Información sobre la receta
- Precio
- Especificaciones del producto (y más)
Para ofrecerte fragmentos enriquecidos, los motores de búsqueda se basan en algo llamado datos estructurados. Los datos estructurados son un tipo de código entre bastidores que se utiliza para comunicarse con motores de búsqueda como Google o Bing.
Técnicamente, el marcado de esquemas es un tipo específico de datos estructurados. Pero para simplificar, puede pensar que el marcado de esquema y los datos estructurados son lo mismo. A partir de ahora nos referiremos a ellos exclusivamente como marcado de esquema.
Sus visitantes humanos nunca ven marcado schema - pero los motores de búsqueda lo utilizan para comprender mejor el contexto de su sitio. Por ejemplo, el marcado schema dice a los motores de búsqueda: "ese número es el tiempo que tarda la receta en cocinarse", pero "este otro número es el tiempo de preparación".
A continuación, los motores de búsqueda toman este contexto adicional y lo utilizan para ofrecer a su sitio fragmentos enriquecidos y a quienes los buscan un acceso fácil a la información de su sitio.
Recapitulemos:
- El marcado Schema proporciona a los motores de búsqueda más contexto sobre su contenido
- Los motores de búsqueda utilizan la información del marcado schema para ofrecer a su sitio fragmentos enriquecidos.
- Los humanos ven los fragmentos enriquecidos, pero no el marcado schema
Puede ser mucho para procesar, pero si quieres aprender más sobre esto, tenemos nuestro propio curso SkillJet sobre el tema que es fácil de seguir y aún más fácil de implementar. Compruébelo aquí.
Ventajas de disponer de un esquema
Disponer de marcas schema en su sitio web puede ser extremadamente útil para los motores de búsqueda, para usted y su sitio web, y para sus visitantes.
Ayuda a los motores de búsqueda con el contexto
Cuando los motores de búsqueda rastrean sus sitios web, esperan encontrar una lista de cosas. Normalmente se basan en el contenido y el contexto. Todo lo que usted pone en su sitio web es el "contenido" y el marcado schema proporciona un poco del "contexto" general.
Si dispone de marcado schema en su sitio web, ayudará fácilmente a los motores de búsqueda a saber de qué trata su sitio web y la información que contiene.
También les ayuda a averiguar para qué sirve tu contenido. Si la serie de números que recogieron en su sitio web es sólo un conjunto aleatorio de números, una dirección o un número de teléfono. De este modo, esta información puede presentarse fácilmente como Rich Snippets en la página de búsqueda de Google.
Y ¡voilá! La información es fácilmente visible para quien la busque incluso antes de entrar en tu página.
Aumentar el CTR
No se puede negar que estos fragmentos enriquecidos atraen más clics que el resultado de búsqueda normal, por lo que esta característica añadida puede llamar más la atención de su sitio web. Aumentar los clics, aumentar las visitas.
Mejorar las SERPs
Es bien sabido en la industria que tener el marcado schema en su sitio web, y la capacidad de Google para mostrar con precisión estos fragmentos enriquecidos, tiene el beneficio añadido de llevar su sitio web más arriba en los resultados de búsqueda de Google.
De hecho, algunos estudios han demostrado que los sitios web obtienen un aumento de 30% en CTR al tener marcado schema en sus sitios web.
¿Está suficientemente convencido? Siga leyendo para saber cómo añadir el marcado schema a su sitio web WordPress.
Diferentes tipos de marcado Schema
Existen tres tipos de Schema Markup: JSON-LD, Microdata y RDFa. Todos ellos pueden resultar un poco complicados, pero intentaremos explicarlos de la forma más sencilla posible.
Entender todo esto requiere cierto nivel de conocimientos de codificación, especialmente con el desarrollo web. Pero, para simplificar, Google recomienda utilizar JSON-LD como método empleado para Schema Markup.
La razón principal es que es simplemente la forma más fácil. La salida de un JSON-LD en el sitio es tan fácil como añadir la etiqueta en la parte de su sitio web. Mientras que los otros dos implican juguetear con el cuerpo real. Que puede ser visible para el usuario.
Añadir Schema Markup a WordPress
Como estamos hablando de WordPress, hay muchas maneras diferentes y muchos plugins diferentes que pueden hacer el trabajo. Sin embargo, vale la pena conocer tus opciones.
Empecemos.
Utilización de Schema Pro
Como ya se ha dicho, GMétodo recomendado por Google para añadir el marcado schema es a través de JSON-LD:
El beneficio de JSON-LD sobre los métodos que la mayoría de los otros plugins de WordPress rich snippets utilizan es que no hay necesidad de añadir ningún contenido nuevo al front-end de su sitio web.
En cambio, si utiliza los otros métodos, se verá obligado a añadir un nuevo cuadro visible para el ser humano en el contenido de su sitio sólo para obtener fragmentos enriquecidos con plugins que no utilicen JSON-LD.
Pero como con cualquier cosa de WordPress, hay una manera fácil. Y es mediante el uso de nuestro propio Plugin Schema Pro.
He aquí todo el proceso, paso a paso.
Paso 1: Instale Schema Pro y ejecute el asistente de instalación
Para empezar, instale y active el plugin Schema Pro.
Una vez activado el plugin, vaya a Ajustes → Esquema Pro. A continuación, haga clic en el botón Configuración y haga clic en Iniciar el asistente de configuración para configurar la información básica de su sitio:
Estos datos no le ayudarán directamente a añadir fragmentos enriquecidos a las entradas del blog de WordPress, pero son útiles para otros tipos de resultados enriquecidos, como las migas de pan y los enlaces del sitio.
Las opciones de configuración son bastante sencillas. Pero si te encuentras con algún problema, sólo tienes que hacer clic en el botón signo de interrogación y Schema Pro le informará de lo que hace el ajuste:
Paso 2: Crear un nuevo esquema
Una vez que haya finalizado el asistente de configuración, estará listo para añadir su primer esquema. Esta es la información que le ayudará a añadir rich snippets a WordPress.
Para empezar, diríjase a la página Esquemas y haga clic en Añadir nuevo:
Paso 3: Elija su tipo de esquema
En la siguiente pantalla, tendrás que elegir qué tipo de esquema quieres añadir. ¿Recuerdas cuando hablamos de los tipos de contenido al principio de este artículo? Aquí es donde eliges qué información de marcado de esquema quieres añadir.
Básicamente, sólo tiene que elegir el tipo de contenido que más se acerque al tipo de contenido para el que desea los fragmentos enriquecidos.
Por ejemplo, si desea obtener esos fragmentos enriquecidos de reseñas, elegiría la opción Consulte opción. O, si escribes recetas, elegirías la opción Receta tipo.
Schema Pro le permite crear varios esquemas diferentes y aplicarlos a distintos tipos de contenido. Así que si publica más de un tipo de contenido, elija sólo uno de ellos por ahora.
Lo haré. Consulte para este tutorial ya que es un uso bastante común, pero más adelante se detalla más información al respecto.
Paso 4: Elegir las páginas de destino
Ahora puedes decidir a qué contenido quieres añadir este marcado schema. Tienes mucha flexibilidad aquí.
Puede aplicar el marcado de esquema a todos su contenido. O bien, sólo se puede aplicar a:
- Tipos de puesto
- Categorías
- Etiquetas
- Puestos individuales
También puedes combinarlos:
- Habilitar reglas - el esquema se añadirá al contenido que cumpla esta regla.
- Normas de exclusión - el esquema no a los contenidos que cumplan esta norma.
Porque estoy usando un Consulte Por ejemplo, supongamos que sólo quiero aplicar el esquema de reseñas a las entradas de la categoría "Reseñas" de mi blog.
Para ello, tendrías que:
- Seleccione Páginas específicas... en el menú desplegable
- Buscar la categoría de revisión
- Seleccione la categoría de revisión en la lista de autosugerencias
Una vez que haya terminado, haga clic en Siguiente para finalizar su(s) elección(es) de ubicación.
Paso 5: Asigne Schema a su contenido
Con esto termina el asistente. Haga clic en el botón Configuración completa para terminar las cosas:
En la siguiente pantalla, verá una lista de toda la información asociada a ese tipo de contenido (recuerde: un tipo de contenido de reseña necesita información diferente que un tipo de contenido de receta, etc.).
Schema Pro intentará asignar automáticamente esta información a su contenido existente siempre que sea posible.
Por ejemplo, puede ver que Schema Pro hará que el archivo Nombre del revisor igual que el Nombre del autor de WordPress. Esto significa que no necesita introducir manualmente el nombre del revisor cuando publique su revisión..:
Para el resto de la información, puede elegir. Puede elegir:
- Haga que Schema Pro añada un nuevo campo personalizado al editor de WordPress (esta es la mejor opción para la mayoría de los usuarios - es muy simple)
- Asigne esa información a un campo personalizado existente, incluidos los que haya añadido con Campos personalizados avanzados o Pods (esta es una gran opción para los desarrolladores)
Si no eres un experto en tecnología, puedes dejar estos valores por defecto, que será añadir un nuevo campo personalizado al Editor de WordPress.
Paso 6: Si es necesario, añada información adicional en el editor de WordPress
Ahora, cuando vayas a crear un nuevo contenido que cumpla las reglas que has especificado, verás algunos campos personalizados adicionales en los que puedes introducir nueva información.
Para el fragmento enriquecido de revisión, eso significa que el:
- Nombre del artículo
- Imagen del artículo
- Valoración de la revisión
Para el resto de la información (fecha de publicación, nombre del revisor, etc.), Schema Pro extraerá automáticamente la información de su sitio de WordPress; no tiene que hacer nada.
¡Y ya está!
Marcas de esquema compatibles con Schema Pro:
Hay muchos. Pero, por suerte para usted, las hemos desglosado y descubrirá que hay más de una que podría utilizar para mejorar su sitio.
Consulte
¿Le gustan las reseñas de productos? ¿O productos con reseñas de lujo? Los tenemos cubiertos. Muestra todos los aspectos positivos y las estrellas de tu producto que seguro atraerán a clientes y visitantes potenciales.
Empresas locales
Crear fragmentos enriquecidos para que tu negocio aparezca en la primera página de Google es ahora más fácil que nunca. Muestre todas sus reseñas, ubicación, número de teléfono e incluso el horario de la tienda. Si tienes un restaurante, una clínica dental o de salud, una farmacia, una escuela, una tienda de comestibles, un salón de belleza, etc. etc. lo tenemos cubierto.
Artículo
Si es usted autor, periodista o propietario de un periódico en línea, el hecho de que aparezcan fragmentos de noticias en los resultados de búsqueda seguramente atraerá a muchos más lectores a su sitio. Puede llevar sus titulares y subtítulos a las primeras líneas de Google.
Servicio
Ya se trate de servicios profesionales, servicios a domicilio, cuidado de mascotas o servicios físicos, añadir schema al sitio web de su empresa es la mejor forma de hacerlo. Llame fácilmente la atención de sus clientes con rich snippets.
Producto
Puede parecer un resultado de búsqueda básico, pero fíjese en la información añadida, como valoraciones, precios y disponibilidad de existencias, que son fácilmente visibles. Más visibilidad, más ventas, ¡seguro!
Curso
Si diriges una escuela online o un curso de formación, no tienes que preocuparte de añadir rich snippets para ellos también. Contar con esto para tus cursos seguro que puede atraer a potenciales alumnos, ¡fácil!
Receta
Tanto si eres bloguero gastronómico como propietario de un restaurante, es la mejor forma de mostrar tus recetas. Añade campos para los ingredientes, el tiempo de preparación, el tiempo de cocción e incluso fotos del plato. Esto seguro que captará la atención de la gente incluso antes de que visiten tu página.
Persona
¿Te has preguntado alguna vez si Oprah tiene su propio perfil en Google sólo porque es famosa? Pues no es así. Tú también puedes tener el tuyo. Es una de las mejores y más fáciles formas de promocionarte y dar a conocer quién eres al mundo.
Ofertas de empleo
¿Quiere contratar personal para su empresa? ¿O tiene un sitio web de ofertas de empleo? Añadir fragmentos enriquecidos a las ofertas de empleo es una de las mejores formas de atraer a la gente para que envíe sus solicitudes.
Aplicación informática
Las aplicaciones están de moda. Tanto si tienes tu propia empresa de desarrollo de software como si sólo tienes una aplicación puntual que quieres promocionar, añadir fragmentos enriquecidos para ellas es una de las mejores formas de que la gente se entere de su existencia. Etiquetas como valoraciones y precios pueden ayudarte a atraer a los usuarios para que compren o hagan negocios contigo.
Reserve
Uno de los usos más populares de los fragmentos enriquecidos es la promoción de libros. Ofrezca toda la información necesaria a sus lectores potenciales con una sola búsqueda en Google. Más clientes potenciales que atraer.
Evento
¿Tiene planeado un evento? Asegúrate de que todo el mundo lo sepa añadiendo fragmentos enriquecidos para tu evento. Informa a todo el mundo de las fechas, horarios y lugares de celebración.
Objetos de vídeo
Consigue fácilmente más visitas para tus vídeos añadiendo fragmentos enriquecidos. Ofrece información rápida para que tus espectadores no se pierdan ni un detalle.
Características principales de Schema Pro
Esquema Pro ha hecho que sea realmente sencillo añadir fragmentos enriquecidos a su sitio web. Ya no es la desalentadora tarea de añadir códigos que necesitas meses para aprender y practicar.
Automatización del marcado de esquemas
Añadir snippets a su sitio web no tiene por qué ser difícil y repetitivo. Con Schema Pro y unos pocos clics, puede añadir automáticamente el marcado de esquemas a su sitio web cubriendo todos los tipos de esquemas.
Salida JSON-LD
Para mantenerse al día con las últimas actualizaciones y tendencias de Google, Schema Pro implementa JSON-LD en la adición de marcas de esquema a su sitio web. En este sector, aprendemos a seguir siempre a Google.
Campos personalizados
La mayoría de los plugins sólo ofrecen determinados campos que se pueden rellenar. Pero, ¿y si tiene muchos más de los que están disponibles? No te preocupes, Schema Pro ofrece soporte para estos campos personalizados para que puedas remapear y editar fácilmente la información que necesites.
Asegurarse de que todo es preciso y correcto cuando Google rastrea el sitio.
Uso de Google Structured Data Markup Helper
Como se ha mencionado, hay un par de maneras diferentes que podemos añadir Rich Snippets y Schema Markup a su sitio web. Aparte de usar Schema Pro, Google también tiene una práctica herramienta que te permite añadir fácilmente el marcado Schema a tu sitio web.
Apropiadamente llamado Ayuda de Google para el marcado de datos estructuradosEn este sitio, puede añadir manualmente los datos estructurados a su sitio web.
Aquí tienes una guía paso a paso sobre cómo hacerlo.
Paso 1: Abrir el Structured Data Markup Helper
Ir a este y enseguida aparecerá esta portada:
En virtud del "Sitio web" seleccione el tipo apropiado de fragmentos que desea añadir. Para este ejemplo, he seleccionado "Artículo" e introdúzcalo en la URL del artículo.
Una vez que hayas terminado, haz clic en Empezar a etiquetar
Paso 2: Empezar a etiquetar
A partir de ahí, se le llevará a la siguiente pantalla. Aquí es donde se le mostrará la URL de la página del artículo que hemos introducido anteriormente a la izquierda y las etiquetas necesarias que se necesitan a la derecha.
Lo que tienes que hacer aquí es empezar a resaltar y seleccionar los elementos de tu artículo y etiquetarlos con los elementos de la derecha.
Por ejemplo, aquí he seleccionado la imagen y la he etiquetado como "Imagen". Una vez que resaltes o hagas clic en un elemento de tu artículo, aparecerá el menú contextual y es donde puedes seleccionar qué etiquetas añadir.
Si vas a etiquetar la fecha de publicación, sólo tienes que seleccionarla y etiquetarla como fecha de publicación.
No tienes que rellenarlo todo, pero es útil que rellenes todo lo que puedas. Cuando hayas terminado, haz clic en el botón "Crear HTML" de la parte superior derecha.
Paso 3: Descargue el código HTML y añádalo a su sitio web
Por último, en la tercera pantalla, sólo tienes que seleccionar la salida que te guste (aquí queremos JSON-LD) y puedes copiar el código o descargarlo.
Una vez que haga clic en Finalizar, básicamente le dirá qué hacer a continuación.
Dado que su sitio web está en WordPress, la forma más rápida de añadir el código es ir al Administrador de archivos de su alojamiento, buscar el archivo header.php y añadir el código.
Si no estás familiarizado con el gestor de archivos integrado de tu alojamiento, también puedes probar con SFTP o a través del propio panel de WordPress. Pero ten en cuenta que, si cometes un error, tu sitio web puede bloquearse. Así que si no estás seguro, opta por la opción 1.
Una vez hecho esto, es hora de probarlo.
Cómo probar el marcado Schema de su sitio web
Ya está todo listo. Para finalizar el proceso, puede utilizar Google Herramienta de comprobación de datos estructurados para verificar que ha añadido correctamente el marcado schema.
Solo tienes que introducir la URL de tu contenido y Google te dirá todas las marcas de esquema que encuentra en la página:
Y eso significa que Google tiene toda la información que necesita para dar a su sitio fragmentos enriquecidos. O siempre puedes consultar con otros herramientas de comprobación de datos estructurados.
Directrices para webmasters de Google para Schema
Es un hecho bien conocido que Google tiene un montón de reglas y directrices. Lo mismo ocurre con Schema.
Añadir fragmentos enriquecidos a su sitio web seguramente puede utilizarse de forma incorrecta, pero lo mejor es seguir las directrices publicadas por Google sobre dónde y cómo utilizarlos correctamente.
Puede consultar el artículo completo aquí. En resumen, no está garantizado que los fragmentos enriquecidos se muestren en los resultados de búsqueda de Google. Sin duda es útil tener uno, pero algunas de las razones por las que podrían no mostrarse incluyen:
- Los datos estructurados no son representativos del contenido principal de la página o pueden inducir a error.
- Los datos estructurados son incorrectos de una forma que la herramienta de comprobación no ha podido detectar.
- El contenido al que hacen referencia los datos estructurados está oculto para el usuario.
- La página no cumple las directrices para datos estructurados descritas aquí, las directrices específicas de tipo o las directrices generales para webmasters.
Es una lectura bastante larga, pero si sigues las directrices y el proceso correctamente, seguro que aumentarán tus SERPs en poco tiempo.
Dicho esto, puede que quieras ahorrarte el dolor de cabeza y utilizar Schema Pro en su lugar. Está automatizado, actualizado y es muy fácil de usar.
En conclusión
Hemos recorrido un largo camino desde el día en que Google se limitaba a mostrarnos infinitamente la lista de resultados de búsqueda cada vez que los buscábamos. Una de las mejores innovaciones en el sector de los motores de búsqueda son los fragmentos enriquecidos.
Permiten a los usuarios ver al instante más de lo que normalmente verían con una simple búsqueda, y a los propietarios de sitios web y empresas la oportunidad de comercializar sus productos, servicios, negocios, etc. incluso antes de que el usuario visite la página.
De entrada, puede ser difícil de entender, pero lo hemos hecho mucho más sencillo para usted. Si quieres mejorar tu posicionamiento en las SERP, atraer más visitantes a tu sitio y, finalmente, llegar a un público más amplio, es imprescindible que añadas datos estructurados o marcado schema a tu sitio.
Te lo hemos puesto fácil con nuestro propio Esquema ProTambién.
¿Ha añadido ya las marcas schema a su sitio? Háganos saber en los comentarios si lo ha hecho y cualquier pregunta que pueda tener también.
Divulgación: Este blog puede contener enlaces de afiliados. Si realiza una compra a través de uno de estos enlaces, es posible que recibamos una pequeña comisión. Leer información. Tenga la seguridad de que sólo recomendamos productos que hemos utilizado personalmente y que creemos que aportarán valor a nuestros lectores. Gracias por su apoyo.
Este artículo es tan explicativo y útil. Gracias chicos por ponerlo 🙂 .
De nada 🙂 .
¡Hola!
Tengo una pregunta sobre el plugin. ¿Podemos utilizar dos tipos de esquema para una sola entrada, como el esquema de artículos y el esquema de preguntas frecuentes al mismo tiempo? Gracias
Hola Elaine,
Sí, si ya hemos añadido un artículo y queremos añadir información sobre preguntas frecuentes en la misma página, puede añadir ambos esquemas al mismo tiempo.
Espero que esto lo aclare.
No dude en ponerse en contacto con nosotros a través de nuestro Portal de asistencia para una ayuda más rápida. 🙂
¡Wow! ¡Muy buen artículo! Ahora sé cómo hacer que mi sitio web rango más alto en los resultados de búsqueda. Definitivamente voy a poner rich snippets y schema markup. Gracias por la información. ¡Gran trabajo en esto!
Hola Nicole,
Me alegra saber que este artículo te ha resultado útil 🙂 .
Hola. ¿Tienes más artículos sobre Schema markup? Realmente me encanta la forma en que explicas esto. Quiero aprender más.
He seguido tus instrucciones y lo he probado con mi página web y realmente funciona. A partir de ahora voy a utilizar Schema Pro. Si pudieras enseñarnos más sobre las otras características de esto o si tienes video tutoriales para que pueda escucharlo de vez en cuando, sería muy apreciado. Soy nuevo en este sector y estoy aprendiendo mucho con tus artículos. Gracias por compartir
No me esperaba lo fácil que es elegir qué tipo de Schema necesito para mi sitio web. ¡Realmente lo has clavado! Ahora tengo claro cómo funciona el marcado Schema y cómo ayudará a que mi sitio web aparezca en los primeros resultados de búsqueda. Ahora tengo más confianza en mi sitio web. Gracias al autor.
Esto es lo que le faltaba a mi sitio web. Ahora sé cómo estar en la parte superior de los resultados de búsqueda y mostrar esas calificaciones de cinco estrellas. Gracias por compartir esto, con ganas de ver más de sus entradas de blog.
¿Permite la revisión de esquemas personalizar las preguntas para que los clientes las marquen como tipo de revisión?