Schema HowTo

We are excited to introduce our new HowTo Block extension plugin for Schema Premium, which provides an easy way to include and display How-To instructions on your site.

Schema Premium plugin already has support for HowTo schema.org markup, which allows you to add the HowTo markup to a page or a post on your site, however you must re-enter instructions steps manually to post meta fields.

What HowTo Block does?

The Schema HowTo Block extension once enabled, it will add a new Block to the Gutenberg Blocks list under Schema section.

Add Schema HowTo Block to Gutenberg

You can use this block to add How-To instructions where ever you want them to show on the page, and the extension will automatically append the schema.org markup.

How this Block works?

When you add a new HowTo block to the editor, you will see a repeated field that will give you the option to add as many steps rows as you like.

Schema HowTo Block fields in Gutenberg editor

You can switch the block to preview mode, in this mode the fields will show on the right sidebar and you will be able to preview your HowTo Block while editing it.

Schema HowTo Block Live Preview in Gutenberg editor

How the Block looks on front-page

How the Schema HowTo Block looks on front-end

Google Rich Results Test

Google Rich Results Test for HowTo Block

And, this is a preview of Rich Snippets:

Rich Results preview for snippets for HowTo Block

Extension Documentation

We’ve put together a quick start documentations to walk you through using the extension. We are looking forward to extend it with more details and tutorials as we go.

Check it out!

If you are looking for elegant ways to display How-To instructions on your site, and at the same time provide Google and other search engines with valid schema.org markup for HowTo type…

Give Schema HowTo Block ago.

Hesham Zebida

About the author: The Dev behind Schema plugin. Founder of schema.press site.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.