{"id":496,"date":"2019-05-22T07:37:52","date_gmt":"2019-05-22T07:37:52","guid":{"rendered":"http:\/\/structured-data-for-wp.com\/docs\/?post_type=ht_kb&#038;p=496"},"modified":"2019-11-08T08:53:46","modified_gmt":"2019-11-08T08:53:46","slug":"how-to-set-up-how-to-schema","status":"publish","type":"ht_kb","link":"https:\/\/structured-data-for-wp.com\/docs\/article\/how-to-set-up-how-to-schema\/","title":{"rendered":"How to set up &#8220;How To&#8221; Schema?"},"content":{"rendered":"\n<p>We\u2019re adding that structured data metadata automatically to the content that\u2019s added to new Gutenberg blocks inside Schema &amp; Structured Data for WP, namely How-to. Create your own content with the blocks and JSON schema markup will be added automatically.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"1-howtosaswp-block\">HowTo(SASWP) Block<\/h3>\n\n\n\n<p>To add HowTo structured data to your WordPress site. we\u2019ve introduced the concept of structured data Gutenberg blocks for WordPress\u2019 These blocks, including one for HowTo structured data, automatically add the necessary code to the pieces of content that you add to this block. It validates perfectly in Google\u2019s Structured Data Testing Tool. Now adding structured data to your how-to article is as easy as filling in the fields!<\/p>\n\n\n\n<p><strong>Follow the steps to add a how-to to your site:<\/strong><\/p>\n\n\n\n<p><strong>Step 1 \u2013&nbsp;<\/strong>Open a post in the block editor or add a new one<\/p>\n\n\n\n<p><strong>Step 2 \u2013<\/strong>&nbsp;Click on the + button and pick the Schema &amp; Structured Data Blocks HowTo content block<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"629\" height=\"519\" src=\"https:\/\/structured-data-for-wp.com\/docs\/wp-content\/uploads\/2019\/09\/10.png\" alt=\"\" class=\"wp-image-1598\" srcset=\"https:\/\/structured-data-for-wp.com\/docs\/wp-content\/uploads\/2019\/09\/10.png 629w, https:\/\/structured-data-for-wp.com\/docs\/wp-content\/uploads\/2019\/09\/10-300x248.png 300w, https:\/\/structured-data-for-wp.com\/docs\/wp-content\/uploads\/2019\/09\/10-50x41.png 50w, https:\/\/structured-data-for-wp.com\/docs\/wp-content\/uploads\/2019\/09\/10-60x50.png 60w, https:\/\/structured-data-for-wp.com\/docs\/wp-content\/uploads\/2019\/09\/10-100x83.png 100w\" sizes=\"auto, (max-width: 629px) 100vw, 629px\" \/><\/figure>\n\n\n\n<p><strong>Step 3 \u2013&nbsp;<\/strong>In the block, you\u2019ll add a total time it takes to do this how-to (optional), a description field, a first step, and a step description and you can add Material and Tool. You can also add an image per step, delete it and move it up and down the list.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"679\" height=\"534\" src=\"https:\/\/structured-data-for-wp.com\/docs\/wp-content\/uploads\/2019\/09\/25.png\" alt=\"\" class=\"wp-image-1640\" srcset=\"https:\/\/structured-data-for-wp.com\/docs\/wp-content\/uploads\/2019\/09\/25.png 679w, https:\/\/structured-data-for-wp.com\/docs\/wp-content\/uploads\/2019\/09\/25-300x236.png 300w, https:\/\/structured-data-for-wp.com\/docs\/wp-content\/uploads\/2019\/09\/25-50x39.png 50w, https:\/\/structured-data-for-wp.com\/docs\/wp-content\/uploads\/2019\/09\/25-60x47.png 60w, https:\/\/structured-data-for-wp.com\/docs\/wp-content\/uploads\/2019\/09\/25-100x79.png 100w\" sizes=\"auto, (max-width: 679px) 100vw, 679px\" \/><\/figure>\n\n\n\n<p><strong>Step 4 \u2013&nbsp;<\/strong>Here is an example of how to add HowTo content block<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"893\" height=\"578\" src=\"https:\/\/structured-data-for-wp.com\/docs\/wp-content\/uploads\/2019\/09\/11.png\" alt=\"\" class=\"wp-image-1606\" srcset=\"https:\/\/structured-data-for-wp.com\/docs\/wp-content\/uploads\/2019\/09\/11.png 893w, https:\/\/structured-data-for-wp.com\/docs\/wp-content\/uploads\/2019\/09\/11-300x194.png 300w, https:\/\/structured-data-for-wp.com\/docs\/wp-content\/uploads\/2019\/09\/11-768x497.png 768w, https:\/\/structured-data-for-wp.com\/docs\/wp-content\/uploads\/2019\/09\/11-50x32.png 50w, https:\/\/structured-data-for-wp.com\/docs\/wp-content\/uploads\/2019\/09\/11-60x39.png 60w, https:\/\/structured-data-for-wp.com\/docs\/wp-content\/uploads\/2019\/09\/11-100x65.png 100w\" sizes=\"auto, (max-width: 893px) 100vw, 893px\" \/><\/figure>\n\n\n\n<p><strong>Step 5 \u2013<\/strong>&nbsp;Once you are done, click on the \u201c<strong>publish<\/strong>\u201d button.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"the-output-of-howto-gutenberg-block\">The output of HowTo Gutenberg block<\/h4>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"498\" src=\"https:\/\/structured-data-for-wp.com\/docs\/wp-content\/uploads\/2019\/09\/30-1024x498.png\" alt=\"\" class=\"wp-image-1649\" srcset=\"https:\/\/structured-data-for-wp.com\/docs\/wp-content\/uploads\/2019\/09\/30-1024x498.png 1024w, https:\/\/structured-data-for-wp.com\/docs\/wp-content\/uploads\/2019\/09\/30-300x146.png 300w, https:\/\/structured-data-for-wp.com\/docs\/wp-content\/uploads\/2019\/09\/30-768x374.png 768w, https:\/\/structured-data-for-wp.com\/docs\/wp-content\/uploads\/2019\/09\/30-50x24.png 50w, https:\/\/structured-data-for-wp.com\/docs\/wp-content\/uploads\/2019\/09\/30-60x29.png 60w, https:\/\/structured-data-for-wp.com\/docs\/wp-content\/uploads\/2019\/09\/30-100x49.png 100w, https:\/\/structured-data-for-wp.com\/docs\/wp-content\/uploads\/2019\/09\/30.png 1355w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Step 6 \u2013&nbsp;<\/strong>You can test it in the&nbsp;<a href=\"https:\/\/search.google.com\/structured-data\/testing-tool\">Structured Data Testing Tool<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"648\" height=\"541\" src=\"https:\/\/structured-data-for-wp.com\/docs\/wp-content\/uploads\/2019\/09\/14-2.png\" alt=\"\" class=\"wp-image-1615\" srcset=\"https:\/\/structured-data-for-wp.com\/docs\/wp-content\/uploads\/2019\/09\/14-2.png 648w, https:\/\/structured-data-for-wp.com\/docs\/wp-content\/uploads\/2019\/09\/14-2-300x250.png 300w, https:\/\/structured-data-for-wp.com\/docs\/wp-content\/uploads\/2019\/09\/14-2-50x42.png 50w, https:\/\/structured-data-for-wp.com\/docs\/wp-content\/uploads\/2019\/09\/14-2-60x50.png 60w, https:\/\/structured-data-for-wp.com\/docs\/wp-content\/uploads\/2019\/09\/14-2-100x83.png 100w\" sizes=\"auto, (max-width: 648px) 100vw, 648px\" \/><\/figure>\n\n\n\n<p><strong>Step 7 \u2013<\/strong>&nbsp;Test the how-to in Google\u2019s Rich Results Testing Tool<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"326\" height=\"381\" src=\"https:\/\/structured-data-for-wp.com\/docs\/wp-content\/uploads\/2019\/09\/13-1.png\" alt=\"\" class=\"wp-image-1611\" srcset=\"https:\/\/structured-data-for-wp.com\/docs\/wp-content\/uploads\/2019\/09\/13-1.png 326w, https:\/\/structured-data-for-wp.com\/docs\/wp-content\/uploads\/2019\/09\/13-1-257x300.png 257w, https:\/\/structured-data-for-wp.com\/docs\/wp-content\/uploads\/2019\/09\/13-1-43x50.png 43w, https:\/\/structured-data-for-wp.com\/docs\/wp-content\/uploads\/2019\/09\/13-1-51x60.png 51w, https:\/\/structured-data-for-wp.com\/docs\/wp-content\/uploads\/2019\/09\/13-1-86x100.png 86w\" sizes=\"auto, (max-width: 326px) 100vw, 326px\" \/><\/figure>\n\n\n\n<p><strong>That\u2019s it for this tutorial!<\/strong><\/p>\n\n\n\n<p>We hope it helped you. If you have any feedback or questions or do you want us to create compatibility for any other schema type which isn\u2019t listed in our plugin then you can request us we will surely implement it as soon as possible.<\/p>\n\n\n\n<p><strong>Just contact us&nbsp;<a href=\"http:\/\/structured-data-for-wp.com\/contact-us\/\">here<\/a>&nbsp;and we are always available for you.<\/strong><br><\/p>\n\n\n\n<p><br><\/p>\n","protected":false},"excerpt":{"rendered":"<p>We\u2019re adding that structured data metadata automatically to the content that\u2019s added to new Gutenberg blocks inside Schema &amp; Structured Data for WP, namely How-to. Create your own content with the blocks and JSON schema markup will be added automatically. HowTo(SASWP) Block To add HowTo structured data to your WordPress&#8230;<\/p>\n","protected":false},"author":3,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[3],"ht-kb-tag":[],"class_list":["post-496","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-how-to"],"_links":{"self":[{"href":"https:\/\/structured-data-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb\/496","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/structured-data-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/structured-data-for-wp.com\/docs\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/structured-data-for-wp.com\/docs\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/structured-data-for-wp.com\/docs\/wp-json\/wp\/v2\/comments?post=496"}],"version-history":[{"count":33,"href":"https:\/\/structured-data-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb\/496\/revisions"}],"predecessor-version":[{"id":2482,"href":"https:\/\/structured-data-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb\/496\/revisions\/2482"}],"wp:attachment":[{"href":"https:\/\/structured-data-for-wp.com\/docs\/wp-json\/wp\/v2\/media?parent=496"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/structured-data-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb-category?post=496"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/structured-data-for-wp.com\/docs\/wp-json\/wp\/v2\/ht-kb-tag?post=496"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}