Generators · 100% free

HowTo Schema Generator

Generate step-by-step HowTo JSON-LD that may trigger Google's HowTo rich result.

Google Bing

HowTo name*DescriptionTotal time (minutes)Tools (comma-separated)Supplies (comma-separated)

Steps

html

<script type="application/ld+json">
{
  "@context": "https://schema.org/",
  "@type": "HowTo",
  "name": "How to install your Shopify theme",
  "description": "Quick guide to installing and configuring a new Shopify theme.",
  "totalTime": "PT15M",
  "tool": [
    {
      "@type": "HowToTool",
      "name": "Computer"
    },
    {
      "@type": "HowToTool",
      "name": "Shopify admin access"
    }
  ],
  "supply": [
    {
      "@type": "HowToSupply",
      "name": "Theme ZIP file"
    }
  ],
  "step": [
    {
      "@type": "HowToStep",
      "position": 1,
      "name": "Upload the theme",
      "text": "Open Shopify Admin → Online Store → Themes → Upload theme."
    },
    {
      "@type": "HowToStep",
      "position": 2,
      "name": "Customise",
      "text": "Click Customise on the new theme to set logo, colours and homepage sections."
    },
    {
      "@type": "HowToStep",
      "position": 3,
      "name": "Preview and publish",
      "text": "Use Preview to test on desktop and mobile, then click Publish."
    }
  ]
}
</script>

About this tool

HowTo schema marks up step-by-step tutorials, recipes and guides. This generator outputs valid JSON-LD with name, description, totalTime, tools/supplies, and ordered steps, each step with name + text + optional image.

HowTo rich result status

Google scaled back HowTo rich results in 2023 (now mostly desktop-only, excluding some categories). Despite that, the markup is still useful for AI Overviews citation and Bing rich results, and the structured content itself improves crawlability for any walkthrough-style page.