email telefono contacto

Cómo implementar Schema en WordPress a mano y con plugins

Cada día el posicionamiento web SEO se vuelve más complejo debido a la gran cantidad de factores que influyen en él.

Hoy en día, para el posicionamiento web no basta sólo con crear un contenido basado en un buen Keyword Research y posteriormente crear una serie de enlaces potentes hacia la página web. Por este motivo el SEO es tan bonito, tan complejo y tan dinámico a la vez.

Te recuerdo que el éxito de una campaña SEO depende de más de 200 factores distintos de posicionamiento.

Hoy vengo a hablarte de al menos uno de estos factores SEO, el marcado de datos estructurados mediante Schema.

En los últimos meses, este tipo de marcado semántico ha ido tomando relevancia en internet hasta copar un amplio poder dentro del mundo del posicionamiento web SEO. Por este motivo hoy estoy aquí, para conseguir que comprendas la importancia de esta factor SEO y aprendas a implementarlo correctamente en tu web.

Aviso a navegantes: Esta forma de implementar información semántica en tu página web se lleva a cabo mediante código. No obstante, no te alarmes. Si no tienes conocimientos técnicos sobre programación pero tu página web está desarrollada con WordPress, estás de enhorabuena. Con un simple plugin podrás implementar este tipo de marcado de forma rápida y sencilla en tu página web.

Si estás pensando dónde alojar tu web, echa un vistazo a uno de nuestros servidores web para WordPress

No me entretengo más y vamos con ello.

Cómo implementar Schema en Wordpress a mano y con plugins 1
¡Suscríbete al boletín!

No te enviaremos spam, lo prometemos. Enviamos a nuestros suscriptores contenido sobre WordPress, hosting, marketing digital y programación.

+ Información básica sobre protección de datos

¿Web semántica? ¿Qué es eso?

Como te he comentado anteriormente, el marcado de datos estructurados está más de moda que nunca debido al auge de la llamada «web semántica» o, como se la conoce popularmente, la «web 3.0».

Este tipo de páginas web se encargan de proporcionar información semántica adicional a los bots o arañas de Google para que, a la hora de indexar dicha página, tengan toda la información disponible a su alcance.

Los datos estructurados se encargan de decir a los bots de Google: “Esta página web habla sobre esto, esto y esto como podréis ver aquí, aquí y aquí”.

Es, por así decirlo, una guía que se le hace a Google o cualquier otro buscador de lo que encontrará o hablará esa página web. De esta manera, Google tendrá toda la información posible y mejorará el posicionamiento web de esa página web en concreto.

Cómo es lógico, Google y la mayoría de buscadores premiarán con mejores posiciones en sus resultados de búsqueda a aquellas páginas web que faciliten la labor de rastreo e indexación. Ten en cuenta que todas estas facilidades que les otorgas con este tipo de marcado hacen que los bots de los buscadores registren toda la información rápidamente sin perder el tiempo (con el consecuente ahorro de dinero por parte de Google al ser más rápido).

Por lo tanto, al final todo se basa en que los buscadores al ser más rápidos en rastrear una página web marcada ahorran dinero y, por ello, lo premian en sus rankings para que todo el mundo lo haga.

¿Qué es schema? ¿Y Schema.org?

Lo que comenzó hace años siendo una gran iniciativa por parte de los principales buscadores globales como Bing, Yahoo o Google, finalmente se fue perfeccionando hasta crear una serie de reglas universales para el marcado de datos estructurados.

Así es como nació Schema.org, que es una parte de lo que te voy a hablar hoy.

Schema.org nació con la intención de unificar criterios a la hora de etiquetar y marcar de datos estructurados las páginas web para así facilitar la labor de rastreo de todos los buscadores. De esta forma, se consiguió que todas las páginas web siguieran un patrón común a la hora de llevar a cabo este proceso.

Con schema, lo que se hace es crear fragmentos enriquecidos (más conocidos como «rich snippets») que dan información extra a los bots y que los propios buscadores muestran y utilizan en sus resultados como podrás ver a continuación:

1-serp-con-rich-snippets

Estos datos se muestran debido a una serie de marcado HTML en el código de la propia página web que el usuario no ve pero que los bots sí pueden leer, interpretar y luego mostrar en sus búsquedas.

Ahora te haré una pregunta: ¿Qué resultado de los anteriores destaca sobre el resto?

Correcto, aquel resultado que está marcado con Schema y se muestra como un Rich Snippet. Sin duda, ese resultado ganará tu atención e incrementará las posibilidades de que el usuario haga clic en él (incrementando el CTR).

Por lo tanto, no solo mejorará tu SEO y tu CTR, sino que también aumentarán tus posibilidades de generar beneficios en internet de todo tipo (visitas, clientes, leads, etc).

Existen multitud de marcados de datos estructurados para utilizar en páginas web de todo tipo. Sin embargo, en este post te comentaré los principales que podrás encontrar fácilmente en internet.

Tipos de Schema más populares

A continuación, te voy a mostrar los Rich Snippets más comunes generados a través de las pautas marcadas por Schema.org. No obstante, si alguno de los que necesitas no está en la lista, te recomiendo que te pases por la web oficial Schema.org para ver si existe un fragmento enriquecido que se adapte a tus necesidades.

Cada día se incrementa el número de marcados, por lo que no te desanimes si no encuentras uno que se adapte a tus necesidades. Es probable que aparezca en el futuro.

De todo modos, es muy poco común que no puedas marcar con Schema algo en tu página web, ya que hay miles de combinaciones posibles como las que te mostraré a continuación.

  • Post o artículo: Este marcado básico sirve para mostrar las puntuaciones que han otorgado los usuarios a ese artículo, quién es su autor y, en definitiva, ofrecer información de relevancia para el usuario sobre la información que encontrará.
  • Producto: Este rich snippet ofrecerá al usuario información sobre la puntuación que le otorgan a dicho producto los usuarios, su precio (o entre cuanto oscila), si existe stock del mismo o no, etc.
  • Evento: Para ofrecer rápidamente al usuario información como cuándo es el evento, dónde y el precio de la entrada.
  • Receta: Este fragmento enriquecido dará los pasos a seguir para llevar a cabo ese plato.
  • Servicio: Sirve para mostrar cuál es el precio del servicio, dónde se ofrece y la calidad de este.
  • Negocio local: Este marcado de datos estructurados ofrecerá información relevante del negocio como la dirección, el teléfono, una imagen, etc.

? TIP: Schema está pensado en inglés y para negocios locales ingleses, así que si no encuentras el tuyo piensa cuál es el nombre de este en inglés ya que puede que así lo encuentres.

Usos indebidos de Schema

Como se suele decir: “Hecha la ley, hecha la trampa”. En Schema, esto no iba a ser diferente.

Lo que comenzó como una gran alternativa para los SEOs y para los buscadores comenzó a ser campo de “pillerías” por parte de algunos SEOs.

Estos usos indebidos de los rich snippets se hicieron con un claro objetivo: aumentar el espacio visual en las SERPs y mejorar así el CTR global de una página web.

Principalmente, se cometieron infracciones con los siguientes rich snippets:

La foto de autor

Este rich snippet fue finalmente eliminado de los buscadores ya que llegó a confundir al usuario sobre quién era el autor de un artículo en concreto.

Se utilizó tanto este fragmento enriquecido que los resultados de búsqueda de Google parecían álbumes de fotos en vez de centrarse en el contenido, que es lo que realmente hace que Google sea el buscador número uno del mundo.

Las famosas estrellas

Actualmente, siguen realizándose infracciones con este tipo rich snippets ya que es algo muy visual para el lector y muy fácil de manipular.

En muchas páginas web, podrás ver aparecer en Google las 5 estrellas marcadas por defecto (lo que equivale a una valoración de 5/5) sin que se dé opción al lector o usuario de votar dicho artículo o reseña.

En el caso de imposibilitar esta votación, se estará infringiendo una de las normas de Google y es posible que esa página web sea penalizada en el futuro.

Por otro lado, estas estrellas jamás podrán aparecer en una página de servicios (si aparecen, lo legal sería que fuera por la ficha de Google My Business, que lo hace de forma automática).

Por lo tanto, cuidado con marcar de datos estructurados de estrellas algunas partes sensibles de una página web: puede ser motivo de penalización.

Cómo implementar Schema en WordPress

Bien, una vez conoces la teoría sobre Schema y los datos estructurados es el momento de poderlos implementar mediante código directo incrustado en cada página de tu portal web o mediante plugins (en el caso de WordPress).

Implementar Schema a mano mediante código JSON-LD

Mediante código JSON este proceso de marcado de datos estructurados uno a uno puede hacerse demasiado pesado. No obstante, si no hay otro modo será una forma eficaz de implementar este marcado mediante de datos estructurados.

Este sistema se basa en insertar un fragmento de código (un script) en la página en cuestión para proporcionar la información semántica necesaria a Google.

No te preocupes si no tienes ni idea de código, ya que algunas herramientas online (como la que te mostraré a continuación) te proporcionarán el código JSON-LD para que tú simplemente lo copies y pegues en la página de tu site que corresponda.

La página web que suelo utilizar para realizar esta labor es: https://technicalseo.com/seo-tools/schema-markup-generator/

Aunque está en inglés, su interfaz es muy simple e intuitiva para llevar a cabo esta generación de código JSON-LD.

Por ejemplo, si quiero registrar un artículo de blog lo primero que tendré que hacer será seleccionar entre todas las opciones que dispone la web (article, breadcrumb, etc). En este caso en concreto elegiré Article.

json-web-schema

Posteriormente, iría rellenando todos los campos que me va pidiendo como la URL, quién es el autor del artículo, fecha de publicación, etc.

Una vez hecho esto y para ver si realmente has creado un Schema 100% correcto, le puedes dar al botón Validate, que te llevará al comprobador de datos estructurados de Google con ese código. Si has rellenado todos los campos, este validador te dará el OK:

marcado-datos-estructurados-online

Finalmente, el código Javascript que te aparece en la derecha de la página web deberás copiarlo y pegarlo (con la pestaña HTML de WordPress pulsada) al final del post al cual quieres marcar de esos datos estructurados.

Una vez copiado, clic en Actualizar y listo. Tu post ya estará marcado de datos estructurados.

insertar-json-en-wordpress

Implementar Schema en WordPress mediante plugins

Para llevar a cabo este proceso existen dos vías:

  • La gratuita (no recomendable): Para esto bastará con instalar el plugin All In One Rich Snippets, el cual marca “de aquella manera” los datos estructurados de un post, etc., en tu página web. No recomiendo este método ya que no hace un marcado eficiente de datos estructurados.
  • La premium (recomendada): Esta opción, aunque es un poco más cara (40 euros al año con el plugin WP Schema), hace un correcto marcado de datos estructurados que facilita enormemente la labor al usuario nobel.

Por lo tanto, si se puede, siempre es recomendable hacer la segunda opción aunque cueste un poco más de dinero, ya que solucionará muchos más problemas desde el inicio.

Implementar Schema con All In One Rich Snippets

Para ello, simplemente deberás de descargar e instalar en WordPress el plugin oficial:

plugin-wordpress-all-in-one-rich-snippets

Una vez descargado verás cómo, cada vez que escribas un nuevo post, justo debajo del cuadro de texto aparece otro que pone Configure Rich Snippet.

Este nuevo cuadro se ha creado al instalar el plugin. En él tendrás que dar los mismos pasos que anteriormente, es decir, seleccionar el tipo de rich snippet que quieres (persona, artículo, etc.) y completar las datos.

Una vez lo hayas completado todo correctamente, le darás a Actualizar y el plugin se encargará de generar el código necesario en el post para marcarlo de datos estructurados.

all-in-one-rich-snippets-implementacion-wordpress

Implementar Schema con WP Schema PRO

Antes de nada, para implementar Schema con este plugin será necesario comprarlo en su página web, ya que no hay versión free:

wp-schema-pro

Para ello, deberás adquirir la licencia que más te guste. Una vez comprado, instala WP Schema PRO en tu WordPress.

Automáticamente, una vez instalado te aparecerá un pequeño Setup de inicio que deberás rellenar con los datos que te vaya pidiendo para realizar un marcado básico de datos estructurados en tu página web.

instalacion-en-wordpress-schema-pro

Una vez configurado el Setup, ya podrás crear un nuevo Schema. Para ello, deberás ir a Ajustes > Schema Pro y ahí verás todos los Schemas ya creados (en mi caso, hay el de artículo y persona).

En esa pantalla, haz clic en Add New:

crear-nuevo-schema-en-wordpress

En este nuevo setup:

  1. Indicarás qué tipo de Schema quieres implementar de todos los que ofrece WP Schema PRO (person, article, etc.) y harás clic en Next:

primer-paso-instalacion-schema-pro

  1. En el segundo paso indicarás en qué páginas de tu WordPress quieres que se inserte el código Schema que vas a crear. En este caso le hemos indicado que en todos los posts “Singulars”:

segundo-paso-instalacion-schema-pro

  1. En la tercera pantalla del setup, tu Schema se habrá creado e implementado. Ahora solo hará falta configurarlo, una vez pulses en el botón azul que te llevará a la siguiente pantalla.

final-instalacion-schema-pro

Para configurar el Schema en esta pantalla solo tendrás que rellenar todos los campos que aparecen en él para que el Schema sea leído correctamente por todos los buscadores. Por último, pulsa en Actualizar.

Listo, ya estará completamente instalado el Schema en tu página web. ¡Así de sencillo!

Implementar Schema en otras plataformas

No soy experto en otros CMS o gestores de contenido. Sin embargo, en tiendas online como Prestashop o Magento existen otros muchos plugins, módulos o como quieras llamarlos que llevarán a cabo esta labor de marcado.

Ten en cuenta que el marcado de datos estructurados está más en auge que nunca y, por ello, los desarrolladores intentan facilitar al máximo este proceso para usuarios más noveles.

Por lo tanto, busca este tipo de extras para tu CMS en los marketplaces existentes. Estoy seguro de que tendrás una alternativa automática para no tener que llevar a cabo el proceso de forma manual.

Conclusiones

Como has visto a lo largo del post, lo que comenzó siendo una buena iniciativa entre diferentes organizaciones al final ha acabado por asentarse y ser fundamental a la hora de hacer SEO en una página web.

A menudo, muchas de estas iniciativas no prosperan al estar demasiados agentes implicados. Sin embargo, en este caso, todos los buscadores vieron un factor común beneficioso: el dinero. A mayor información proporcionada, menos recursos deberían destinar al rastreo de estas páginas web y más beneficios obtendrían. Este fue el principal motivo por el cual se premió y se premia desde entonces este tipo de “buena práctica SEO”, porque les ahorra dinero.

Además, como suelo decir a menudo, en SEO cada minipunto suma a la hora de posicionar por encima de lo competidores.

Así que, si observas que tus competidores utilizan Rich Snippets, no tendrás otro remedio (quieras o no quieras) que implementarlos en tu página web.

¿A qué esperas para llevarlo a cabo?

Borja Aranda
Borja Aranda

Consultor SEO especializado en WordPress que ayuda a PYMES y emprendedores a conseguir sus primeros clientes gracias al posicionamiento web SEO.

Artículos relacionados

Si te ha gustado este post, aquí tienes otros que pueden ser de tu interés. ¡No dejes de aprender!

Tenemos 19 comentarios en "Cómo implementar Schema en WordPress a mano y con plugins"
  • Saludos, Borja. Todavía no he conocido ninguno realmente bueno, y he probado varios de pago. Voy a probar WP Schema Pro (que creo que ha cambiado de nombre…creo) y lo comento por aquí.

    • Hola Rafa, el plugin del que hablo es wpschema(.)com y es el que actualmente uso en mis proyectos ya que me da buenos resultados. Pruébalo y cuéntanos a ver que te parece 🙂

      Un saludo!

  • Bueno, pues probado y va de lujo. El problema que tiene es que algunos temas pesados de WordPress impiden ejecutarse el personalizador del plugin. Pero va auténticamente de lujo.

  • Hola Borja. Creo que esta es la guía más aclaratoria sobre este tema en español. Conciso y fácil de entender, mi enhorabuena.

    Y ahora una duda: estoy empezando a probar Rank Math, un nuevo plugin SEO que bajo mi punto de vista es muy muy completo. Le he dado una oportunidad, a ver si puede sustituir a Yoast, y de momento la verdad es que no echo nada en falta.

    Es más, Rank Math tiene alguna opción más, como la de los rich snippets. Es decir, ya los tiene integrados, y permite elegir entre distinto tipos de datos estructurados. Sin embargo, no sé si la implementación que hace es buena. ¿Por casualidad has podido probarlo o echarle un ojo?

    Saludos

    • Hola Adri!Han aparecido últimamente muchos plugins All In One tipo YOAST SEO que se encargan de implementar estos datos estructurados. Personalmente el que comentas no lo he probado pero seguramente también te sirva.De todos modos, para ver si hace una buena implementación de Schema bastará con comprobarlo mediante la herramienta de Google y ver que no da falloshttps://search.google.com/s…Espero que te haya servido! 🙂

  • Hola!
    Genial, Borja, muchas gracias!

    Alguna incompatibilidad con SEO Yoast u otro plugin que trabaje las metas¿?
    Trabajan bien juntos, sin pisarse¿?

    Un saludo!

  • Hola, muy bueno el artículo. Aunque me surge una duda al añadir el marcado de forma manual. ¿Cómo haces para que te quede dentro de la etiqueta ?
    Muchas gracias!

  • Hola Borja, muy buen artículo. Tengo una duda, estoy usando schema pro en una web donde todos los artículos son listados. En principio he puesto «artículo» como tipo de schema, pero he visto que hay un tipo también de listado (entiendo que es una subcategoría del principal que es «artículo») . ¿Sabes como podría implementarlo para definir mejor mi tipo de web de cara a google?¿Crees que ayudaría definir todavía más mi web para mejorar el posicionamiento? Un saludo y gracias

  • Muchas gracias por el artículo, espero aprender un poco más para implementarlo en el blog (si no lo he hecho ya jaja, que no me acuerdo).
    ¿Es recomendable hacerlo para artículos de un blog?

    Recuerdo haber tenido el plugin de las estrellitas «Yasr – Yet Another Stars Rating» pero lo desactive, ¿esto trabaja también con rich snnipets? ¿incumple las normas de Google?

    Gracias

  • Buenas

    Estoy empezando una web y ni siquiera he metido todavía plugin de Schema. De momento solo he añadido un JSON de FAQPage, pero directamente en el código de las páginas donde me interesaba.

    El problema es que mirando la herramienta de Google veo que la web en general tiene ya activados varios tipos de Schema que no sé muy bien de dónde salen y cómo desactivarlos, porque no me interesa tenerlos (salvo que alguien por aquí diga lo contrario):

    -WPHeader
    -WPFooter
    -CreativeWork para la imagen destacada
    -SiteNavigationElement
    -Hatom (este solo sale en las entradas)
    -Article (para entradas también)

    ¿¿Puede ser que salgan por defecto con el tema (en este caso Astra) y el de Article de Yoast??

    A ver si alguien puede decirme de dónde vienen y cómo se podrían desactivar, por favor.

    Gracias de antemano

  • Hola jorge, acabo de hacer la prueba implementando el el código JSON-LD que me arrojo la pagina recomendada por ti, como puedo validar si efectivamente se instalo correctamente?.
    Gracias!!!

  • Hola, interesante tu post, precisamente llegue a el buscando implementar el schema de rating (Estrellas) para las entradas de mi blog de recetas.
    Para esto, uso Stellar como plugin de rating el cual tiene la opción de reflejar el rating en los resultados de búsqueda y Rank Math como plugin SEO, pero no logro configurar ambos para que se muestre apropiadamente. Puedo notar que tu tienes configurado todo por medio de Rank Math y Yasr y que el schema apropiadamente en los resultados de búsqueda de tus entradas ¿Puedes guiarme como conseguir el mismo resultado? Me encuentro perdido.

    • Hola Samuel, efectivamente nosotros tenemos configurado en este blog YASR + RankMath, pero… el que afecta es solo YASR.

      Yo personalmente en todas las webs tengo implementado YASR, aunque actualmente es muy difícil que te salgan las estrellitas con las nuevas directrices de Google.

  • Muchas gracias Borja, es lo mejor que he encontrado y llevo mucho tiempo buscando e investigando! estoy llorando porque funciona! mil gracias 🙂

  • Deja una respuesta

    Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

    ¿Vienes de otro proveedor?

    ¡Ningún problema! Te migramos gratis y sin cortes
    cohete raiola