1. Home
  2. Knowledge Base
  3. HowTo Schema Type

HowTo Schema Type

If you run a website with content in the form of tutorials or explanations of any kind – you should consider using the HowTo Schema type. Fortunately, applying the HowTo Schema type to pages on your website couldn’t be easier than it is with Rank Math

In this tutorial, we’ll walk you through the two easiest ways to add HowTo Schema to your posts and pages with Rank Math:

1 How to Add Rank Math’s HowTo Gutenberg Block in WordPress?

To kick things off, the very first step is to install the Rank Math WordPress SEO plugin. Getting started is very easy & just takes a few minutes.

Get started with Rank Math.

1.1 Edit your Post or Page

In order to add the HowTo Block edit the post or page.

Edit the post

1.2 Add the HowTo Block to the Post

Once you’re in the editor, add a new block to the post or page using the “+” button to see all the available blocks, or search for HowTo using the “/” shortcut and you’ll see the HowTo block as shown below:

HowTo Block

There are a number of options to configure in a single HowTo Block, and configuring each of them correctly is important if you want your page to be considered for rich results. Let us now consider each option in detail.

1.3 Final Image

In the Final Image, you can add an image that represents the final result of your HowTo visually. This is optional but we recommend adding an image for better results. Click on Add Final Image to add an image.

1.4 Main Description

Here you need to describe what you’re trying to achieve. The field is meant for a description of your goal and is a mandatory field. Fill in the description in the given text area.

 Enter the main desription

1.5 Duration

In the duration field you have to enter the estimated time that the entire task will take. The duration field is optional and is disabled by default. Click the toggle button to enable the field. Once enabled enter the actual duration  in the Days, Hours, Months fields.

Enter the duration

1.6 Add Your HowTo Steps

This is the most important part of the entire HowTo Block which is the actual step that needs to be performed. The step itself consists of 3 parts as shown below:

Enter the HowTo Step
  1. Enter a step title: Enter the title of the step.
  2. Add Step Image: Add an image for the specific step.
  3. Enter a step description: Add a description for the step.

1.7 Add New Step

To add another step, click the Add New Step button at the bottom of the last step. A new blank step will be created below the last step and you can follow the same instructions and fill in the details in the new step also.

Add New Step

1.8 Deleting or Hiding Steps

To hide any step, click the eye icon on the top right of the step. When a step is hidden, it will be grayed out, and the icon will change as well.

Deleting and Hiding Steps

Click on Save for this Post once you’re done making any changes to the Software Schema for this page. Then, simply update the page as you normally would after making a change or click Publish if this is a newly created page.

2 How to Add HowTo Schema Markup to Pages Using Rank Math’s Schema Generator PRO

Before we begin, you’ll need to ensure that Rank Math’s Schema Module has been enabled on your website by navigating to Rank Math > Dashboard in your WordPress admin area.

In this tutorial, we’ll walk you through how to use the HowTo Schema type on a post or page as well as the various available settings for it – let’s get started:

2.1 Edit Your Post or Page

To add the HowTo Schema Type first head to the edit page for that post, by clicking Edit as shown below:

Edit the post

2.2 Open Rank Math In The Gutenberg Sidebar

Click on the Rank Math SEO icon that displays alongside this post/page’s SEO score to open the SEO settings for this page.

Or alternatively, click the three vertical dots in the top right-hand corner of the edit page and selecting Rank Math in the Plugins section – as shown below:

Click on Rank Maath

2.3 Navigate to the Schema Settings for This Post/Page

Click on the Schema tab and then click on Schema Generator.

Click on Schema Generator

4 Navigate to the Schema Builder

Click on Use to open the Schema Builder.

Click on Use

The Schema Builder will show up with the options as shown below:

HowTo Schema Builder

Now, let’s have a closer look at each of the available options.

HowTo Schema Type Setup & Available Options

1 Name

Enter the name of the HowTo Schema.

Enter the name

2 Description

Enter the Description here. Also you can make use of variables and create dynamic descriptions.

Enter the description

3 Shortcode

Copy and Paste the shortcode available here in your content.

copy paste the shortcode

4 Total Time

Enter the total time needed in this field in the following format P12DT30H15M.

Enter total time

5 Image URL

Enter the URL of the image here.

Enter the image URL

6 Salary Currency

Enter the currency of the salary using the ISO 4217 Currency Code. If you are not aware of your country’s currency’s ISO code, Wikipedia has an active code list.

Enter the currency

7 Salary

Enter the recommended salary in numbers in the Salary(Recommended) option. Also, select the time period for the salary to be paid in the Payroll option. The options are Yearly, Monthly, Weekly, Daily, Hourly, None.

8 Material

Enter the material that you need such as Gum, Paints, etc in this field.

Enter the material

9 Supplies

Enter the name of the supplies in this field by clicking on Add Property Group. You can add as many supplies as you want here.

Enter the supplies name

10 Tools

Enter the name of the tools by clicking on the Add Property Group. You can add in the information for a particular tool, then click the Add Property Group link to add another group. You can then fill in the information in that tool as well.

Enter Tools name

11 Steps

You can add the steps details by clicking on the Add Property Group. Then enter the details of the steps in the fields as shown below:

Add the details of the Steps

And, that’s it! Click on Save for this Post once you’re done making any changes to the HowTo Schema for this page. Then, simply update the page as you normally would after making a change or click Publish if this is a newly created page. You can then check your Schema with the help of Google’s Rich Results Testing Tool.

The benefit of the Schema Generator option is that it allows the HowTo Schema to be used with Classic Editor, Elementor, or any other Page Building for that matter while the HowTo Block only works on Gutenberg.

However, in contrast to the HowTo Block, with this method, the users have to type their HowTo Instructions separately for the audience as the HowTo Schema generated using this method will only add the Schema – not the frontend content for regular visitors.

Was this article helpful?

Still need help?

?

Submit Your Question

Please give us the details, our support team will get back to you.

Open Ticket