Go Back

Verduras entrada Vegan

Usaremos GenerateBlocks (Bloques de Gutenberg) para construir las secciones interactivas ("Tabs de tiempo", "Acordeones de trucos") FUERA de la tarjeta de la receta, en el cuerpo del artículo.
Prep Time1 day
Cook Time3 hours
2 days
Total Time1 day 1 hour
Servings:4 Perdonas
Course:Aperitivo
Cuisine:Francesa

Ingredients
  

  • 1 g En la parte de arriba
Mi recomendación:Quédate con WP Recipe Maker (Free).Usaremos CSS para "desnudarlo" y que se vea integrado en tu diseño (como hicimos con el código anterior).Usaremos GenerateBlocks (Bloques de Gutenberg) para construir las secciones interactivas ("Tabs de tiempo", "Acordeones de trucos") FUERA de la tarjeta de la receta, en el cuerpo del artículo.¿Te parece bien si diseñamos una "Plantilla de Bloques" para tus recetas del Atlas? Una estructura que puedas copiar y pegar donde ya vengan las pestañas de "Express vs Chef" listas para rellenar.
  • Mi recomendación:
  • Quédate con WP Recipe Maker Free.
  • Usaremos CSS para "desnudarlo" y que se vea integrado en tu diseño como hicimos con el código anterior.
  • Usaremos GenerateBlocks Bloques de Gutenberg para construir las secciones interactivas ("Tabs de tiempo", "Acordeones de trucos") FUERA de la tarjeta de la receta, en el cuerpo del artículo.
  • ¿Te parece bien si diseñamos una "Plantilla de Bloques" para tus recetas del Atlas? Una estructura que puedas copiar y pegar donde ya vengan las pestañas de "Express vs Chef" listas para rellenar.

Equipment

  • 1 Quédate con WP Recipe Maker (Free). Usaremos GenerateBlocks (Bloques de Gutenberg) para construir las secciones interactivas ("Tabs de tiempo", "Acordeones de trucos") FUERA de la tarjeta de la receta, en el cuerpo del artículo.
  • 1 Quédate con WP Recipe Maker (Free). Usaremos GenerateBlocks (Bloques de Gutenberg) para construir las secciones interactivas ("Tabs de tiempo", "Acordeones de trucos") FUERA de la tarjeta de la receta, en el cuerpo del artículo.
  • 1 Quédate con WP Recipe Maker (Free). Usaremos GenerateBlocks (Bloques de Gutenberg) para construir las secciones interactivas ("Tabs de tiempo", "Acordeones de trucos") FUERA de la tarjeta de la receta, en el cuerpo del artículo.
  • 11 Quédate con WP Recipe Maker (Free). Usaremos GenerateBlocks (Bloques de Gutenberg) para construir las secciones interactivas ("Tabs de tiempo", "Acordeones de trucos") FUERA de la tarjeta de la receta, en el cuerpo del artículo.
  • 1 Quédate con WP Recipe Maker (Free). Usaremos GenerateBlocks (Bloques de Gutenberg) para construir las secciones interactivas ("Tabs de tiempo", "Acordeones de trucos") FUERA de la tarjeta de la receta, en el cuerpo del artículo.

Method
 

  1. La Solución Híbrida: "La Capa Interactiva"
  2. Para tener esa web futurista e interactiva ("Traditional vs. Express") sin perder el SEO, usaremos una Estrategia de Dos Capas:
  3. Capa A: La Experiencia de Usuario (Tu Diseño HTML/Bloques)
  4. Aquí es donde te vuelves loco con la creatividad. Usaremos GenerateBlocks (que es HTML limpio visual) para crear la interactividad al principio del post.
  5. Ejemplo Práctico: "Carbonara: Express vs. Real"
  6. Creas un Bloque de Pestañas (Tabs) al inicio del post.
  7. Pestaña 1 (Titulo: "Tengo Prisa - 15 min"):
  8. Contenido: Texto corto, trucos rápidos, ingredientes sustitutos.
  9. Interacción: Un checklist simple de pasos rápidos.
  10. Pestaña 2 (Titulo: "Modo Chef - 45 min"):
  11. Contenido: La historia, la técnica del guanciale, el video de la técnica lenta.
  12. Esto es lo que el usuario usa. Es rápido, bonito y 100% libre en diseño.

Video

Notes

1. El Peligro Invisible: Schema.org y JSON-LD

A Google (y a la IA de Chrome) no le importa tu diseño. No "ve" tu HTML bonito. Lo que Google busca es CÓDIGO ESTRUCTURADO (llamado Schema).
El plugin WP Recipe Maker hace un trabajo sucio y aburrido que tú no ves: genera un código oculto que le dice a Google:
  • "Esto es una receta".
  • "Esta es la foto del plato".
  • "Estas son las calorías".
  • "Este es el tiempo de cocción".