Organízate con las colecciones Guarda y clasifica el contenido según tus preferencias.

Marcar las páginas de instrucciones con datos estructurados

Utiliza los datos estructurados de HowTo para informar explícitamente a Google de que tu contenido son instrucciones. Las instrucciones proporcionan a los usuarios un conjunto de pasos para completar una tarea con éxito y pueden incluir vídeos, imágenes y texto. Por ejemplo, "Cómo atar una corbata" o "Cómo colocar azulejos en la cocina". Si cada paso debe leerse de forma consecutiva, los datos estructurados de HowTo podrían favorecer tu contenido. Se deben usar datos estructurados de HowTo cuando las instrucciones sean la principal razón de ser de la página.

Las páginas de instrucciones que estén correctamente etiquetadas pueden aparecer como resultados enriquecidos en la Búsqueda y como acciones en el Asistente de Google, lo cual puede ayudar a que tu sitio llegue a los usuarios adecuados.

.

Cómo añadir datos estructurados

Los datos estructurados son un formato estandarizado con el que se puede proporcionar información sobre una página y clasificar su contenido. Consulta cómo funcionan los datos estructurados si aún no te has familiarizado con ellos.

A continuación se explica a grandes rasgos cómo crear, probar y publicar datos estructurados. Si necesitas una guía detallada para añadir datos estructurados a una página web, consulta el codelab de datos estructurados.

  1. Añade las propiedades obligatorias. Consulta más información sobre dónde insertar datos estructurados en una página en función del formato que estés utilizando.
  2. Sigue las directrices.
  3. Valida tu código con la prueba de resultados enriquecidos.
  4. Crea varias páginas que incluyan tus datos estructurados y comprueba cómo las ve Google con la herramienta de inspección de URLs. Asegúrate de que Google pueda acceder a tu página y de que no esté bloqueada por un archivo robots.txt, por la etiqueta noindex ni por requisitos de inicio de sesión. Si la página se ve bien, puedes solicitar que Google vuelva a rastrear tus URLs.
  5. Para que Google siempre tenga la versión actualizada de tus páginas, te recomendamos que envíes un sitemap. Puedes automatizar este envío con la API Sitemap de Search Console.

Disponibilidad de la función

Los resultados enriquecidos de instrucciones aparecen en todos los idiomas y en todos los países en los que está disponible la Búsqueda de Google. Esta función está disponible en dispositivos móviles y ordenadores.

Ejemplos

Estos son algunos ejemplos de cómo puede aparecer tu contenido en los resultados enriquecidos de instrucciones. Se puede mostrar una variante más visual si tus instrucciones contienen una imagen del tutorial completo y otra de cada paso. Asegúrate de añadir tantas propiedades obligatorias y recomendadas como sea posible para que tus instrucciones se puedan representar de manera más efectiva en la Búsqueda de Google.

Resultado enriquecido de instrucciones estándar

Resultado enriquecido de instrucciones estándar en la Búsqueda de Google
JSON-LD

A continuación, se muestra un ejemplo de una página de instrucciones basada en texto que utiliza JSON-LD. El ejemplo solo tiene una imagen que representa el resultado final de las instrucciones. En este resultado, los usuarios pueden ver una vista previa del contenido para algunos pasos.



  
Microdatos

A continuación, se muestra un ejemplo de una página de instrucciones basada en texto que utiliza microdatos. El ejemplo solo tiene una imagen que representa el resultado final de las instrucciones. En este resultado, los usuarios pueden ver una vista previa del contenido para algunos pasos.



  

Resultado enriquecido de instrucciones con imágenes para cada paso

Imagen de un resultado enriquecido de instrucciones visual
JSON-LD

A continuación, se muestra un ejemplo de una página de instrucciones en la que se usa JSON-LD y que incluye imágenes de cada paso. Cuando en cada paso hay una imagen, los usuarios pueden obtener una vista previa con un carrusel de imágenes.



  
Microdatos

A continuación, se muestra un ejemplo de una página de instrucciones con imágenes para cada paso en la que se usan microdatos. Cuando en cada paso hay una imagen, los usuarios pueden obtener una vista previa con un carrusel de imágenes.



  

Resultado enriquecido de instrucciones con vídeo

JSON-LD

A continuación, se muestra un ejemplo de una página de instrucciones que contiene una mezcla de texto, imágenes y vídeos etiquetada con JSON-LD.



  
Microdatos

A continuación, se muestra un ejemplo de una página de instrucciones que contiene una mezcla de texto, imágenes y clips de vídeo en la que se usan microdatos.



  

Directrices

Para que tu página sea apta para resultados enriquecidos de instrucciones y una acción de instrucciones en el Asistente de Google, debe seguir las siguientes directrices:

Directrices de contenido

  • Publicidad: no utilices los datos estructurados de HowTo con fines publicitarios.
  • Contenido no elegible: es posible que no se muestren resultados enriquecidos de instrucciones si el contenido es obsceno, contiene palabras malsonantes, es sexualmente explícito o gráficamente violento; si fomenta actividades peligrosas o ilegales; o si contiene lenguaje que incita al odio o al acoso.
  • Fuente: un usuario debe poder ver todo el contenido de HowTo en la página de origen. Asegúrate de que las instrucciones son la principal razón de ser de la página de origen. No incluyas más de un elemento HowTo de una página determinada.
  • Materiales y herramientas: añade datos estructurados a todos los materiales y las herramientas necesarios para completar la tarea.
  • Pasos: cada HowToStep debe incluir todo el contenido del paso de origen. No etiquetes como un paso datos que no lo sean, como un resumen o una sección de introducción.
  • Imágenes de pasos: si los pasos se representan mejor visualmente, asegúrate de etiquetar las imágenes para cada HowToStep. Etiqueta únicamente las imágenes de pasos de instrucciones que sean específicas para cada paso y no utilices la misma imagen en varios pasos en las mismas instrucciones. Utiliza las mismas imágenes que corresponden al contenido de tu página. No utilices imágenes que no reflejen el contenido de instrucciones, ni utilices imágenes diferentes para optimizar el resultado enriquecido.
  • Imagen final: si el resultado final puede ser descrito con precisión con una imagen, asegúrate de que dicha imagen esté presente en la página y de que el etiquetado de HowTo la incluye usando la propiedad image. Esta imagen puede ser la misma que la etiquetada para el último paso.
  • Contenido: no utilices etiquetas HowTo con recetas. En vez de eso, utiliza Recipe structured data. Los artículos y el contenido de consejos generales que no sean un conjunto específico de instrucciones no son apropiados para el etiquetado de HowTo.

Definiciones de tipos de datos estructurados

Debes incluir las propiedades obligatorias para que tu contenido pueda mostrarse como un resultado enriquecido. Si quieres, puedes especificar también las propiedades recomendadas para añadir más información a tus datos estructurados, lo que quizá mejore la experiencia de los usuarios.

HowTo

Puedes consultar la definición completa de HowTo en schema.org/HowTo.

El tipo de HowTo indica que la página contiene instrucciones. Debe haber una definición de tipo HowTo por página.

Propiedades obligatorias
name

Text

Indica el título de las instrucciones. Por ejemplo, "Cómo atar una corbata".

step HowToStep o HowToSection

Indica una matriz de elementos HowToStep que abarque las instrucciones completas. Cada elemento step debe corresponder a un paso concreto en las instrucciones. No etiquetes con esta propiedad datos que no sean pasos, como un resumen o una sección de introducción. Por ejemplo:

  • Puedes especificar el texto completo para cada paso configurando el elemento text de cada tipo HowToStep. Incluir un elemento image, el título de un paso concreto como name y un elemento url es opcional, pero se recomienda debido a que las propiedades opcionales pueden contribuir a una presentación enriquecida del resultado de búsqueda.
    
    "step":[
      {
        "@type": "HowToStep",
        "text": "Button your shirt how you'd like to wear it, then drape the tie around your neck. Make the thick end about 1/3rd longer than the short end. For formal button down shirts, it usually works best with the small end of the tie between 4th and 5th button.",
        "image": "https://example.com/1x1/photo.jpg"
      }, {
        "@type": "HowToStep",
        "text": "Cross the long end over the short end. This will form the basis for your knot.",
        "image": "https://example.com/1x1/photo.jpg"
      }, {
        "@type": "HowToStep",
        "text": "Bring the long end back under the short end, then throw it back over the top of the short end in the other direction. ",
        "image": "https://example.com/1x1/photo.jpg"
      }, {
        "@type": "HowToStep",
        "text": "Now pull the long and through the loop near your neck, forming another loop near your neck.",
        "image": "https://example.com/1x1/photo.jpg"
      }, {
        "@type": "HowToStep",
        "text": "Pull the long end through that new loop and tighten to fit! ",
        "image": "https://example.com/1x1/photo.jpg"
      }
    ]
  • Si son pasos complejos, puedes proporcionar el elemento name de un paso y detallar cada instrucción de los pasos usando HowToDirection o HowToTip.
    
    "step": [
      {
        "@type": "HowToStep",
        "name": "Prepare the surfaces",
        "itemListElement": [{
          "@type": "HowToDirection",
          "text": "First please turn off the power to the kitchen and then remove everything that is on the wall, such as outlet covers, switchplates, and any other item in the area that is to be tiled."
        }, {
          "@type": "HowToDirection",
          "text": "Then clean the surface thoroughly to remove any grease or other debris and tape off the area."
        }],
        "image": {
          "@type": "ImageObject",
          "url": "https://example.com/photos/1x1/photo.jpg",
          "height": "406",
          "width": "305"
        }
      }, {
        "@type": "HowToStep",
        "name": "Plan your layout",
        "itemListElement": [{
          "@type": "HowToTip",
          "text": "The creases created up until this point will be guiding lines for creating the four walls of your planter box."
        }, {
          "@type": "HowToDirection",
          "text": "Lift one side at a 90-degree angle, and fold it in place so that the point on the paper matches the other two points already in the center."
        }, {
          "@type": "HowToDirection",
          "text": "Repeat on the other side."
        }],
        "image": {
          "@type": "ImageObject",
          "url": "https://example.com/photos/1x1/photo.jpg",
          "height": "406",
          "width": "305"
        }
      }, {
        "@type": "HowToStep",
        "name": "Prepare your and apply mortar (or choose adhesive tile)",
        "itemListElement": [{
          "@type": "HowToDirection",
          "text": "Follow the instructions on your thin-set mortar to determine the right amount of water to fill in your bucket. Once done, add the powder gradually and make sure it is thoroughly mixed."
        }, {
          "@type": "HowToDirection",
          "text": "Once mixed, let it stand for a few minutes before mixing it again. This time don't add more water. Double check your thin-set mortar instructions to make sure the consistency is right."
        }, {
          "@type": "HowToDirection",
          "text": "Spread the mortar on a small section of the wall with a trowel."
        }, {
          "@type": "HowToTip",
          "text": "Thinset and other adhesives set quickly so make sure to work in a small area."
        }, {
          "@type": "HowToDirection",
          "text": "Once it's applied, comb over it with a notched trowel."
        }],
        "image": {
          "@type": "ImageObject",
          "url": "https://example.com/photos/1x1/photo.jpg",
          "height": "406",
          "width": "305"
        }
      }, {
        "@type": "HowToStep",
        "name": "Add your tile to the wall",
        "itemListElement": [{
          "@type": "HowToDirection",
          "text": "Place the tile sheets along the wall, making sure to add spacers so the tiles remain lined up."
        }, {
          "@type": "HowToDirection",
          "text": "Press the first piece of tile into the wall with a little twist, leaving a small (usually one-eight inch) gap at the countertop to account for expansion. use a rubber float to press the tile and ensure it sets in the adhesive."
        }, {
          "@type": "HowToDirection",
          "text": "Repeat the mortar and tiling until your wall is completely tiled, Working in small sections."
        }],
        "image": {
          "@type": "ImageObject",
          "url": "https://example.com/photos/1x1/photo.jpg",
          "height": "406",
          "width": "305"
        }
      }, {
        "@type": "HowToStep",
        "name": "Apply the grout",
        "itemListElement": [{
          "@type": "HowToDirection",
          "text": "Allow the thin-set mortar to set. This usually takes about 12 hours. Don't mix the grout before the mortar is set, because you don't want the grout to dry out!"
        }, {
          "@type": "HowToDirection",
          "text": "To apply, cover the area thoroughly with grout and make sure you fill all the joints by spreading it across the tiles vertically, horizontally, and diagonally. Then fill any remaining voids with grout."
        }, {
          "@type": "HowToDirection",
          "text": "Then, with a moist sponge, sponge away the excess grout and then wipe clean with a towel. For easier maintenance in the future, think about applying a grout sealer."
        }],
        "image": {
          "@type": "ImageObject",
          "url": "https://example.com/photos/1x1/photo.jpg",
          "height": "406",
          "width": "305"
        }
      }
    ]

Indica una matriz de elementos HowToSection que abarca las instrucciones completas de este HowTo. Por ejemplo:


"step":[
  {
    "@type": "HowToSection",
    "name": "Choose a Tie",
    "itemListElement": [
      {
        "@type": "HowToStep",
        "name": "Choose a color",
        "text": "Pick a tie that matches your shirt color. Contrasting colors can be fun!"
      },
      {
        "@type": "HowToStep",
        "name": "Choose a pattern",
        "text": "A tie with a pattern can add flare to your outfit. Make sure the pattern is not
                 too noisy against your shirt"
      }
    ]
  },
  {
    "@type": "HowToSection",
    "name": "Put on the Tie",
    "itemListElement": [
      {
        "@type": "HowToStep",
        "name": "Arrange the Tie",
        "text": "Stand in front of the mirror with the tie around your neck."
      },
      {
        "@type": "HowToStep",
        "name": "Tie the Tie",
        "text": "Use your hands to tie the tie into a neat knot around your neck. Looking sharp!"
      }
    ]
  }
]
Propiedades recomendadas
estimatedCost MonetaryAmount o Text

Indica el coste estimado de los materiales gastados al seguir las instrucciones.

image ImageObject o URL

Indica una imagen de las instrucciones completas. Directrices adicionales sobre imágenes:

  • Las URLs de imágenes deben poder rastrearse e indexarse.
  • Las imágenes deben ser representativas del contenido etiquetado.
  • Las imágenes deben estar en formato .jpg, .png o .gif.
supply HowToSupply o Text

Indica materiales consumidos al seguir instrucciones o indicaciones.

tool HowToTool o Text

Indica un objeto (no consumido) que se usa al seguir instrucciones o indicaciones.

totalTime Duration

El tiempo total requerido para seguir todas las instrucciones o indicaciones (incluido el tiempo para preparar los suministros), en formato ISO 8601.

video VideoObject

Indica un vídeo de las instrucciones. Sigue la lista de propiedades de vídeo obligatorias y recomendadas. Marca los pasos del vídeo con hasPart.


{
  "@context": "https://schema.org",
  "@type": "HowTo",
  "video": {
    "@type": "VideoObject",
    "name": "Build a Trivia Game for the Google Assistant with No Code",
    "description": "Learn how to create a Trivia action for Assistant within minutes.",
    "thumbnailUrl": "https://example.com/photos/photo.jpg",
    "contentUrl": "https://www.youtube.com/watch?v=4AOI1tZrgMI",
    "embedUrl": "https://www.youtube.com/embed/4AOI1tZrgMI",
    "uploadDate": "2019-01-05T08:00:00+08:00",
    "duration": "P1MT10S",
    "hasPart": [
      {
        "@type": "Clip",
        "@id": "Clip1",
        "name": "Open Actions on Google Console",
        "startOffset": 29,
        "endOffset": 36,
        "url": "http://www.example.com/example?t=29"
      },
      {
        "@type": "Clip",
        "@id": "Clip2",
        "name": "Select Trivia Template",
        "startOffset": 36,
        "endOffset": 45,
        "url": "http://www.example.com/example?t=36"
      }
    ]
  }
}
video.hasPart

Clip

Indica un fragmento que forma parte del vídeo.

video.hasPart.endOffset

Number

Indica la hora de finalización del fragmento, expresada como los segundos desde que comienza el vídeo.

video.hasPart.name

Text

Indica el nombre del fragmento. Por ejemplo, "Anudar y apretar" podría ser el nombre de un fragmento que muestre cómo anudar y apretar una corbata.

hasPart.startOffset

Number

Indica la hora de inicio del fragmento, expresada como los segundos desde que comienza el vídeo.

video.hasPart.url

URL

Es un enlace al inicio del fragmento, que debe coincidir con el valor definido en video.hasPart.startOffset. Por ejemplo:


"startOffset": 30,
"endOffset": 45,
"url": "http://www.example.com/example&t=30"

HowToSection

Puedes consultar la definición completa de HowToSection en schema.org/HowToSection.

Con el tipo HowToSection se define una sección de un tutorial que contiene uno o varios pasos. No utilices HowToSection para definir diferentes soluciones para llevar a cabo una tarea, ya que lo recomendable es usar HowToSection como parte de una única solución. Para detallar varias formas de completar una tarea, utiliza varios objetos HowTo. Por ejemplo, se detallan varias formas de cambiar una rueda pinchada como múltiples objetos HowTo, no con objetos HowToSection.

Propiedades obligatorias
itemListElement HowToStep

Indica una lista de pasos detallados de la sección.

name Text

Indica el nombre de una sección.

HowToStep

Puedes consultar la definición completa de HowToStep en schema.org/HowToStep.

El tipo HowToStep define el paso textual simple en unas instrucciones y puede incluir una imagen.

Propiedades obligatorias
itemListElement HowToDirection o HowToTip

Indica la lista de instrucciones detalladas de los pasos, incluidas indicaciones o consejos.

Si se utiliza text, es opcional.

text Text

Indica el texto completo de las instrucciones de este paso.

Si se utiliza itemListElement, es opcional. Directrices adicionales:

  • Incluye solo texto que contenga instrucciones y no otro tipo de texto como "Indicaciones", "Echa un vistazo al vídeo" o "Paso 1". Especifica esas frases fuera de la propiedad etiquetada.

    No recomendado:

    
    {
      "@type": "HowToStep",
      "text": "Step 1. Drape the tie around your neck."
    }

    Recomendado:

    
    {
      "@type": "HowToStep",
      "text": "Drape the tie around your neck."
    }
Propiedades recomendadas
image ImageObject o URL

Indica una imagen del paso. Directrices adicionales sobre imágenes:

  • Las URLs de imágenes deben poder rastrearse e indexarse.
  • Las imágenes deben ser representativas del contenido etiquetado.
  • Las imágenes deben estar en formato .jpg, .png o .gif.
name Text

Es la palabra o frase corta que resume el paso (por ejemplo, "Coloca los cables en el poste" o "Cava"). No uses texto que no sea descriptivo (por ejemplo, "Paso 1: [texto]") ni otra forma de numerar el paso (por ejemplo, "1. [texto]").

url URL

Indica un elemento URL que enlace directamente con un paso (si lo hay). Por ejemplo, un fragmento de enlace ancla.

video VideoObject o Clip

Es un fragmento de vídeo o un vídeo entero de este paso.

En el caso de VideoObject, sigue la lista de propiedades de vídeo obligatorias y recomendadas.

A continuación, se muestra un ejemplo con VideoObject:


{
  "@type": "HowToStep",
  "video": {
    "name": "Drape the tie",
    "description": "Drape the tie.",
    "thumbnailUrl": "https://example.com/photos/photo.jpg",
    "contentUrl": "http://www.example.com/videos/123_600x400.mp4",
    "embedUrl": "http://www.example.com/videoplayer?id=123",
    "uploadDate": "2019-01-05T08:00:00+08:00",
    "duration": "PT12S"
  }
}
          

A continuación, se muestra un ejemplo con Clip:


{
  "@context": "https://schema.org",
  "@type": "HowTo",
  "name": "Build a Trivia Game for the Google Assistant with No Code",
  "video": {
    "@type": "VideoObject",
    "name": "Build a Trivia Game for the Google Assistant with No Code",
    "description": "Learn how to create a Trivia action for Assistant within minutes.",
    "thumbnailUrl": "https://example.com/photos/photo.jpg",
    "contentUrl": "https://www.youtube.com/watch?v=4AOI1tZrgMI",
    "embedUrl": "https://www.youtube.com/embed/4AOI1tZrgMI",
    "uploadDate": "2019-01-05T08:00:00+08:00",
    "duration": "P1MT10S",
    "hasPart": [
      {
        "@type": "Clip",
        "@id": "Clip1",
        "name": "Open Actions on Google Console",
        "startOffset": 29,
        "endOffset": 36,
        "url": "http://www.example.com/example?t=29"
      },
      {
        "@type": "Clip",
        "@id": "Clip2",
        "name": "Select Trivia Template",
        "startOffset": 36,
        "endOffset": 45,
        "url": "http://www.example.com/example?t=36"
      }
    ]
  },
  "step": [
    {
      "@type": "HowToStep",
      "name": "Open Actions on Google Console",
      "video": { "@id": "Clip1" }
    },
    {
      "@type": "HowToStep",
      "name": "Select Trivia Template",
      "video": { "@id": "Clip2" }
    }
  ]
}
          

HowToSupply y HowToTool

Puedes consultar las definiciones completas de HowToSupply y HowToTool en schema.org/HowToSupply y schema.org/HowToTool.

HowToSupply y HowToTool se utilizan para completar las HowTo. Tienen las mismas propiedades obligatorias y recomendadas.

Propiedades obligatorias
name Text

Es el nombre de un material o de una herramienta.

Propiedades recomendadas
image ImageObject o URL

Es la imagen de un material o de una herramienta. Directrices adicionales sobre imágenes:

  • Las URLs de imágenes deben poder rastrearse e indexarse.
  • Las imágenes deben ser representativas del contenido etiquetado.
  • Las imágenes deben estar en formato .jpg, .png o .gif.

HowToDirection y HowToTip

Puedes consultar las definiciones completas de HowToDirection y HowToTip en schema.org/HowToDirection y en schema.org/HowToTip, respectivamente.

Utiliza HowToDirection y HowToTip para describir indicaciones o consejos. Tienen las mismas propiedades obligatorias y recomendadas.

Propiedades obligatorias
text Text

Indica el texto de una indicación o de un consejo.

Monitorizar resultados enriquecidos con Search Console

Search Console es una herramienta que te ayuda a monitorizar el rendimiento de tus páginas en la Búsqueda de Google. No hace falta que te registres en Search Console para que tu sitio web aparezca en los resultados de la Búsqueda de Google, pero, si lo haces, sabrás cómo lo ve Google y qué puedes hacer para mejorarlo. Te recomendamos que consultes Search Console en los siguientes casos:

  1. Después de implementar datos estructurados por primera vez
  2. Después de publicar plantillas nuevas o modificar el código
  3. Al hacer el análisis periódico del tráfico

Después de implementar datos estructurados por primera vez

Una vez que Google haya indexado tus páginas, puedes comprobar si hay algún problema en el informe de estado de resultados enriquecidos correspondiente. Lo ideal es que haya un aumento en el número de páginas válidas y que no lo haya en la cantidad de errores y advertencias. Si detectas problemas en tus datos estructurados, sigue estos pasos:

  1. Corrige los errores.
  2. Inspecciona la URL en tiempo real para ver si el problema continúa.
  3. Solicita que se valide la corrección desde el informe de estado.

Después de publicar plantillas nuevas o modificar el código

Cuando hagas cambios importantes en tu sitio web, mira si se incrementa la cantidad de errores y advertencias de datos estructurados.
  • Si notas que hay más errores, quizá sea porque has implementado una plantilla que no funciona, o puede que tu sitio esté interactuando con la plantilla que utilizas de un modo diferente que no es adecuado.
  • Si notas que hay menos elementos válidos, pero no hay más errores, es posible que hayas dejado de insertar datos estructurados en tus páginas. Puedes saber cuál es la causa del problema con la herramienta de inspección de URLs.

Al hacer el análisis periódico del tráfico

Consulta el informe de rendimiento para analizar el tráfico de tus páginas en la Búsqueda de Google. En él, verás con qué frecuencia aparece tu página como resultado enriquecido en la Búsqueda, cada cuánto hacen clic en ella los usuarios y cuál es la posición media que ocupa tu sitio web en los resultados de búsqueda. También puedes obtener automáticamente estos resultados con la API de Search Console.

Solucionar problemas

Si tienes problemas para implementar o depurar datos estructurados, a continuación se incluyen algunos recursos que pueden serte útiles.