Ayuda a los usuarios a encontrar el contenido de tu receta; para ello, bríndale información a Google mediante datos estructurados. Cuando proporcionas datos, como calificaciones de usuarios, tiempos de preparación o cocción, o información nutricional, Google puede comprender mejor tu receta y presentarla a los usuarios de formas interesantes. Las recetas pueden aparecer en los resultados de la Búsqueda de Google y Google Imágenes.
Según el lenguaje de marcado que uses en tu contenido, podrás obtener las siguientes mejoras en tus recetas:
| Mejoras en la receta | |
|---|---|
Recetas guiadas: Permite que el Asistente de Google ayude a los usuarios con tus recetas en Google Home y pantallas inteligentes. Para ello, agrega datos estructurados de recetas Recipe.
Hay algunas propiedades adicionales que se necesitan para las recetas guiadas, pero que solo se recomiendan para la Búsqueda de Google. Asegúrate de agregar recipeIngredient y recipeInstructions.
Para obtener más información sobre las recetas con el Asistente de Google, compila Acciones a partir del contenido web. |
|
Carrusel de host de recetas: Agrega datos estructurados de ItemList para permitir que los usuarios exploren las páginas de tu galería de recetas. |
|
Cómo agregar datos estructurados
Los datos estructurados son un formato estandarizado para proporcionar información sobre una página y clasificar su contenido. Si aún no estás familiarizado con los datos estructurados, obtén más información sobre cómo funcionan.
A continuación, presentamos una descripción general de cómo generar, probar y actualizar datos estructurados. Si quieres obtener una guía paso a paso para agregar datos estructurados a una página web, consulta el codelab de datos estructurados.
- Agrega las propiedades obligatorias. Para obtener información sobre dónde colocar los datos estructurados en la página, mira el video JSON-LD Structured Data: Where to insert in a page?.
- Sigue los lineamientos.
- Valida tu código con la Prueba de resultados enriquecidos.
- Implementa algunas páginas que incluyan tus datos estructurados y utiliza la Herramienta de inspección de URL para probar el modo en el que Google ve la página. Asegúrate de que Google pueda acceder a la página y que no esté bloqueada por un archivo robots.txt, una etiqueta
noindexni requisitos de acceso. Si la página se ve bien, puedes pedirle a Google que vuelva a rastrear tus URL. - Para mantener informado a Google sobre los cambios futuros, te recomendamos que envíes un mapa del sitio. Puedes automatizar este proceso con la API del mapa del sitio de Search Console.
Ejemplos
Aquí tienes algunos ejemplos de recetas que usan código JSON-LD.
Recetas guiadas
Aquí tienes un ejemplo de una página que puede aparecer en la Búsqueda de Google y como receta guiada en el Asistente.
<html>
<head>
<title>Party Coffee Cake</title>
<script type="application/ld+json">
{
"@context": "https://schema.org/",
"@type": "Recipe",
"name": "Party Coffee Cake",
"image": [
"https://example.com/photos/1x1/photo.jpg",
"https://example.com/photos/4x3/photo.jpg",
"https://example.com/photos/16x9/photo.jpg"
],
"author": {
"@type": "Person",
"name": "Mary Stone"
},
"datePublished": "2018-03-10",
"description": "This coffee cake is awesome and perfect for parties.",
"prepTime": "PT20M",
"cookTime": "PT30M",
"totalTime": "PT50M",
"keywords": "cake for a party, coffee",
"recipeYield": "10",
"recipeCategory": "Dessert",
"recipeCuisine": "American",
"nutrition": {
"@type": "NutritionInformation",
"calories": "270 calories"
},
"recipeIngredient": [
"2 cups of flour",
"3/4 cup white sugar",
"2 teaspoons baking powder",
"1/2 teaspoon salt",
"1/2 cup butter",
"2 eggs",
"3/4 cup milk"
],
"recipeInstructions": [
{
"@type": "HowToStep",
"name": "Preheat",
"text": "Preheat the oven to 350 degrees F. Grease and flour a 9x9 inch pan.",
"url": "https://example.com/party-coffee-cake#step1",
"image": "https://example.com/photos/party-coffee-cake/step1.jpg"
},
{
"@type": "HowToStep",
"name": "Mix dry ingredients",
"text": "In a large bowl, combine flour, sugar, baking powder, and salt.",
"url": "https://example.com/party-coffee-cake#step2",
"image": "https://example.com/photos/party-coffee-cake/step2.jpg"
},
{
"@type": "HowToStep",
"name": "Add wet ingredients",
"text": "Mix in the butter, eggs, and milk.",
"url": "https://example.com/party-coffee-cake#step3",
"image": "https://example.com/photos/party-coffee-cake/step3.jpg"
},
{
"@type": "HowToStep",
"name": "Spread into pan",
"text": "Spread into the prepared pan.",
"url": "https://example.com/party-coffee-cake#step4",
"image": "https://example.com/photos/party-coffee-cake/step4.jpg"
},
{
"@type": "HowToStep",
"name": "Bake",
"text": "Bake for 30 to 35 minutes, or until firm.",
"url": "https://example.com/party-coffee-cake#step5",
"image": "https://example.com/photos/party-coffee-cake/step5.jpg"
},
{
"@type": "HowToStep",
"name": "Enjoy",
"text": "Allow to cool and enjoy.",
"url": "https://example.com/party-coffee-cake#step6",
"image": "https://example.com/photos/party-coffee-cake/step6.jpg"
}
],
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "5",
"ratingCount": "18"
},
"video": {
"@type": "VideoObject",
"name": "How to make a Party Coffee Cake",
"description": "This is how you make a Party Coffee Cake.",
"thumbnailUrl": [
"https://example.com/photos/1x1/photo.jpg",
"https://example.com/photos/4x3/photo.jpg",
"https://example.com/photos/16x9/photo.jpg"
],
"contentUrl": "http://www.example.com/video123.mp4",
"embedUrl": "http://www.example.com/videoplayer?video=123",
"uploadDate": "2018-02-05T08:00:00+08:00",
"duration": "PT1M33S",
"interactionStatistic": {
"@type": "InteractionCounter",
"interactionType": { "@type": "http://schema.org/WatchAction" },
"userInteractionCount": 2347
},
"expires": "2019-02-05T08:00:00+08:00"
}
}
</script>
</head>
<body>
</body>
</html>
Receta que solo se muestra en la Búsqueda
Aquí tienes un ejemplo de una página que puede aparecer en la Búsqueda. No se puede mostrar como receta guiada en el Asistente.
<html>
<head>
<title>Non-alcoholic Pina Colada</title>
<script type="application/ld+json">
{
"@context": "https://schema.org/",
"@type": "Recipe",
"name": "Non-alcoholic Pina Colada",
"image": [
"https://example.com/photos/1x1/photo.jpg",
"https://example.com/photos/4x3/photo.jpg",
"https://example.com/photos/16x9/photo.jpg"
],
"author": {
"@type": "Person",
"name": "Mary Stone"
},
"datePublished": "2018-03-10",
"description": "This non-alcoholic pina colada is everyone's favorite!",
"recipeCuisine": "American",
"prepTime": "PT1M",
"cookTime": "PT2M",
"totalTime": "PT3M",
"keywords": "non-alcoholic",
"recipeYield": "1 serving",
"recipeCategory": "Drink",
"nutrition": {
"@type": "NutritionInformation",
"calories": "120 calories"
},
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "5",
"ratingCount": "18"
},
"recipeIngredient": [
"2 cups of pineapple juice",
"5/8 cup cream of coconut",
"ice"
],
"recipeInstructions": [
{
"@type": "HowToStep",
"text": "Blend 2 cups of pineapple juice and 5/8 cup cream of coconut until smooth."
},
{
"@type": "HowToStep",
"text": "Fill a glass with ice."
},
{
"@type": "HowToStep",
"text": "Pour the pineapple juice and coconut mixture over ice."
}
],
"video": {
"@type": "VideoObject",
"name": "How to make a Party Coffee Cake",
"description": "This is how you make a Party Coffee Cake.",
"thumbnailUrl": [
"https://example.com/photos/1x1/photo.jpg",
"https://example.com/photos/4x3/photo.jpg",
"https://example.com/photos/16x9/photo.jpg"
],
"contentUrl": "http://www.example.com/video123.mp4",
"embedUrl": "http://www.example.com/videoplayer?video=123",
"uploadDate": "2018-02-05T08:00:00+08:00",
"duration": "PT1M33S",
"interactionStatistic": {
"@type": "InteractionCounter",
"interactionType": { "@type": "http://schema.org/WatchAction" },
"userInteractionCount": 2347
},
"expires": "2019-02-05T08:00:00+08:00"
}
}
</script>
</head>
<body>
</body>
</html>
Carrusel
Aquí tienes un ejemplo de una página de resumen de recetas (incluye una lista de recetas) con datos estructurados de itemList. Es posible que este contenido pueda mostrarse en una cuadrícula en los resultados de la Búsqueda.
<html>
<head>
<title>Grandma's Best Pie Recipes</title>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "ItemList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"url": "https://example.com/apple-pie.html"
},
{
"@type": "ListItem",
"position": 2,
"url": "https://example.com/blueberry-pie.html"
},
{
"@type": "ListItem",
"position": 3,
"url": "https://example.com/cherry-pie.html"
}]
}
</script>
</head>
<body>
</body>
</html>
Lineamientos
Debes seguir los lineamientos generales de datos estructurados para que tu receta pueda aparecer en los resultados de la Búsqueda. Si quieres que se muestre como receta guiada en el Asistente, asegúrate de que el contenido cumpla con la Política de Restricciones de Contenido del Asistente.
Los siguientes lineamientos se aplican a los datos estructurados de Recipe.
- Usa datos estructurados de
Recipepara el contenido relacionado con la preparación de un plato en particular. Por ejemplo, "exfoliación facial" o "ideas para fiestas" no son nombres válidos para un plato. - Para que tus recetas aparezcan en un carrusel o una cuadrícula, debes seguir estos lineamientos:
- Proporciona datos estructurados del tipo
ItemListpara resumir las recetas de tu lista. Puedes proporcionar los datos deItemListpor separado o junto con datos estructurados de receta. - Tu sitio debe tener una página de resumen en la que se indiquen todas las recetas de la colección. Por ejemplo, cuando un usuario haga clic en el vínculo del resumen que aparezca en los resultados de la Búsqueda, se lo deberá redireccionar a una página de tu sitio en la que se muestren todas las recetas relacionadas con su búsqueda.
- Proporciona datos estructurados del tipo
Definiciones de tipos de datos estructurados
Debes incluir las propiedades obligatorias si quieres que tu contenido pueda mostrarse como resultado enriquecido en la Búsqueda de Google. También puedes incluir las propiedades recomendadas para agregar más información al respecto y así brindar una mejor experiencia al usuario.
Recipe
Marca el contenido de las recetas con las siguientes propiedades del tipo Recipe de schema.org. La definición completa de Recipe está disponible en schema.org/Recipe.
| Propiedades obligatorias | |
|---|---|
|
Corresponde a la imagen del plato terminado. Lineamientos adicionales sobre imágenes:
Por ejemplo: "image": [ "https://example.com/photos/1x1/photo.jpg", "https://example.com/photos/4x3/photo.jpg", "https://example.com/photos/16x9/photo.jpg" ] |
|
Corresponde al nombre del plato. |
| Propiedades recomendadas | |
|---|---|
|
Corresponde a la anotación del promedio de calificaciones asignadas al elemento. Sigue los lineamientos para los fragmentos de opiniones, así como la lista de propiedades de Si los datos estructurados de |
|
Es el nombre de la persona o la organización que escribió la receta. |
|
Corresponde al tiempo de cocción del plato, en formato de la norma ISO 8601. Puedes usar una duración máxima y mínima como elementos secundarios para especificar un rango de tiempo. Se debe usar siempre junto con |
|
Corresponde a la fecha en la que se publicó la receta, en formato de la norma ISO 8601. |
|
Corresponde a una breve descripción del plato. |
|
Corresponde a otros términos de la receta, como la estación ("verano"), el día festivo ("Halloween") y otras palabras que la describen ("rápida", "fácil", "original"). Lineamientos adicionales
|
|
Corresponde a la cantidad de calorías de cada porción que rinde la receta. Si se define |
|
Corresponde a la duración del tiempo de preparación del plato, en formato de la norma ISO 8601. Puedes usar una duración máxima y mínima como elementos secundarios para especificar un rango de tiempo. Se debe usar siempre junto con |
|
Corresponde al tipo de comida o plato de la receta. Por ejemplo: "cena", "plato principal" o "postre, bocadillo". |
|
Corresponde a la región asociada con la receta. Por ejemplo, "francesa" "mediterránea" o "americana". |
|
Corresponde a un ingrediente que se usa en la receta. Por ejemplo: "recipeIngredient": [ "1 (15 ounce) package double crust ready-to-use pie crust", "6 cups thinly sliced, peeled apples (6 medium)", "3/4 cup sugar", "2 tablespoons all-purpose flour", "3/4 teaspoon ground cinnamon", "1/4 teaspoon salt", "1/8 teaspoon ground nutmeg", "1 tablespoon lemon juice" ] Lineamientos adicionales:
|
|
Corresponde a los pasos para preparar el plato. Existen varias opciones para configurar el valor de
Lineamientos adicionales
|
|
Corresponde a las cantidades que rinde la receta. Especifica la cantidad de porciones que rinde la receta con un valor numérico. Si deseas usar una unidad diferente (por ejemplo, la cantidad de ingredientes), puedes incluir rendimientos adicionales. Este es un requisito si especificas información nutricional por porción (por ejemplo, Ejemplo "recipeYield": [ "6", "24 cookies" ] |
|
Corresponde al tiempo que lleva preparar y cocinar el plato, en formato de la norma ISO 8601. Puedes usar una duración máxima y mínima como elementos secundarios para especificar un rango de tiempo. Usa |
|
VideoObject
El video muestra los pasos para preparar el plato. Sigue la lista de propiedades de video obligatorias y recomendadas.
|
|
Corresponde a un clip que forma parte de todo el video. |
|
Indica la hora de finalización del clip expresada como la cantidad de segundos desde el principio del video. |
|
Corresponde al nombre del clip. Por ejemplo, "Montar base del pastel" podría ser el nombre del clip que muestra cómo montar y presionar la base del pastel en la bandeja de cocción. |
|
Indica la hora de inicio del clip expresada como la cantidad de segundos desde el principio del video. |
|
Es el vínculo que lleva al inicio del clip. El inicio del clip debe coincidir con el valor establecido en "startOffset": 20, "endOffset": 29, "url": "https://www.example.com/example?t=20" |
HowToSection
Usa HowToSection para agrupar una secuencia de pasos (o subsecciones) que forman parte de las instrucciones de una receta. Especifica HowToSection directamente dentro de la definición de la propiedad recipeInstructions, o bien como un itemListElement de otra HowToSection.
El tipo HowToSection define una sección de una sola receta y contiene un solo paso o varios. No uses HowToSection para definir diferentes recetas del mismo plato; en su lugar, usa HowToSection como parte de una sola receta. Para enumerar varias recetas de un mismo plato, usa varios objetos Recipe. Por ejemplo, diversas formas de preparar un pastel de manzana deben aparecer como varios objetos Recipe, no como objetos HowToSection.
La definición completa de HowToSection está disponible en schema.org/HowToSection.
| Propiedades obligatorias | |
|---|---|
|
HowToStep
Corresponde a una lista de los pasos detallados para la sección o subsecciones. Por ejemplo, es posible que una receta de pizza tenga una sección de pasos para preparar la masa, una para los ingredientes y otra para la combinación y la cocción. Si una receta tiene secciones, pero no están definidas con Ejemplo:
{
"@type": "HowToSection",
"name": "Assemble the pie",
"itemListElement": [
{
"@type": "HowToStep",
"text": "In large bowl, gently mix filling ingredients; spoon into crust-lined pie plate."
}, {
"@type": "HowToStep",
"text": "Top with second crust. Cut slits or shapes in several places in top crust."
}
]
}
|
|
Text
Corresponde al nombre de la sección. |
HowToStep
Usa HowToStep para agrupar una o más oraciones que expliquen cómo hacer una parte de la receta. Define la propiedad text con las oraciones, o bien define itemListElement con un objeto HowToDirection o HowToTip para cada oración.
Usa lenguaje de marcado en los pasos de la receta con las siguientes propiedades del tipo HowToStep. Especifica un HowToStep directamente dentro de la definición de la propiedad recipeInstructions o como un itemListElement de una HowToSection.
La definición completa de HowToStep está disponible en schema.org/HowToStep.
| Propiedades obligatorias | |
|---|---|
|
HowToDirection o HowToTipCorresponde a una lista de pasos secundarios detallados, que incluye instrucciones o sugerencias. Es opcional si se usa |
|
Text
Corresponde al texto con todas las instrucciones de este paso. Es opcional si se usa
|
| Propiedades recomendadas | |
|---|---|
|
ImageObject o URLCorresponde a una imagen del paso. Lineamientos adicionales de imagen:
|
|
Text
Es la palabra o frase corta que resume un paso (por ejemplo, "Montar base del pastel"). No uses texto que no sea descriptivo (por ejemplo "Paso 1: [texto]") ni números de pasos con otro formato (por ejemplo, "1. [texto]"). |
|
URL
Corresponde a una |
|
VideoObject o ClipCorresponde a un video para un paso en particular o un clip del video. Para |
HowToDirection y HowToTip
Usa HowToDirection y HowToTip para describir instrucciones o sugerencias.
Ambos elementos tienen las mismas propiedades obligatorias y recomendadas.
Las definiciones completas de HowToDirection y HowToTip están disponibles en schema.org/HowToDirection y schema.org/HowToTip.
| Propiedades obligatorias | |
|---|---|
|
Text
Corresponde al texto de las instrucciones o la sugerencia. |
ItemList
Además de las propiedades de recetas, agrega los siguientes elementos a las listas específicas de hosts. Si bien no es obligatorio incluir ItemList, debes agregar las siguientes propiedades para que la receta aparezca en el carrusel de un host. Para obtener más información sobre el carrusel de host, consulta Carrusel.
La definición completa de ItemList está disponible en schema.org/ItemList.
| Propiedades obligatorias | |
|---|---|
|
Corresponde a la anotación para una página de un solo elemento. |
|
Corresponde a la posición ordinal de la página del elemento en la lista. Por ejemplo:
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
}, {
"@type": "ListItem",
"position": 2,
}
]
|
|
Corresponde a la URL canónica de la página del elemento. Cada elemento debe tener una URL única. |
Cómo supervisar resultados enriquecidos con Search Console
Search Console es una herramienta que te ayuda a supervisar el rendimiento de tus páginas en la Búsqueda de Google. Si bien no es necesario que te registres en Search Console para que se incluya tu contenido en los resultados de la Búsqueda de Google, te puede ayudar a comprender y mejorar la forma en que Google ve tu sitio. Te recomendamos que revises Search Console en los siguientes casos:
- Después de implementar datos estructurados por primera vez
- Después de lanzar plantillas nuevas o actualizar código
- Para analizar tráfico periódicamente
Después de implementar datos estructurados por primera vez
Después de que Google haya indexado tus páginas, busca problemas con el informe de estado de resultados enriquecidos relevante. Lo ideal sería ver que hayan aumentado las páginas válidas, y no los errores ni las advertencias. Si encuentras problemas en los datos estructurados, haz lo siguiente:
- Corrige los errores.
- Inspecciona una URL publicada para verificar si el problema persiste.
- Solicitar una validación mediante el informe de estado.
Después de lanzar plantillas nuevas o actualizar código
Cuando realices cambios significativos en tu sitio web, supervisa los aumentos en las advertencias y los errores de los datos estructurados.- Si notas un aumento en la cantidad de errores, tal vez se deba a que implementaste una plantilla que no funciona o a que tu sitio interactúa con la plantilla actual de una forma diferente e incorrecta.
- Si notas una disminución total de los datos estructurados (que no coincide con un aumento en la cantidad de errores), es posible que ya no estés incorporando datos estructurados en tus páginas. Usa la Herramienta de inspección de URL para saber cuál es la causa del problema.
Cómo analizar tráfico periódicamente
Analiza el tráfico de la Búsqueda de Google con el Informe de rendimiento. Los datos te mostrarán con qué frecuencia tu página aparece como resultado enriquecido en la Búsqueda, con qué frecuencia los usuarios hacen clic en ella y cuál es la posición promedio en la que apareces en los resultados de la búsqueda. También puedes extraer esos resultados automáticamente con la API de Search Console.Solución de problemas
Si tienes problemas para implementar datos estructurados, aquí tienes algunos recursos que pueden ayudarte.
- Es posible que haya un error en los datos estructurados. Consulta la lista de errores de datos estructurados.
- Consulta cómo solucionar problemas de resultados enriquecidos faltantes o disminución del total de resultados enriquecidos.
- Si tienes preguntas generales sobre el rastreo y la indexación, consulta las Preguntas frecuentes de webmasters.
- Haz una pregunta durante el horario de atención de los webmasters.
- Publica una pregunta en el foro para webmasters.