Guía para principiantes: uso de Rich Snippets en WordPress

¿Desea agregar fragmentos enriquecidos a su sitio de WordPress?

Los fragmentos enriquecidos le permiten tener listas de búsqueda personalizadas para contenido especial como reseñas, recetas, eventos y más. Estos listados de búsqueda se destacan y ayudan a atraer más tráfico a su sitio.

En este artículo, le mostraremos paso a paso cómo agregar fragmentos enriquecidos a su sitio de WordPress.

¿Por qué usar Rich Snippets en su sitio de WordPress?

Los fragmentos enriquecidos utilizan lo que se denomina marcado de esquema para proporcionar información adicional sobre su contenido a los motores de búsqueda.

Los bots de los motores de búsqueda utilizan estos datos para mostrar información adicional sobre sus publicaciones y páginas en los resultados de búsqueda.

Esto ayuda a que sus publicaciones y páginas se destaquen más en los resultados de búsqueda, lo que puede mejorar su tasa de clics orgánicos y ayudarlo a aumentar el tráfico de su blog.

También lo ayuda a crear autoridad en su nicho a medida que su sitio se vuelve más visible en la búsqueda.

Los fragmentos enriquecidos no son solo para sitios de revisión o recetas. Puede usar fragmentos enriquecidos para eventos, productos, personas, videos, música, aplicaciones, artículos, publicaciones de blog y más.

Dicho esto, le mostraremos cómo agregar fragmentos enriquecidos a WordPress. Simplemente use los accesos directos a continuación para saltar directamente al método que desea usar.

• Agregue fragmentos enriquecidos en WordPress con un complemento de WordPress (recomendado)
• Agregue fragmentos enriquecidos en WordPress agregando código a WordPress

Método 1. Agregar fragmentos enriquecidos en WordPress usando un complemento de WordPress

La forma más fácil de agregar fragmentos enriquecidos a WordPress es usando el AIOSEO enchufar. Es el mejor complemento SEO de WordPress del mercado, utilizado por más de 3 millones de sitios web.

Le ayuda fácilmente a optimizar su sitio para los motores de búsqueda sin tener que contratar a un experto en SEO. Además, puede configurar fragmentos enriquecidos en su sitio con solo unos pocos clics.

Observación: Tienes el versión profesional de AIOSEO ya que incluye la funcionalidad de marcado de esquema y otras características como mapas de sitio XML, un administrador de redireccionamiento y más. Hay un versión gratuita del complemento que puede usar para comenzar.

Lo primero que debes hacer es instalarlo y activarlo. AIOSEO enchufar. Para obtener más información, consulte nuestra guía para principiantes sobre cómo instalar un complemento de WordPress.

Tras la activación, será llevado inmediatamente al asistente de instalación de AIOSEO. Debe hacer clic en el botón ‘Empecemos’.

Si el asistente de instalación no aparece inmediatamente, vaya a Todo en uno SEO » Tablero.

Desde aquí puede hacer clic en el botón ‘Iniciar el asistente de configuración’. Esto lo guiará a través de los pasos para configurar el complemento para su sitio web.

A medida que avanza por el asistente de instalación, debe activar el complemento ‘Advanced Rich Snippets + Schema Markups’.

Marque la casilla para que se vuelva azul, luego haga clic en el botón «Guardar y continuar».

En la última pantalla, debe ingresar su clave de licencia y luego hacer clic en el botón ‘Conectar’.

Puede encontrar esta información en la página de su cuenta en el sitio web de AIOSEO.

Para obtener más información, consulte nuestra guía definitiva sobre cómo configurar correctamente AIOSEO para WordPress.

Después de eso puedes ir AIOSEO » Apariencia de búsqueda en su panel de administración de WordPress, luego haga clic en la pestaña «Tipos de contenido».

Luego puede establecer el tipo de formato de esquema para sus publicaciones y páginas.

Simplemente haga clic en la opción de menú ‘Schema Markup’, luego puede elegir el tipo de esquema de la lista desplegable.

Puede ver diferentes tipos de contenido que puede crear con el complemento. La lista incluye:

• Clase
• Producto
• Receta
• software/aplicación
• Preguntas más frecuentes
• página web
• Perfil
• Artículo

Al hacer clic en un tipo de contenido, se le mostrarán los campos disponibles.

Esta configuración es la configuración predeterminada cuando agrega una nueva entrada de blog. Sin embargo, también puede cambiarlos en una publicación individual.

Bajo el diseño de programación de publicaciones, también puede administrar la programación predeterminada para sus páginas.

Simplemente seleccione el ‘Tipo de horario’ de la lista desplegable. A continuación, tiene opciones adicionales para el tipo de programación que seleccione.

Cuando haya terminado de hacer cambios, haga clic en el botón «Guardar cambios» antes de salir de la página.

Agregue información de fragmentos enriquecidos a sus publicaciones y páginas

Ahora puede agregar información de esquema a sus publicaciones y páginas individuales para que aparezcan en los resultados de búsqueda con fragmentos enriquecidos únicos.

Para hacer esto, simplemente abra una publicación de blog y desplácese hacia abajo debajo del editor de publicaciones. Aquí verá un meta cuadro llamado «Configuración de AIOSEO».

Debe hacer clic en la pestaña ‘Programar’ y luego hacer clic en el botón ‘Generar horario’.

Esto abre el catálogo de esquemas. Simplemente haga clic en el botón ‘Agregar horario’ al lado del tipo de horario que desea agregar.

Ahora hay varios campos disponibles para completar, según la opción que seleccione. Por ejemplo, el tipo de esquema «Software» incluye campos para nombre, sistema operativo, precio, descripción, calificación y más.

Cuando haya terminado, haga clic en el botón «Agregar programa». No olvides hacer clic en ‘Actualizar’ o ‘Publicar’ en la publicación para guardar también tus cambios.

Agregar marcado de esquema a páginas individuales de WordPress es similar. Debe abrir la página que desea editar y luego desplazarse hacia abajo hasta el cuadro meta «Configuración de AIOSEO» debajo del editor de página.

Luego haga clic en la opción de menú ‘Esquema’, haga clic en el botón ‘Generar esquema’ y seleccione el tipo de esquema de página del Catálogo de esquemas.

Aparecen diferentes opciones según el tipo de horario que seleccione.

Al igual que arriba, una vez que haya terminado, deberá hacer clic en el botón «Agregar programa» y hacer clic en «Actualizar» o «Publicar» en la página para hacer los cambios en vivo.

Agregar información de fragmentos enriquecidos no hace ninguna diferencia en la parte frontal de su blog de WordPress. Sin embargo, le está dando a los robots de los motores de búsqueda datos adicionales para mostrar con sus publicaciones y páginas en los resultados de búsqueda.

Método 2. Agregue Rich Snippets agregando código a WordPress

Otra forma de agregar fragmentos enriquecidos a WordPress es agregar código a WordPress. Si no lo ha hecho antes, consulte nuestra guía sobre cómo copiar y pegar código en WordPress.

Los fragmentos enriquecidos o el marcado de datos estructurados se pueden escribir en tres vocabularios diferentes. Estos vocabularios son microdatos, RDFa y JSON-LD. Puede utilizar cualquiera de ellos en su sitio. Sin embargo, la mayoría de los principiantes encuentran que RDFa es más amigable para principiantes.

Aquí hay un ejemplo de la página Acerca de de un usuario en WordPress. Normalmente, el texto de la página se verá así:

John Smith
<img src="johnsmith.jpg" alt="Photo of John Smith"/>
Support Technician
342 Acme Inc.
101 Washington Avenue
Eagleton IN 98052
(425) 123-4567
<a href="mailto:johnsmith@example.com">johnsmith@example.com</a>
Website:
<a href="http://www.example.com">example.com</a>

Esto se puede transformar fácilmente con fragmentos enriquecidos.

Si está familiarizado con HTML, puede entender fácilmente el siguiente ejemplo:

<div vocab="http://schema.org/" typeof="Person">
  <span property="name">John Smith</span>
  <img src="johnsmith.jpg" property="image" alt="Photo of John Smith"/>
  <span property="jobTitle">Support Technician</span>
  <div property="address"  typeof="PostalAddress">
    <span property="streetAddress">
      342 Acme Inc.
      101 Washington Avenue
    </span>
    <span property="addressLocality">Eagleton</span>,
    <span property="addressRegion">IN</span>
    <span property="postalCode">46818</span>
  </div>
  <span property="telephone">(425) 123-4567</span>
  <a href="mailto:johnsmith@example.com" property="email">johnsmith@example.com</a>
Website
  <a href="http://example.com" property="url">example.com</a>
</div>

Para cada tipo de contenido, hay algunas propiedades especiales que deben definirse.

Schema.org es la organización que ayuda a mantener el estándar para varios tipos de contenido. Encontrará una extensa documentación con ejemplos para cada tipo de contenido de esquema en su sitio web.

Este es otro ejemplo de una receta de fragmento enriquecido.

<div vocab="http://schema.org/" typeof="Recipe">
  <span property="name">Mom's World Famous Banana Bread</span>
  By <span property="author">John Smith</span>,
    <img property="image" src="bananabread.jpg"
    alt="Banana bread on a plate" />
  <span property="description">This classic banana bread recipe comes
  from my mom -- the walnuts add a nice texture and flavor to the banana
  bread.</span>
  Prep Time: <meta property="prepTime" content="PT15M">15 minutes
  Cook time: <meta property="cookTime" content="PT1H">1 hour
  Yield: <span property="recipeYield">1 loaf</span>
  Ingredients:
  - <span property="recipeIngredient">3 or 4 ripe bananas, smashed</span>
  - <span property="recipeIngredient">1 egg</span>
  - <span property="recipeIngredient">3/4 cup of sugar</span>
  ...
  Instructions:
  <span property="recipeInstructions">
  Preheat the oven to 350 degrees. Mix in the ingredients in a bowl. Add
  the flour last. Pour the mixture into a loaf pan and bake for one hour.
  </span>
</div>

Si agrega manualmente fragmentos enriquecidos a sus publicaciones de WordPress, deberá agregar manualmente HTML a WordPress. Para obtener más información, consulte nuestra guía para principiantes sobre cómo editar HTML en el editor de código de WordPress.

También es posible que deba consultar al desarrollador de Google fuente de datos estructurados para comprender qué propiedades se requieren para cada tipo de contenido.

Pruebe sus Rich Snippets y Schema Markup

Si agrega fragmentos enriquecidos manualmente, asegúrese de haber agregado correctamente los datos estructurados a su sitio web de WordPress.

Para comprobar sus fragmentos enriquecidos, simplemente vaya a la Herramienta de prueba de datos estructurados de Google. A continuación, hay dos pruebas diferentes que puede ejecutar para probar sus datos estructurados.

Primero haga clic en el botón ‘Ir a la prueba de resultado ampliada’. Esto verá qué resultados enriquecidos se pueden generar para su página.

Luego ingrese su página o publique la URL en el cuadro.

Luego haga clic en el botón «Probar URL».

Esto genera automáticamente un informe para ver qué funciones de resultados enriquecidos pueden aparecer cuando esa página o publicación aparece en los resultados de búsqueda.

Le da cualquier error o advertencia para que pueda mejorar sus datos estructurados. Puede hacer clic en la flecha desplegable junto a una alerta y obtendrá instrucciones detalladas sobre cómo solucionarlo.

A continuación, puede probar el marcado de su esquema volviendo a la página Herramientas de prueba de datos estructurados de Google.

Luego haga clic en el botón ‘Ir al validador de marcado de esquema’.

Luego ingrese su URL o fragmento de código en la ventana emergente «Pruebe sus datos estructurados».

Luego haga clic en el botón «Ejecutar prueba».

La herramienta analiza automáticamente su código para ver si hay algún error.

Desea ver 0 errores en el lado derecho de la página.

Esperamos que este artículo le haya ayudado a aprender a usar fragmentos enriquecidos en su sitio de WordPress. También puede consultar nuestra guía sobre cómo elegir el mejor registrador de nombres de dominio y nuestras selecciones expertas del mejor software de chatbots de IA para su sitio web.

Si te ha gustado este artículo, suscríbete a nuestro Canal de Youtube para tutoriales en vídeo de WordPress. También puedes encontrarnos en Gorjeo y Facebook.

La publicación Guía para principiantes: uso de Rich Snippets en WordPress apareció primero en AprenderWP.