{"id":3394,"date":"2019-04-25T01:59:01","date_gmt":"2019-04-25T01:59:01","guid":{"rendered":"https:\/\/wpvivid.com\/?p=3394"},"modified":"2019-04-25T01:59:01","modified_gmt":"2019-04-25T01:59:01","slug":"add-schema-markup","status":"publish","type":"post","link":"https:\/\/wpvivid.com\/add-schema-markup.html","title":{"rendered":"How to Add Schema Markup to WordPress Site to Boost Your SEO Efforts"},"content":{"rendered":"<p>Do you ever look at search results and wonder how some results <a href=\"https:\/\/wpvivid.com\/make-blog-images-seo-friendly.html\">have pictures<\/a>, or <a href=\"https:\/\/wpvivid.com\/top-rating-system-plugins.html\">ratings<\/a> or <a href=\"https:\/\/wpvivid.com\/add-pricing-table.html\">prices<\/a>, and other fancy features on them? Well, can also achieve that if you <a href=\"https:\/\/wpvivid.com\/add-schema-markup.html\">add schema markup to your WordPress site\/blog<\/a>.<\/p>\n<p>See the results below; the first is showing a breadcrumb schema markup, and the BBC article shows <a href=\"https:\/\/wpvivid.com\/free-rich-snippets-schema-plugins.html\">a rich snippet of<\/a> what the article is about.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border alignnone wp-image-3396 size-full\" src=\"https:\/\/wpvivid.com\/wp-content\/uploads\/2019\/04\/snippet-1.png\" alt=\"Snippet 1\" width=\"903\" height=\"282\" \/><\/p>\n<p>Now compare the search results below.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border alignnone wp-image-3397 size-full\" src=\"https:\/\/wpvivid.com\/wp-content\/uploads\/2019\/04\/snippet-2.png\" alt=\"Snippet 2\" width=\"900\" height=\"384\" \/><\/p>\n<p>If you were<a href=\"https:\/\/wpvivid.com\/free-search-plugins-for-wordpress.html\"> searching for<\/a> chicken recipes which one would, you most likely click?<\/p>\n<p>If I could get into your mind, I would guess you would click the first result with the picture of a savory chicken dish.<\/p>\n<p>If I am close to the truth, then that is exactly how your website visitors are thinking.<\/p>\n<p>Before we get ahead of ourselves,<\/p>\n<blockquote>\n<h2>What is Schema Markup?<\/h2>\n<\/blockquote>\n<p>Schema Markup is a project by the top four search engines, Google, Bing, Yahoo, and Yandex &#8211; <a href=\"https:\/\/schema.org\/\">schema.org<\/a>\u00a0to help website masters and developers <a href=\"https:\/\/wpvivid.com\/best-xml-sitemap-plugins.html\">provide search engines with the context of their content<\/a>.<\/p>\n<p>When search engines can get a clearer <a href=\"https:\/\/wpvivid.com\/free-wordpress-image-galley-plugins.html\">picture of your content<\/a>, they can display on their results markup content that is relevant to the search terms.<\/p>\n<p>When you add markup schema to WordPress website, search engines will love it, that <a href=\"https:\/\/wpvivid.com\/seo-a-new-wordpress-site.html\">boosts your SEO efforts<\/a>.<\/p>\n<p>There are a couple of ways to add schema markup to a WordPress site; for this article, we shall use a <a href=\"https:\/\/wpvivid.com\/must-have-plugins-for-wordpress.html\">WordPress plugin<\/a>.<\/p>\n<p>The plugin we will use is <a href=\"https:\/\/wordpress.org\/plugins\/all-in-one-schemaorg-rich-snippets\/\">Schema \u2013 All In One Schema Rich Snippets<\/a><\/p>\n<p>It supports these markups;<\/p>\n<ul>\n<li>Review<\/li>\n<li>Event<\/li>\n<li>People<\/li>\n<li>Product<\/li>\n<li>Recipe<\/li>\n<li>Software Application<\/li>\n<li>Video<\/li>\n<li>Articles<\/li>\n<\/ul>\n<blockquote>\n<h2>Step by Step: How to add schema markup to your WordPress site?<\/h2>\n<\/blockquote>\n<h4><strong>Install the Schema plugin<\/strong><\/h4>\n<p>You will install it through your plugins area.<\/p>\n<p>Search for Schema \u2013 All In One Schema Rich Snippets.<\/p>\n<p>When the results are displayed you should see <em><i>Schema \u2013 All In One Schema Rich Snippets<\/i><\/em>\u00a0&#8211; Click Install Now and then Activate .<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border alignnone wp-image-3398 size-full\" src=\"https:\/\/wpvivid.com\/wp-content\/uploads\/2019\/04\/install-Schema-All-In-One-Schema-Rich-Snippet-plugin.png\" alt=\"Install Schema All In One Schema Rich Snippet plugin\" width=\"950\" height=\"410\" \/><\/p>\n<h4><strong>Configure the Settings<\/strong><\/h4>\n<p>After installation head to the Left menu looking for <em><i>Rich Snippets.<\/i><\/em><\/p>\n<p>Under the Configuration tab, select the <a href=\"https:\/\/wpvivid.com\/create-custom-post-types.html\">content type<\/a> you want to add schema markup to.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border alignnone wp-image-3399 size-full\" src=\"https:\/\/wpvivid.com\/wp-content\/uploads\/2019\/04\/All-In-One-Schema-Rich-Snippet-plugin-configuration-tab.png\" alt=\"All In One Schema Rich Snippet plugin configuration tab\" width=\"960\" height=\"649\" \/><\/p>\n<p>If you are a <a href=\"https:\/\/wpvivid.com\/best-wordpress-food-themes.html\">food blogger<\/a> using a<a href=\"https:\/\/wpvivid.com\/insert-recipe-blocks-in-wordpress.html\"> recipe plugin\u00a0for creating recipes<\/a>, you can add schema markup to your recipes by choosing it.<\/p>\n<p><a href=\"https:\/\/wpvivid.com\/build-tables-with-custom-fields.html\">Modify the fields<\/a> that are displayed on<a href=\"https:\/\/wpvivid.com\/let-user-submit-posts-frontend.html\"> the front end<\/a>.<\/p>\n<p>Update to capture the changes you have made.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border alignnone wp-image-3400 size-full\" src=\"https:\/\/wpvivid.com\/wp-content\/uploads\/2019\/04\/snippet-config-tab-recipe.png\" alt=\"Snippet config tab recipe\" width=\"901\" height=\"491\" \/><\/p>\n<p>Under the customization tab <a href=\"https:\/\/wpvivid.com\/add-custom-css-in-wordpress.html\">style the look and feel of the snippet box<\/a>.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border alignnone wp-image-3401 size-full\" src=\"https:\/\/wpvivid.com\/wp-content\/uploads\/2019\/04\/snippet-config-custom.png\" alt=\"Snippet config custom\" width=\"968\" height=\"358\" \/><\/p>\n<h4><strong>Add Markup to the Posts or Pages<\/strong><\/h4>\n<p>Open the posts or pages that you want to add schema markup to, below the posts in the <a href=\"https:\/\/wpvivid.com\/add-keywords-and-meta-description.html\">metadata area<\/a> you should see, Configure Rich Snippet.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border alignnone wp-image-3402 size-full\" src=\"https:\/\/wpvivid.com\/wp-content\/uploads\/2019\/04\/snippet-post-snippet.png\" alt=\"Snippet post snippet\" width=\"954\" height=\"123\" \/><\/p>\n<p>From the drown, select what is relevant to your post or page.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border alignnone wp-image-3403 size-full\" src=\"https:\/\/wpvivid.com\/wp-content\/uploads\/2019\/04\/snippet-select-post-type.png\" alt=\"Snippet select post type\" width=\"925\" height=\"275\" \/><\/p>\n<p>Add the relevant data to the form.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border alignnone wp-image-3404 size-full\" src=\"https:\/\/wpvivid.com\/wp-content\/uploads\/2019\/04\/snippet-post-snippet-details.png\" alt=\"Snippet post snippet details\" width=\"909\" height=\"697\" \/><\/p>\n<p>Publish your post. That is all you need to do to add schema markup to a page. \u00a0If you visited your page or post under the post you should see something like this, well, it may not be like this <a href=\"https:\/\/wpvivid.com\/best-wordpress-custom-css-plugins.html\">depending on your customizations<\/a>.<\/p>\n<p><em><i> <img decoding=\"async\" loading=\"lazy\" class=\"with-border alignnone wp-image-3405 size-full\" src=\"https:\/\/wpvivid.com\/wp-content\/uploads\/2019\/04\/snippet-post-snippet-front.png\" alt=\"view snippet post snippet from front end\" width=\"996\" height=\"325\" \/><\/i><\/em><\/p>\n<h4><strong>Test Your Rich Snippets<\/strong><\/h4>\n<p>We now need to test the schema markup looks like in the eyes of Google.<\/p>\n<p>Google provides a tool for that, <a href=\"https:\/\/search.google.com\/structured-data\/testing-tool\/u\/0\/\">Google Structured Data Testing<\/a>.<\/p>\n<p>Open the Google Structured Testing Tool, under FETCH URL enter the URL of the page you just added markup schema to and click RUN TEST.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border alignnone wp-image-3406 size-full\" src=\"https:\/\/wpvivid.com\/wp-content\/uploads\/2019\/04\/snippet-post-test.png\" alt=\"Snippet post test\" width=\"1125\" height=\"377\" \/><\/p>\n<p>In the results, Click preview.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border alignnone wp-image-3407 size-full\" src=\"https:\/\/wpvivid.com\/wp-content\/uploads\/2019\/04\/snippet-post-test-preview.png\" alt=\"Snippet post test preview\" width=\"701\" height=\"217\" \/><\/p>\n<p>Take note of the warnings and errors and make the necessary adjustments on your schema.<\/p>\n<p>On the page that opens, you will see a preview of how your content will appear on search engine results.<\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"with-border alignnone wp-image-3408 size-full\" src=\"https:\/\/wpvivid.com\/wp-content\/uploads\/2019\/04\/snippet-post-test-preview-result.png\" alt=\"Snippet post test preview result\" width=\"1134\" height=\"367\" \/><\/p>\n<blockquote>\n<h2>Final Thoughts<\/h2>\n<\/blockquote>\n<p>Adding markup schema to your posts a great way to provide search engine visitors beautiful snapshot of what to expect from your article.<\/p>\n<p>It\u2019s something that anyone interested in<a href=\"https:\/\/wpvivid.com\/best-seo-tools.html\"> high rankings and organic traffic<\/a> from search engines and<a href=\"https:\/\/wpvivid.com\/social-media-feed-widget-plugins.html\"> social media sites<\/a> like Facebook should implement on their websites.<\/p>\n<p>That should take you a few extra minutes when creating your content, but, the perks are sure worth those extra minutes.<\/p>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/all-in-one-schemaorg-rich-snippets\/\">Schema \u2013 All In One Schema Rich Snippets<\/a> is a free WordPress plugin that helps you add schema markup to a WordPress website \u2013 as a free plugin you have to deal with the front forms.<\/p>\n<p>The developer has a premium plugin <a href=\"https:\/\/wpschema.com\/\">Schema Pro<\/a>\u00a0that automates some of the tasks we just did and then applies them to all posts and pages.<\/p>\n<p>Before you explore it, you may want to explore other free WordPress plugins; then you can start with these;<\/p>\n<ul>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/schema\/\">Schema<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/schema-and-structured-data-for-wp\/\">Schema &amp; Structured Data for WP &amp; AMP<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/wp-seo-structured-data-schema\/\">WP SEO Structured Data Schema<\/a><\/li>\n<\/ul>\n<p>and more options and details in our list of the <a href=\"https:\/\/wpvivid.com\/free-rich-snippets-schema-plugins.html\">best free rich snippets schema WordPress plugins<\/a> to improve your website ranking.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>When you add markup schema to a website, search engines will love it, that boosts your SEO efforts. This article shows how to add mark schema to WordPress.<\/p>\n","protected":false},"author":3,"featured_media":3503,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","iawp_total_views":12},"categories":[80],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Add Schema Markup to Wordpress Site to Boost Your SEO Efforts - WPvivid<\/title>\n<meta name=\"description\" content=\"When you add markup schema to a website, search engines will love it, that boosts your SEO efforts. This article shows how to add mark schema to WordPress.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wpvivid.com\/add-schema-markup.html\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Add Schema Markup to Wordpress Site to Boost Your SEO Efforts - WPvivid\" \/>\n<meta property=\"og:description\" content=\"When you add markup schema to a website, search engines will love it, that boosts your SEO efforts. This article shows how to add mark schema to WordPress.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wpvivid.com\/add-schema-markup.html\" \/>\n<meta property=\"og:site_name\" content=\"WPvivid\" \/>\n<meta property=\"article:published_time\" content=\"2019-04-25T01:59:01+00:00\" \/>\n<meta name=\"author\" content=\"TonyRobins\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"TonyRobins\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wpvivid.com\/add-schema-markup.html\",\"url\":\"https:\/\/wpvivid.com\/add-schema-markup.html\",\"name\":\"How to Add Schema Markup to Wordpress Site to Boost Your SEO Efforts - WPvivid\",\"isPartOf\":{\"@id\":\"https:\/\/wpvivid.com\/#website\"},\"datePublished\":\"2019-04-25T01:59:01+00:00\",\"dateModified\":\"2019-04-25T01:59:01+00:00\",\"author\":{\"@id\":\"https:\/\/wpvivid.com\/#\/schema\/person\/7cd2b626d269c38ca5456654d1a5d2e0\"},\"description\":\"When you add markup schema to a website, search engines will love it, that boosts your SEO efforts. This article shows how to add mark schema to WordPress.\",\"breadcrumb\":{\"@id\":\"https:\/\/wpvivid.com\/add-schema-markup.html#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wpvivid.com\/add-schema-markup.html\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wpvivid.com\/add-schema-markup.html#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/wpvivid.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Add Schema Markup to WordPress Site to Boost Your SEO Efforts\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/wpvivid.com\/#website\",\"url\":\"https:\/\/wpvivid.com\/\",\"name\":\"WPvivid\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/wpvivid.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/wpvivid.com\/#\/schema\/person\/7cd2b626d269c38ca5456654d1a5d2e0\",\"name\":\"TonyRobins\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wpvivid.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/wpvivid.com\/wp-content\/uploads\/2019\/10\/logo1-96x96.png\",\"contentUrl\":\"https:\/\/wpvivid.com\/wp-content\/uploads\/2019\/10\/logo1-96x96.png\",\"caption\":\"TonyRobins\"},\"url\":\"https:\/\/wpvivid.com\/author\/tonyrobins\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Add Schema Markup to Wordpress Site to Boost Your SEO Efforts - WPvivid","description":"When you add markup schema to a website, search engines will love it, that boosts your SEO efforts. This article shows how to add mark schema to WordPress.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/wpvivid.com\/add-schema-markup.html","og_locale":"en_US","og_type":"article","og_title":"How to Add Schema Markup to Wordpress Site to Boost Your SEO Efforts - WPvivid","og_description":"When you add markup schema to a website, search engines will love it, that boosts your SEO efforts. This article shows how to add mark schema to WordPress.","og_url":"https:\/\/wpvivid.com\/add-schema-markup.html","og_site_name":"WPvivid","article_published_time":"2019-04-25T01:59:01+00:00","author":"TonyRobins","twitter_card":"summary_large_image","twitter_misc":{"Written by":"TonyRobins","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wpvivid.com\/add-schema-markup.html","url":"https:\/\/wpvivid.com\/add-schema-markup.html","name":"How to Add Schema Markup to Wordpress Site to Boost Your SEO Efforts - WPvivid","isPartOf":{"@id":"https:\/\/wpvivid.com\/#website"},"datePublished":"2019-04-25T01:59:01+00:00","dateModified":"2019-04-25T01:59:01+00:00","author":{"@id":"https:\/\/wpvivid.com\/#\/schema\/person\/7cd2b626d269c38ca5456654d1a5d2e0"},"description":"When you add markup schema to a website, search engines will love it, that boosts your SEO efforts. This article shows how to add mark schema to WordPress.","breadcrumb":{"@id":"https:\/\/wpvivid.com\/add-schema-markup.html#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wpvivid.com\/add-schema-markup.html"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/wpvivid.com\/add-schema-markup.html#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wpvivid.com\/"},{"@type":"ListItem","position":2,"name":"How to Add Schema Markup to WordPress Site to Boost Your SEO Efforts"}]},{"@type":"WebSite","@id":"https:\/\/wpvivid.com\/#website","url":"https:\/\/wpvivid.com\/","name":"WPvivid","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wpvivid.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/wpvivid.com\/#\/schema\/person\/7cd2b626d269c38ca5456654d1a5d2e0","name":"TonyRobins","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wpvivid.com\/#\/schema\/person\/image\/","url":"https:\/\/wpvivid.com\/wp-content\/uploads\/2019\/10\/logo1-96x96.png","contentUrl":"https:\/\/wpvivid.com\/wp-content\/uploads\/2019\/10\/logo1-96x96.png","caption":"TonyRobins"},"url":"https:\/\/wpvivid.com\/author\/tonyrobins"}]}},"_links":{"self":[{"href":"https:\/\/wpvivid.com\/wp-json\/wp\/v2\/posts\/3394"}],"collection":[{"href":"https:\/\/wpvivid.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpvivid.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpvivid.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/wpvivid.com\/wp-json\/wp\/v2\/comments?post=3394"}],"version-history":[{"count":0,"href":"https:\/\/wpvivid.com\/wp-json\/wp\/v2\/posts\/3394\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpvivid.com\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/wpvivid.com\/wp-json\/wp\/v2\/media?parent=3394"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpvivid.com\/wp-json\/wp\/v2\/categories?post=3394"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpvivid.com\/wp-json\/wp\/v2\/tags?post=3394"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}