Cómo agregar esquemas y fragmentos enriquecidos en WordPress

¬ŅAlguna vez has visto esos listados de b√ļsqueda de Google con las estrellas o im√°genes elegantes?

¬ŅSabes, los que realmente te llaman la atenci√≥n cuando te desplazas por los resultados de b√ļsqueda?

Pueden verse así:

Ejemplo de marcado del esquema del asistente de blogs

O a veces se ven así:

Ejemplo de marcado de esquema

Los sitios web con esos jugosos imanes no están explotando algunas lagunas en Google. Están utilizando un método muy transparente llamado marcado de esquema para generar fragmentos enriquecidos (¡también conocido como la fantasía!).

Si desea que su contenido se destaque de la misma manera, le ense√Īar√© exactamente c√≥mo agregar esos mismos detalles a las listas de resultados de b√ļsqueda para su sitio de WordPress.

¬ŅQu√© son el esquema y los fragmentos enriquecidos?

El esquema y los fragmentos enriquecidos est√°n estrechamente vinculados, pero son algo diferentes. Esencialmente, el marcado de esquema o marcado de datos estructurados como lo llama Google, es un c√≥digo detr√°s de escena que facilita a los motores de b√ļsqueda comprender el contexto y la estructura de su contenido. Este estilo de marcado se mantiene en schema.org, patrocinado por Google, Bing, Yahoo y Yandex.

Por ejemplo, el marcado de esquema puede indicar a los motores de b√ļsqueda que Ese n√ļmero es una calificaci√≥n de revisi√≥n de 5 estrellas y ese otro n√ļmero es el precio de un art√≠culo en USD.

Por inteligentes que se hayan vuelto los motores de b√ļsqueda, a√ļn se benefician de poder confiar en estas pistas contextuales al analizar su contenido.

Entonces, despu√©s de que Google u otra b√ļsqueda rastree su sitio marcado con un esquema, los motores de b√ļsqueda pueden usar esa informaci√≥n para crear fragmentos enriquecidos que los humanos realmente ven en los resultados de b√ļsqueda.

Estos fragmentos enriquecidos dependerán de su contenido exacto. Para las revisiones, incluirán calificaciones de estrellas, para productos de comercio electrónico incluirán precios y disponibilidad, y así sucesivamente.

Si desea una manera fácil de recordar la diferencia, piense así:

  • El marcado de esquema es para robots de b√ļsqueda
  • Los fragmentos ricos son para humanos

¬°Pero para llegar a los humanos, primero debes hablar con los robots!

Beneficios del esquema y fragmentos enriquecidos

Ok, solo por tus propias experiencias, probablemente te das cuenta de lo llamativos que son los fragmentos enriquecidos. Pero, las experiencias singulares no siempre cuentan la historia completa. Entonces, ¬Ņqu√© dicen los datos?

Search Engine Land reunió una gran lista de estudios de casos que analizan el efecto de implementar esquemas / marcado de datos estructurados. Puede profundizar en los estudios individuales, pero en general, las personas han notado un aumento de hasta el 30% en el CTR orgánico después de implementar el marcado de esquema.

Tampoco se trata solo de CTR. Los fragmentos enriquecidos generados a partir de su marcado de esquema también pueden:

  • Ayude a los buscadores a comprender mejor su contenido agregando migas de pan
  • Dale a tu contenido la oportunidad de aparecer en el Gr√°fico de conocimiento de Google (¬°esos grandes res√ļmenes autom√°ticos en la parte superior de algunos resultados de b√ļsqueda!)
  • Agregue un cuadro de b√ļsqueda en el sitio debajo de su listado
  • Aseg√ļrese de que los detalles de su ficha de empresa sean correctos, lo cual es especialmente importante para el SEO local

Aparte de eso, el marcado de esquema es simplemente inteligente. Facilita a los motores de b√ļsqueda analizar su contenido, que siempre debe ser algo por lo que se esfuerza. Y con Google y todos los otros motores de b√ļsqueda importantes presionando para su adopci√≥n, puede estar seguro de que no desaparecer√° pronto.

Ahora que sabes el qué y el por qué, vamos a entrar en el cómo.

Primero, te mostrar√© c√≥mo usar un complemento premium llamado Schema Pro. Este complemento tiene una de las implementaciones m√°s ingeniosas del marcado de esquemas que encontrar√° y admite 13 tipos diferentes de marcado de esquemas, que incluyen rese√Īas, recetas, art√≠culos y m√°s.

Luego, tambi√©n le dar√© un segundo tutorial utilizando un complemento gratuito llamado All in One Schema.org Rich Snippets. Este segundo complemento sigue siendo bastante flexible, pero agregar√° un cuadro de “resumen” a su contenido que todos sus visitantes ver√°n, lo que no siempre es ideal.

Al final de esta publicación, también profundizaré un poco más en la cuestión de qué complemento de fragmentos enriquecidos debe elegir para su sitio.

Cómo agregar marcado de esquema a WordPress con Schema Pro

Schema Pro es un complemento premium de Brainstorm Force que logra hacer lo que la mayoría de los otros complementos de esquema no pueden:

Le permite agregar marcado de esquema a su contenido sin obligarlo a agregar un nuevo cuadro de contenido en el front-end. Es decir, la mayor√≠a de los complementos, incluido el segundo complemento que compartir√© en esta publicaci√≥n, agregan alg√ļn tipo de cuadro en el front-end con nuevo contenido.

Schema Pro, por otro lado, también le permite agregar marcado de esquema a su existente contenido, lo que le evita mostrar lo que a veces es un cuadro feo. También utiliza el formato de datos estructurados JSON-LD que recomienda Google.

Configurar Schema Pro

Una vez que instale y active el complemento Schema Pro, puede configurar sus ajustes básicos utilizando el asistente de configuración incluido. Para acceder al asistente, vaya a Preferencias → Schema Pro → Configuración y haga clic en Iniciar asistente de configuración botón:

Iniciar configuración Asistente Schema Pro Rich Snippets

Eso debería iniciar la interfaz del asistente de configuración. Simplemente haga click comienzo nuevamente para comenzar a trabajar a través del asistente.

Nota: algunas de las configuraciones que configurará en este asistente se superponen con complementos de SEO como Yoast SEO. Si Schema Pro detecta una superposición, le dará la opción de deshabilitar algunas de estas configuraciones. No verá esto en las capturas de pantalla a continuación, ¡tenga en cuenta que puede sucederle y eso está muy bien!

En el General pesta√Īa, puede agregar informaci√≥n b√°sica para el Gr√°fico de conocimiento de Google, como un logotipo y qu√© tipo de entidad representa su sitio web:

Pesta√Īas generales Esquema de configuraci√≥n Fragmentos enriquecidos

En el perfiles sociales pesta√Īa, puede incluir sus perfiles si lo desea:

Esquemas de configuración de perfiles sociales Pro Rich Snippets

Y luego el Otros esquemas La pesta√Īa le permite configurar migas de pan, enlaces de sitio y alg√ļn otro marcado. Puede pasar el cursor sobre el √≠cono del signo de interrogaci√≥n si alguna de las configuraciones es confusa, pero en general, querr√° habilitar todo esto y seleccionar las p√°ginas / men√ļs relevantes:

Otras configuraciones de esquemas Fragmentos enriquecidos de Schema Pro

Una vez que hagas clic próximo, debería ver una página de éxito, así como una opción para crear su primer esquema.

Agregar marcado de esquema al contenido con Schema Pro

El asistente de configuraci√≥n anterior configur√≥ todo el esquema b√°sico del sitio, pero a√ļn no ha agregado el marcado del esquema a sus publicaciones, p√°ginas y otro contenido real. ¬°Eso es lo que har√°s ahora!

Así es como funciona. Usted:

  • Elija qu√© tipo de marcado de esquema desea usar
  • Configure a qu√© elementos de contenido desea aplicar el marcado de esquema
  • D√≠gale a Schema Pro c√≥mo “asignar” el marcado de esquema para ese tipo a su contenido existente

Luego, Schema Pro aplicar√° autom√°ticamente el marcado de esquema a todas las piezas de contenido que cumplan las condiciones que establezca.

Sí, sé que eso puede sonar un poco confuso. Pero en realidad no es tan malo y Schema Pro hace la mayor parte del trabajo por usted. Por todo lo demás, haré todo lo posible para que sea lo más simple posible!

Para crear su primer marcado de esquema, vaya a Preferencias ‚Üí Schema Pro y haga clic A√Īadir nuevo cerca de Esquemas:

A√Īadir nuevo esquema Schema Pro Rich Snippets

Lo primero que deberá seleccionar es qué tipo de esquema agregar. Nuevamente, tienes 13 opciones diferentes.

Si solo desea agregar un marcado de esquema para publicaciones de blog normales, debe elegir el Artículo opción (eso es lo que usaré para el ejemplo) Pero siéntase libre de usar el tipo que mejor se aplique a su sitio:

Elegir tipo de esquema Fragmentos enriquecidos de Schema Pro

En la siguiente pantalla, especifique dónde desea que Schema Pro aplique el marcado de esquema. Puedes apuntar a:

  • Todas las publicaciones, p√°ginas, etc.
  • Publicaciones o p√°ginas individuales (√ļtil si solo tiene una publicaci√≥n, debe aplicar un marcado de esquema espec√≠fico a)

Tenga en cuenta cómo puede usar ambos Habilitar o Exclusión reglas para una orientación más precisa.

Para este ejemplo, probablemente tenga sentido aplicar el marcado de Art√≠culo a todas publicaciones de blog, as√≠ que elegir√≠as Todos los mensajes del men√ļ desplegable:

Esquemas de configuración de páginas de destino Pro Rich Snippets

Cuando haces clic próximo, Schema Pro te dará una página de éxito. Haga clic en el Configuración completa botón para continuar.

Ahora es el momento del √ļltimo paso. Despu√©s de hacer clic Configuraci√≥n completa, ver√° una pantalla con un mont√≥n de men√ļs desplegables. Aqu√≠ es donde puede asignar los datos del esquema en el tipo de art√≠culo a los datos en su sitio de WordPress.

Schema Pro intentar√° completar la mayor cantidad posible de esto. Para las opciones que Schema Pro no puede resolver, puede usar el men√ļ desplegable para seleccionar contenido existente. O puedes usar el Nuevo campo personalizado opci√≥n para que Schema Pro agregue un cuadro meta en el Editor de WordPress.

Permítanme intentar aclararlo con un ejemplo real. Mira esta captura de pantalla:

Ejemplo de captura de pantalla de fragmentos enriquecidos de Schema Pro

En el ejemplo anterior, Schema Pro:

  • Use su contenido existente para el marcado de esquema para todo en el primer cuadro. Es decir, tirar√° del Nombre del autor datos del autor de la publicaci√≥n de WordPress, el Titular del t√≠tulo de la publicaci√≥n de WordPress, etc.
  • Agregar nuevos cuadros de meta para el Clasificaci√≥n y Cuenta de revisi√≥n Luego puede ingresar manualmente estos datos en el Editor de WordPress para cada publicaci√≥n.

Ahora, cuando vaya al Editor de WordPress, ver√° los nuevos cuadros de meta para esas dos opciones, y Schema Pro se encargar√° autom√°ticamente de todo lo dem√°s por usted:

Editor de WordPress Schema Pro Schema Pro Fragmentos enriquecidos

¬°Y eso es! Una vez que te acostumbras, Schema Pro es realmente la forma m√°s flexible de agregar marcado de esquema a WordPress que he encontrado.

Nota: A partir de septiembre de 2019, ahora tenemos que especificar el tipo de esquema de revisión que estamos agregando. Por ejemplo, si tuviéramos que revisar un producto como una computadora portátil, tendríamos que seleccionar el producto como el tipo de esquema de revisión.

Cómo agregar marcado de esquema con fragmentos enriquecidos de All In One Schema.org

Si no le gusta la idea de tener un cuadro de revisión en todo su contenido, All In One Schema.org Rich Snippets ofrece un método más liviano para agregar marcado de esquema a su contenido de WordPress. En lugar de cuadros de revisión llamativos, agrega un cuadro de esquema discreto al final de las publicaciones.

El cuadro All In One Schema.org Rich Snippets no est√° realmente dise√Īado para ofrecer revisiones detalladas o botones de CTA. En cambio, est√° ah√≠ para cumplir con el requisito de Google de que los sitios muestren los datos marcados a los visitantes.

Ah, y tambi√©n es 100% gratis. Eso nunca duele, ¬Ņverdad?

Actualmente, admite 8 tipos diferentes de contenido de esquema:

  • revisi√≥n
  • Evento
  • Personas
  • Producto
  • Receta
  • Aplicaci√≥n de software
  • V√≠deo
  • Art√≠culos

A continuación, le daré un tutorial rápido sobre cómo puede usar los fragmentos enriquecidos de All In One Schema.org para agregar marcas de esquema a su sitio.

Configuración de fragmentos enriquecidos de todo en uno Schema.org

Debido a que All In One Schema.org Rich Snippets aparece en WordPress.org, puede instalarlo directamente desde su panel de WordPress. Entonces, dir√≠gete a lo nuevo Fragmentos enriquecidos pesta√Īa para configurarlo.

En el Configuraci√≥n pesta√Īa, puede configurar las diversas etiquetas que se muestran en sus cuadros de fragmentos (esto tendr√° m√°s sentido en un segundo). Usted no necesitar para cambiar algo aqu√≠ a menos que quieras:

Configuración de All in One Schema.org

En el Personalización caja, también puede cambiar los colores de su caja:

Personalizando All in One Schema.org

¬°Y ahora est√°s listo para agregar un marcado de esquema!

Agregar marcado de esquema con fragmentos enriquecidos de All In One Schema.org

Con All In One Schema.org, agregar√° su marcado de esquema directamente desde el Editor de WordPress. Tendr√°s un nuevo Configurar fragmento enriquecido meta box. Si desea agregar marcado de esquema a su contenido, solo necesita seleccionar el tipo de esquema relevante en el men√ļ desplegable:

Configurar fragmento enriquecido

Por ejemplo, seleccionando Receta le dar√° todas las casillas que se aplican a una receta:

Formulario de fragmentos enriquecidos

Afortunadamente, no tener para completar cada caja. Pero aseg√ļrese de darle a Google suficiente informaci√≥n para el fragmento enriquecido.

Luego, cuando publique su publicaci√≥n, ver√° un peque√Īo cuadro de fragmentos enriquecidos al final con todo el contenido del esquema y el marcado:

Contenido y marcado de esquema de fragmento enriquecido

Importante: ¬°siempre valide su marcado!

Aquí hay algo a lo que realmente debe prestar atención:

Nunca debe habilitar uno de estos complementos y asumir automáticamente que todo es perfecto. Debe asegurarse de que su contenido esté marcado correctamente.

Afortunadamente, eso es muy fácil porque Google creó una herramienta para hacer exactamente eso.

Se llama la herramienta de prueba de datos estructurados. Todo lo que necesitas hacer es ingresar tu URL y presionar PRUEBA DE EJECUCI√ďN para verificar si hay alg√ļn problema con su marcado de esquema:

Herramienta de prueba de datos estructurados

¬ŅQu√© complemento de marcado de esquema es mejor?

En general, creo Schema Pro es el mejor complemento de fragmentos enriquecidos para la mayoría de los sitios porque:

  • Es el complemento m√°s flexible, aunque eso significa que podr√≠a tener un poco de curva de aprendizaje si a√ļn no est√° familiarizado con el concepto de campos personalizados.
  • Puede agregar el esquema de art√≠culo autom√°ticamente, lo que ahorra mucho tiempo.
  • No te obliga a agregar un cuadro de contenido de aspecto horrible a tu sitio.

Entonces, si puede cambiar el precio y está dispuesto a aprender un poco, es su mejor opción.

Por otro lado, si quieres algo gratis y no te importa agregar un cuadro de contenido, Fragmentos enriquecidos de Schema.org todo en uno es una opción totalmente viable (en realidad es del mismo desarrollador) Los cuadros de contenido no son especialmente atractivos, pero hacen el trabajo y el complemento es bastante fácil de usar.

Cómo agregar esquemas y fragmentos enriquecidos en WordPress