496+ Tools Comprehensive Tools for Webmasters, Developers & Site Optimization

How-To Schema Generator

How-To Schema Generator

Use a format like "PT15M", "PT1H30M", etc.
Use one line per step. Optionally format as "Step Title: Step Description" (If no colon, the entire line becomes the step text).
Why How-To Schema?

By using @type="HowTo", search engines can show a step-by-step preview directly in the SERP. It can increase user engagement, especially for DIY, tutorials, or instructions-based content.

  • Rich Formatting: Google may display each step in an expandable list on mobile search results.
  • Clear Steps: Encourages you to structure instructions, making them more user-friendly.
  • Optional Tools/Supplies: Let users know up front what they need to complete the tutorial.

Copy the generated JSON-LD code and include it in a <script type="application/ld+json"> on your how-to page.