{"id":23474,"date":"2024-02-01T16:31:24","date_gmt":"2024-02-01T23:31:24","guid":{"rendered":"https:\/\/www.primeview.com\/?p=23474"},"modified":"2024-03-01T17:06:22","modified_gmt":"2024-03-02T00:06:22","slug":"schema-markup-101-what-it-is-and-why-it-matters","status":"publish","type":"post","link":"https:\/\/www.primeview.com\/blog\/schema-markup-101-what-it-is-and-why-it-matters\/","title":{"rendered":"Schema Markup 101: What It Is and Why It Matters"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">You&#8217;re probably familiar with some of the technical jargon that comes with having a website \u2013 HTML, CSS, PHP. But have you heard of schema markup? If not, don&#8217;t worry. You&#8217;re not alone in this. Schema markup is a rarely discussed web development topic among new businesses, yet it is absolutely crucial for your website&#8217;s success. In this article, we will break down what schema markup is and why you need it in simple, beginner-friendly terms.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><b>What Is Schema Markup?<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Schema markup, also known as structured data, is code you can add to your web pages. It helps search engines like Google and Bing better understand and display your content in a rich format. For example, a search engine can include the image, rating, ingredients, and cook time directly in the search results of a web page about &#8220;birthday cake recipes.&#8221; These helpful elements make a page stand out against the thousands of others with online cake recipes.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><b>Benefits of Schema Markup for Websites and SEO<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">You might be wondering, &#8220;So what if search engines can better understand my content?&#8221; Here&#8217;s why it matters and why your website needs schema markup:<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><b>More Relevant Search Traffic<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">When search engines understand your content, your pages can rank for more relevant search queries, potentially driving more organic traffic to your site. In fact, <\/span><i><span style=\"font-weight: 400;\">Google<\/span><\/i><span style=\"font-weight: 400;\"> and <\/span><i><span style=\"font-weight: 400;\">Rakuten<\/span><\/i><span style=\"font-weight: 400;\"> revealed that pages with schema receive 2.7x more organic traffic, and the <\/span><a href=\"https:\/\/developers.google.com\/search\/docs\/appearance\/structured-data\/intro-structured-data\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">average session duration is 1.5x longer<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><b>Enhanced Listing in Search Results<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">As discussed, schema markup allows search engines to display your content in eye-catching listings. For instance, with schema for recipes, videos, products, or businesses, Google and Bing can show images, descriptions, and more in the search results. These rich results make it more likely for users to click and browse through your page. Even <\/span><i><span style=\"font-weight: 400;\">Rotten Tomatoes<\/span><\/i><span style=\"font-weight: 400;\"> experienced a 25% higher click-through rate for web pages with schema versus those without.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><b>Competitive Edge<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Around 50% of websites use some form of schema to boost their search engine rankings, meaning half of all websites have yet to dabble with schema markup. By implementing it for your pages, you gain a competitive edge that makes your site stand out from others in the search results.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Simply put, structuring data with schema markup helps search engines grasp your content as a whole, improving the overall search experience for everyone. It&#8217;s a baby step for indexing and a massive leap for rewarding high-quality content.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><b>Types of Schema Markup<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">As of this writing, schema markup has 797 types and 1,453 schema properties. <\/span><i><span style=\"font-weight: 400;\">But wait, please don&#8217;t click out!<\/span><\/i><span style=\"font-weight: 400;\"> On your website, you only need to use the ones relevant to your content.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The following applies to most websites, likely including yours:<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><b>1. Product Markup<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Product markup gives search engines more information about what you&#8217;re selling, giving users more details on the results page. This information comprises your product&#8217;s image, price, star rating, shipping information, return options, availability, and more. If you used Google and came across a product with such readily available and helpful details, wouldn&#8217;t you be intrigued? We would!<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><b>2. Article Markup<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Article markup offers search engines comprehensive details about an article&#8217;s content, including its title, publication date, author, and featured image. This markup proves especially beneficial for news articles and blog posts.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><b>3. Local Business Markup<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">This markup gives search engines thorough insights into your local business, including its name, logo, contact details, locations, operating hours, and other pertinent information. Search engines use this data to generate a local knowledge panel, which appears when users search for a local establishment.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><b>4. Course Markup<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Course markup offers search engines specific details about educational courses available from either an institution or an online platform. These details typically include the course title, a short description, the name of the institution or instructor, and other helpful information. Google and Bing can display this information in search results, giving potential learners a quick overview of what to expect if they take the course.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><b>5. Review Markup<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Review markup includes a star rating at the bottom of your search result entry. It lets searchers see what others think about your products, services, or business. This type of schema is useful because <\/span><a href=\"https:\/\/www.searchenginejournal.com\/online-review-statistics\/329701\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">99.9% of customers read reviews<\/span><\/a><span style=\"font-weight: 400;\"> before spending their money online.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Related: <\/span><a href=\"https:\/\/www.primeview.com\/blog\/how-to-ask-for-reviews-primeview\/\"><i><span style=\"font-weight: 400;\">How to Ask for Reviews<\/span><\/i><\/a><\/p>\n<p>&nbsp;<\/p>\n<h2><b>Ways to Communicate Schema Markup to Google<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">You have three options for communicating schema markup. These are coding methods used to format your schema markup code, ensuring it&#8217;s machine-readable.<\/span><\/p>\n<ul>\n<li aria-level=\"1\"><b>Microdata<\/b><span style=\"font-weight: 400;\"> uses HTML attributes to mark up data. It&#8217;s easy to implement if you know HTML, but the code is lengthier compared to JSON-LD.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>JSON-LD<\/b><span style=\"font-weight: 400;\"> is a linked data format that embeds JSON (Javascript Object Notation), a lightweight data-interchange format, in HTML pages.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>RDFa<\/b><span style=\"font-weight: 400;\"> embeds metadata in XHTML and HTML pages. It has a steep learning curve but is a robust standard that major search engines use.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Whichever you choose, schema markup helps search engines index and display your content in richer formats. But you might be wondering, &#8220;What if I don&#8217;t know how to code?&#8221;<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><b>How to Implement Schema Markup<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">The truth is, you don&#8217;t need coding skills to create schema codes. Tools can do most of the work for you. Here&#8217;s a step-by-step guide to implementing schema markup:<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Go to <\/span><a href=\"https:\/\/www.google.com\/webmasters\/markup-helper\/u\/0\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Google&#8217;s Structured Data Markup Helper<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Choose a data type from the list. For this example, we selected &#8220;Articles.&#8221;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Copy and paste the web page URL you&#8217;re adding a markup to. After which, click &#8220;Start Tagging.&#8221; The tool will load your page, allowing you to mark it up. Your page will be on the left, while the data items will appear on the right.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Highlight the section on the left (the one you want to mark up). For an article, highlight the title and pick the &#8220;Name&#8221; option from the pop-up menu. <\/span><span style=\"font-weight: 400;\">The tool will take the title and position it beside &#8220;Name&#8221; on the right side. Keep adding more markup properties as you go.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Click &#8220;Create HTML&#8221; on the screen&#8217;s top right corner. You&#8217;ll get the code to insert into your page. The format will be in JSON-LD by default, but you can switch to microdata format by clicking the drop-down at the top.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Once you have your code, add it to your web page in the &lt;head&gt; section of its HTML.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Go to <\/span><a href=\"https:\/\/search.google.com\/test\/rich-results\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Rich Results Test<\/span><\/a><span style=\"font-weight: 400;\"> to check your schema markup. If you encounter any errors, you can review and edit your code on the page&#8217;s left side.<\/span><\/li>\n<\/ol>\n<p><span style=\"font-weight: 400;\">Once added to your webpage, schema markup creates an enhanced description or rich snippet, which appears in search results.<\/span><\/p>\n<p>&nbsp;<\/p>\n<h2><b>Still Too Complex? Get Help Implementing Schema Markup<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">As an <a href=\"https:\/\/www.primeview.com\/digital-marketing\/seo\/\">SEO<\/a> agency, PrimeView can communicate the meaning of your webpage in a language that search engines understand, as well as work structured data vocabulary into an effective SEO strategy. <\/span><a href=\"https:\/\/www.primeview.com\/contact\/\"><span style=\"font-weight: 400;\">Contact us<\/span><\/a><span style=\"font-weight: 400;\"> today to talk about how to improve your search result visibility.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>You&#8217;re probably familiar with some of the technical jargon that comes with having a website \u2013 HTML, CSS, PHP. But [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":23505,"comment_status":"closed","ping_status":"open","sticky":false,"template":"templates\/single-post-full-width-banner-with-sidebar.php","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[5],"tags":[],"class_list":["post-23474","post","type-post","status-publish","format-standard","hentry","category-blog"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.primeview.com\/wp-json\/wp\/v2\/posts\/23474","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.primeview.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.primeview.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.primeview.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.primeview.com\/wp-json\/wp\/v2\/comments?post=23474"}],"version-history":[{"count":2,"href":"https:\/\/www.primeview.com\/wp-json\/wp\/v2\/posts\/23474\/revisions"}],"predecessor-version":[{"id":23507,"href":"https:\/\/www.primeview.com\/wp-json\/wp\/v2\/posts\/23474\/revisions\/23507"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.primeview.com\/wp-json\/wp\/v2\/media\/23505"}],"wp:attachment":[{"href":"https:\/\/www.primeview.com\/wp-json\/wp\/v2\/media?parent=23474"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.primeview.com\/wp-json\/wp\/v2\/categories?post=23474"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.primeview.com\/wp-json\/wp\/v2\/tags?post=23474"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}