How to Properly Add SEO-Friendly ‘How to’ Schema in WordPress

15

Are you wondering how to add ‘how to’ schema in WordPress?

By adding ‘how to’ schema to your content, you can show images, videos, and detailed step-by-step instructions directly in the search results. This can make your content stand out and get you more clicks and visitors.

In this article, we will show you how to add ‘how to’ schema in WordPress.

How to add SEO-friendly 'How to' schema in WordPressHow to add SEO-friendly 'How to' schema in WordPress

Why Add ‘How To’ Schema in WordPress?

‘How to’ schema markup is a type of HTML code that’s added to your WordPress website.

Instead of appearing on your site, ‘how to’ schema gives search engines more information about your tutorial articles. This can include detailed step-by-step instructions, a list of tools and supplies the reader will need, and how long the tutorial takes to complete.

This helps the search engines understand your pages and posts and show them to people who are looking for content just like yours.

Even better, search engines such as Google may use the ‘how to’ schema to create rich snippets and results. For example, Google might show your ‘how to’ steps in an ordered list.

An example of a rich snippet on GoogleAn example of a rich snippet on Google

Depending on how your schema is set up, search engines may even display this information in the ‘people also ask’ section.

These boxes appear for many search queries and offer a list of additional questions, each linked to a website for more information.

An example of how to schema, on a SERPAn example of how to schema, on a SERP

This section appears at the very top of the search results, so they can get you even more clicks and increase your blog traffic.

Some rich results even include useful information, such as a list of required tools or how much money readers need to spend to complete the guide. This can help people quickly decide whether your ‘how to’ guide is right for them, which will improve the user experience.

It’s important to note that adding ‘how to’ schema in WordPress will not guarantee that your content appears as a rich result. However, it will improve your chances, especially if your website is already SEO-optimized.

Google’s ‘How To’ Schema Guidelines

Before adding ‘how to’ schema to your pages and posts, it’s important to understand Google’s content guidelines.

Firstly, you can’t use the ‘how to’ schema for advertising purposes or include any content that’s obscene, explicit, or violent. You also shouldn’t add ‘how to’ schema to any content that promotes dangerous or illegal activities.

You can only use ‘how to’ schema once per page, and all the content in your schema markup must also be visible on that page. This means you can’t type out unique instructions or add images that don’t appear in the actual ‘how to’ guide.

Finally, you can’t use the ‘how to’ schema for recipes. For this type of content, you will get much better results by using the SEO-friendly recipe schema.

How To Add ‘How To’ Schema in WordPress

The easiest way to add ‘how to’ schema in WordPress is with All in One SEO (AIOSEO). It’s the best SEO plugin for WordPress, used by over 3 million sites.

AIOSEO allows you to add a growing number of schema types to your pages, posts, custom post types, categories, tags, custom taxonomies, and more. This can help search engines understand your content and increase your chances of getting rich snippets.

The first thing you need to do is install and activate AIOSEO. For more details, see our guide on how to install a plugin in WordPress.

Note: There is a free version of AIOSEO that allows you to optimize your site no matter what your budget is. However, you will need the premium version to add ‘how to’ schema in WordPress.

Upon activation, the plugin will run a setup wizard, so simply follow the onscreen instructions. If you need more detailed instructions, then you can see our guide on how to properly set up All in One SEO for WordPress.

The AIOSEO WordPress SEO pluginThe AIOSEO WordPress SEO plugin

Once you have completed the setup wizard, AIOSEO will take you back to the WordPress dashboard. Now that All in One SEO is installed and activated, simply open the page, post, custom post type, or any other content where you want to add the ‘how to’ schema.

After that, scroll to the bottom of the WordPress content editor, where you will see a new ‘AIOSEO Settings’ section.

Adding schema using the All in One SEO pluginAdding schema using the All in One SEO plugin

Go ahead and click on the ‘Schema’ tab.

Here, you will see the schema settings are enabled by default.

Adding how to schema to WordPress using AIOSEOAdding how to schema to WordPress using AIOSEO

To add the ‘how to’ schema, just click on the ‘Generate Schema’ button.

This will open AIOSEO’s Schema Catalog, where you can choose from a wide range of different schema types. For example, you can add FAQ schema in WordPress, add GTIN, ISBN, and MPN schema, and more.

Here, simply find the ‘how to’ option and click on its ‘Add Schema’ button.

Adding AIOSEO schema markup to a page or postAdding AIOSEO schema markup to a page or post

This opens a window where you can type in all the information you want to use in the schema.

By default, AIOSEO adds a ‘Post Title’ smart tag to the ‘Title’ field. AIOSEO automatically replaces all its smart tags with real values, so you can create unique markup without having to manually type in all the information you want to use.

If you want to use a different title, then simply delete the ‘Post Title’ smart tag. You can then type in the information you would like to use instead.

Adding post title to how to schemaAdding post title to how to schema

Next, you will need to add a description. Search engines like Google typically show the description below the post title and above the list of steps, so it’s a great way to introduce the guide to potential readers.

You can either type this information into the ‘Description’ box or click on any smart tag you want to use. To see the full list of smart tags, click the ‘View all tags’ link.

Adding smart tags to your schema markupAdding smart tags to your schema markup

If the reader needs any specialist equipment or resources to complete the guide, then you should type them into the ‘Supplies’ field.

After each item, press the ‘Enter’ key on your keyboard to add it to the schema.

Adding supply markup to your WordPress schemaAdding supply markup to your WordPress schema

Similarly, if the reader needs any specialist tools, then just type these into the ‘Tools’ section.

With that done, you can specify how long it will take readers to complete the ‘how to’ guide. Simply type the correct numbers into the fields marked ‘Days’, ‘Hours’, and ‘Minutes’.

Adding time schema markup to your pages, posts, or custom post typesAdding time schema markup to your pages, posts, or custom post types

Sometimes, you may want to show the finished result. For example, if you are writing about how to create an email newsletter, then you might show a professionally-designed newsletter. If readers like what they see, then they are more likely to visit your website.

Unlike other images that must be unique, you can reuse this image in the final step of your ‘how to’ schema. However, as always, the image must appear somewhere on the page or post.

Simply click on the ‘Upload or select image’ button and then choose an image from the WordPress media library.

Adding schema markup to images in WordPressAdding schema markup to images in WordPress

Sometimes, readers will need to spend money to complete a ‘how to’ guide. For example, if you are writing a post about how to start a WordPress blog, then readers will need to buy WordPress hosting.

In this case, simply type the total cost into the ‘Price’ field and select the currency.

Adding pricing information HTML markup to a blog or websiteAdding pricing information HTML markup to a blog or website

With that done, you are ready to add each step to the ‘how to’ schema.

According to Google’s guidelines, each step must only include the information readers need to complete that step. With that in mind, you shouldn’t include any non-step data, such as an introduction section or a list of related posts.

To start, type in a title for the step and enter the instructions into the ‘Description’ section.

Adding step information to the WordPress schemaAdding step information to the WordPress schema

Have you added anchor links in WordPress? For example, you might help readers find their way around the page by creating a table of contents where each step is an anchor link.

If this is the case, then you can add the step’s anchor link to the ‘URL’ field.

Adding anchor links to a website's markupAdding anchor links to a website's markup

You may also want to add an image that represents this step. This image must be unique and be visible on the page or post.

According to Google’s guidelines, you should never use images that don’t reflect the step’s content or use the same image for multiple steps.

When you are happy with how the first step is set up, just click on the ‘Add Another Step’ button.

Adding steps to an HTML schema markup in WordPressAdding steps to an HTML schema markup in WordPress

This creates a section where you can add a title and description, plus an optional anchor link and image. Simply repeat this process to add all the steps to your ‘how to’ schema.

When you are happy with how the schema is set up, go ahead and click on the ‘Add Schema’ button.

How to add 'How To' schema to your WordPress blog or websiteHow to add 'How To' schema to your WordPress blog or website

You can now go ahead and publish or update the page to make the schema live on your WordPress website.

If you want to test whether your ‘how to’ schema markup is working correctly, then scroll down to our section on how to test your WordPress ‘how to’ schema.

Optional: Create a Reusable’ How To’ Schema Template

If you publish lots of ‘how to’ guides, then you might create your own schema template. You can then apply this template to any page, post, custom taxonomy, custom post type, or other content with the click of a button.

Applying a custom schema template to your contentApplying a custom schema template to your content

Schema templates tend to work best when you use smart tags. For example, tags can add the post’s title, excerpt, author, publication date, and other content automatically. In this way, you can create unique schema without having to manually type in all the information.

Sometimes, you may even use the same tools, pricing, currency, or other information on all your posts.

For example, if you run a photography blog, then you might always recommend that readers use your favorite camera model or lens. By typing this information into the template’s ‘Tools’ field, AIOSEO will automatically apply this schema to your content, which saves you even more time.

Even better, you can override these default settings every time you use the template, so you can still customize the template for individual pages.

To create a reusable template, you need to open any page or post and then click on the ‘Generate Schema’ button.

Generating SEO schema for search engines like GoogleGenerating SEO schema for search engines like Google

In the popup that appears, click on the button next to ‘How to’.

This takes you to a screen where you can build the template. By default, AIOSEO will use the post’s title as the name.

Adding post title to how to schemaAdding post title to how to schema

To change this, simply delete the ‘Post Title’ tag and then click on ‘View all tags.’

You can now choose any tag from the dropdown menu.

Adding smart tags to your schema markupAdding smart tags to your schema markup

You can also use a combination of plain text and tags or multiple tags.

For example, you might use ‘Post Title’ and ‘Post Date.’ AIOSEO will then replace these tags with real values every time you use the template.

Adding smart tags to a 'how to' schema templateAdding smart tags to a 'how to' schema template

When you are happy with how the title is set up, you can add a description.

Often, it makes sense to use the ‘Excerpt’ tag so that AIOSEO will use the WordPress post’s excerpt. However, you can use any smart tags you want or even type plain text into the ‘Description’ field.

Automatically adding a post excerpt to a schema templateAutomatically adding a post excerpt to a schema template

With that done, you may want to add some plain text to the other fields. For example, there may be some tools and supplies that you use in all your ‘how to’ guides.

Using Latest Blog as an example, it might make sense to add a domain name or Bluehost WordPress hosting to the ‘Tools’ field since most of our ‘how to’ guides require a domain and web hosting.

Adding plain text to a schema templateAdding plain text to a schema template

Remember, you can override these settings each time you use the template.

After typing in any extra information you want to use, it’s time to go ahead and create the template. Simply click on the ‘Save Schema as Template’ button.

Saving a reusable schema template using AIOSEOSaving a reusable schema template using AIOSEO

You can now type in a title for the schema template. This is just for your reference, so you can use anything that helps you identify the template in your WordPress dashboard.

With that done, click on the ‘Save Template’ button.

Adding a title to a schema templateAdding a title to a schema template

To apply the template to your content, simply click on the ‘Generate Schema’ button to open the schema catalog as normal.

Then, click on the ‘Your Templates’ tab.

Applying a template to a page, post, or custom post typeApplying a template to a page, post, or custom post type

You will now see the template you created earlier.

If you want to apply the template without making any changes, then click on its ‘+’ button.

How to add How To schema to your WordPress blog or websiteHow to add How To schema to your WordPress blog or website

However, we recommend customizing the template as it typically creates more SEO-friendly schema. This can improve your WordPress SEO and help you get valuable rich snippets in the search engine results.

To do this, simply click on the ‘pencil’ icon.

Applying a custom template to WordPressApplying a custom template to WordPress

You can now make changes or type in any extra information you want to use for this specific ‘how to’ guide.

With that done, click on ‘Add Schema’.

Customizing a how to schema templateCustomizing a how to schema template

Simply repeat these steps to use the same template anywhere on your online store, website, or WordPress blog.

How to Test Your ‘How to’ Schema in WordPress

Since the ‘how to’ schema doesn’t appear on your website, you will need to test it using a free Google tool.

To check that the schema is formatted correctly, head over to Google’s Rich Results Test page. Here, simply type in the URL where you added the ‘how to’ schema and then click on ‘Test URL.’

How to test your site's schema markup using Google's free toolsHow to test your site's schema markup using Google's free tools

Google will now analyze your page for all kinds of schema markup. With that in mind, you may see multiple results if the page uses other kinds of schema, such as local business schema and FAQ schema.

Once the test is complete, click on the section marked ‘How to’.

Testing your how to schema Testing your how to schema

You should now see all the information you added to this page or post. If this data is correct, then your ‘how to’ schema is working perfectly.

If the information is wrong or it’s formatted incorrectly, then you will need to open that page or post in the WordPress content editor. Then, scroll to the AIOSEO Settings and select the ‘Schema’ tab.

Here, find the ‘how to’ schema you added earlier and click on its pencil icon.

Editing your website's schema settingsEditing your website's schema settings

You can then edit the schema by following the same process described above.

When you are happy with the changes you have made, just click on ‘Update Schema.’

Updating your site's schema settingsUpdating your site's schema settings

You can now re-test the URL using Google’s Rich Results Test page.

If you are still seeing the wrong information, then try clearing your WordPress cache because caching plugins may show an outdated version of your content to Google.

We hope this article helped you learn how to add ‘how to’ schema in WordPress. You may also want to check out our guide on how to make money online blogging with WordPress or see our expert pick of the best SEO plugins and tools that you should use.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.