Logo cmlabs

JSON-LD HOW TO SCHEMA GENERATOR

Make Your Website More Interesting And Look Different

How-to

Value should be more than 0
Invalid URL
Invalid URL
Invalid URL

In this latest version, we developed the How To Schema Generator tool. This tool serves to tell Google explicitly that your content is a guide. Now, users can add structured data for this How To Schema Generator from JSON LD. This structured data will provide information about your page and classify the content of your page. By adding as many required and recommended properties as possible, your page can appear on Google Search effectively.

Updated 15 Mar, 2021

In this latest version, we developed the How To Schema Generator tool. This tool serves to tell Google explicitly that your content is a guide. Now, users can add structured data for this How To Schema Generator from JSON LD. This structured data will provide information about your page and classify the content of your page. By adding as many required and recommended properties as possible, your page can appear on Google Search effectively.

Updated 15 Mar, 2021

HowTo

Use HowTo structured data to explicitly tell Google that your content is a guide. How to guide users through a series of steps to successfully complete a task, and can display videos, images, and text. For instance, "How to tie a tie" or "How to tile a backsplash in the kitchen". If each step in the instructions can be read in order, that's a good sign that the content will benefit from the organized data of HowTo. HowTo structured data is appropriate when hints are the main focus of the page.

Correctly marked up hint pages may be eligible for rich results on Search and Actions on the Google Assistant, which can help your site reach the right users.

A How-to Action for Smart Displays can be automatically created by adding structured HowTo data to your website. If you want to provide your users with the best visual experience on this device, including the image specified in the markup, fill in the interest form.

How to add structured data

Structured data is a standard format for providing information about a page and classifying page content. If you are new to structured data, you can learn more about how structured data works.

Here's an overview of how to create, test, and release structured data. For a step-by-step guide on adding structured data to web pages, see structured data codelabs.

Add the required properties. See JSON-LD Structured Data: Where to insert on a website for information on where to place structured data on the page.

Follow the guidelines.

Validate your code using the Rich Results Test.

Implement multiple pages that include your structured data and use the URL Inspection tool to test how Google sees the page. Make sure that your page is accessible to Google and isn't blocked by a robots.txt file, noindex tags, or login requirements. If the page looks okay, you can ask Google to re-crawl your URL.

Note: Allow time for re-crawling and re-indexing. Keep in mind that it may take several days after publishing a page for Google to find and crawl it.

To keep Google informed of future changes, we recommend submitting a sitemap. You can automate it with the Search Console Sitemap API.

Feature availability

Rich result instructions are currently available in all languages ​​and countries where Google Search is available. This feature is only available on mobile devices, not desktops.

Example

Here are some examples of how your content might look like in the rich How-to results. A more visual variant can be shown if your instructions contain a complete instruction picture and a step-by-step image. Make sure to add as many required and recommended properties as possible so that your instructions can most effectively appear on Google Search.

Rich result Standard hint:

howto-instruction-1

Here is an example of a text based instruction page using JSON-LD. This example has only one image that represents the end state of the instruction. In this result, the user can preview the content for several steps.

            
              <html>
                <head>
                  <title>How to tile a kitchen backsplash</title>
                  <script type="application/ld+json">
                    {
                      "@context": "http://schema.org",
                      "@type": "HowTo",
                      "name": "How to tile a kitchen backsplash",
                      "description": "Any kitchen can be much more vibrant with a great tile backsplash. This guide will help you install one with beautiful results, like our example kitchen seen here.",
                      "image": {
                        "@type": "ImageObject",
                        "url": "https://example.com/photos/1x1/photo.jpg",
                        "height": "406",
                        "width": "305"
                      },
                      "estimatedCost": {
                        "@type": "MonetaryAmount",
                        "currency": "USD",
                        "value": "100"
                      },
                      "supply": [
                        {
                          "@type": "HowToSupply",
                          "name": "tiles"
                        }, {
                          "@type": "HowToSupply",
                          "name": "thin-set mortar"
                        }, {
                          "@type": "HowToSupply",
                          "name": "tile grout"
                        }, {
                          "@type": "HowToSupply",
                          "name": "grout sealer"
                        }
                      ],
                      "tool": [
                        {
                          "@type": "HowToTool",
                          "name": "notched trowel"
                        }, {
                          "@type": "HowToTool",
                          "name": "bucket"
                        },{
                          "@type": "HowToTool",
                          "name": "large sponge"
                        }
                      ],
                      "step": [
                        {
                          "@type": "HowToStep",
                          "url": "https://example.com/kitchen#step1",
                          "name": "Prepare the surfaces",
                          "itemListElement": [{
                            "@type": "HowToDirection",
                            "text": "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-step1.jpg",
                            "height": "406",
                            "width": "305"
                          }
                        }, {
                          "@type": "HowToStep",
                          "name": "Plan your layout",
                          "url": "https://example.com/kitchen#step2",
                          "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-step2.jpg",
                            "height": "406",
                            "width": "305"
                          }
                        }, {
                          "@type": "HowToStep",
                          "name": "Prepare your and apply mortar (or choose adhesive tile)",
                          "url": "https://example.com/kitchen#step3",
                          "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 do not 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-step3.jpg",
                            "height": "406",
                            "width": "305"
                          }
                        }, {
                          "@type": "HowToStep",
                          "name": "Add your tile to the wall",
                          "url": "https://example.com/kitchen#step4",
                          "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-step4.jpg",
                            "height": "406",
                            "width": "305"
                          }
                        }, {
                          "@type": "HowToStep",
                          "name": "Apply the grout",
                          "url": "https://example.com/kitchen#step5",
                          "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-step5.jpg",
                            "height": "406",
                            "width": "305"
                          }
                        }
                      ],
                      "totalTime": "P2D"
                    }
                  </script>
                </head>
                <body>
                </body>
              </html>
            
          

Content guidelines

  • Advertising: Don't use HowTo structured data for advertising purposes.
  • Ineligible Content: How-to rich results may not be displayed if the content is obscene, profane, sexually explicit, or graphically violent; or if it promotes dangerous or illegal activities or has hateful or harassing language.
  • Source: All HowTo content must be visible to the user on the source page. The key objective of the source page should be the How-to. Don't include more than one HowTo for a certain page.
  • Materials and Tools: To complete the job, add organized data to all the materials and tools required.
  • Steps: Each HowToStep must include the entire contents of the source step. Don't mark up non-step data such as a summary or introduction section as a step.
  • Step images: If the steps are best represented visually, ensure the images in these steps are marked up for each HowToStep. Only mark up the instructional step images that are specific for each step and don't use the same image in multiple steps for the same how-to. Use the same images that correspond to the content on your page. Don't use images that don't reflect the how-to content, or use different images to optimize the rich-result.
  • Final image: If the end result can be accurately described by an image, ensure this image is present on the page, and your HowTo markup includes it using the image property. This image may be the same as the one marked up for the last step.
  • Content: Don't use HowTo markup for recipes. Recipes should use the Recipe structured data instead. Articles and general advice content that is not a specific set of instructions are not appropriate for HowTo markup.
robo-img

Writing Starter Guide

The Search Engine Optimization (SEO) Starter Guide provides best practices to make it easier for search engines to crawl, index, and understand your content.

Explore today?

What’s new on cmlabs JSON-LD HOW TO SCHEMA GENERATOR