Schema markup is semantic code added to a website to help search engines understand your content better. This method is important to apply to a website, as mentioned in the Semrush article, that schema markup helps search engines understand the context and content of the page more effectively.
According to Schema App, the benefit you will get when using schema markup is that there is an increase in website click ratio by 40% compared to pages without schema markup. Apart from that, Backlinko also stated that 72.6% of pages on the first page of Google use schema markup.
So that your website appears in search results for certain queries, let’s learn more about what schema markup is, its types, and how to create it in this WooRanked article!
What is Schema Markup?
Schema markup is code or semantic vocabulary embedded on a website so that search engine algorithms can identify the content easily and better. This scheme provides brief but informative information about the content on website pages on SERPs or search results pages, such as Google, Bing, Yahoo, and Yandex.
By using schema markup, search engines can display search results more accurately and quickly. Using this scheme not only helps the algorithm understand the content but also increases the click-through rate (CTR).
However, it should be emphasized that schema markup does not automatically make your web page rank at the top of search engines. As mentioned in the Backlinko article, “There is no correlation between schema markup and ranking.” Schema markup only helps search engines understand content more effectively, but does not determine ranking directly.”
Even though it doesn’t determine ranking in search engines, you should still insert the code on your website to increase your website’s chances of appearing in search engine results and have better website SEO performance.
Types of Schema Markup
There are various types of schema markup. Google itself even supports up to 35 types. However, according to Semrush, users don’t need to use all of them. Use markup that is relevant to your content.
So that you know what type of markup is suitable for your website pages, take a look at the types below:
1. Product Markup
Product markup is a type that provides complete information about a product briefly so that searchers can see details directly on the search results page. These details include product images, ratings, prices, sizes, colors, availability, etc. This markup is very suitable for e-commerce sites or online shop websites.
2. Review Markup
Review markup is adding a star rating at the bottom of a search results page entry. This shows searchers what users think about your product, service or business. Information like this helps potential customers before making a purchase. This markup is ideal for websites that display content about books, movies, courses, or other types of products.
3. Article Markup
Article markup is a type that provides detailed information about the content of an article to search engines. For example, the title, featured image, author’s name, and publication date. Google can display this information directly in search results. This markup can be used on news article websites, blogs, sports articles, etc.
4. Course Markup
Course markup lists information about courses offered by an institution or online platform. These details include the course title, short description, rating, price, learning time, level, and other relevant information.
Google can display this information directly in search results, giving you an idea of what you will learn in the course. This markup is suitable for websites that offer online courses.
5. Organization Markup
Organization markup is a type of schema markup that contains information about an organization or company, such as name, contact information, location, social media, and others.
This type of markup is available in the knowledge panel (a special panel on the right side of the search results page that displays organization details). This markup is suitable for use on company profile websites.
6. Local Business Markup
The last is the type of local business markup which provides information about local businesses in the user’s local area. Some of the information included is business name, address, telephone number, operating hours, and others.
Google can use this information to create local knowledge panels, which appear when someone searches for your business name or display this information directly in Google Maps. This type of markup can also help optimize your business’s local SEO.
How to Create Schema Markup
Now you know what types of markup can be used on websites. So how do you create schema markup?
In general, schema markup can be created manually and using plugins, which will be discussed in full step by step below.
Manually
The first way is to create it manually using a markup helper, without requiring any coding skills at all. Here are the steps.
1. Open the markup helper website, select the data type
The first step is to open the website markup helper then select your page data type. Here there are various types of data such as articles, products, restaurants, films, local businesses, etc.
2. Paste the website URL
After selecting the data type, then paste the URL of the web page for which you want to make markup. If the URL has been entered, click Start Tagging.
3. Start page markup
Next, a page will appear containing content from the URL you entered previously.
After that, you can immediately continue to mark up the page. The way to block the part you want to mark is then a display like the one below appears.
In the article content, start at the title then highlight and select the “Name” item.
After that, a display like the one below appears, you can see that on the right side of the “Name” item the title of the article appears.
Then after marking up the name, highlight the author or content author section then select the “Author” item.
If so, then in the right navigation section of the “Author” item the name of the author of the content appears.
Then, do the same as above in several other items such as “Date Published”, “Image”, “Article Section”, and many more.
4. Click generate HTML
If it has been marked up, then you need to generate HTML based on the markup results. To do this simply click CREATE HTML in the top right corner.
After that, a code snippet will appear as below, you can choose between JSON-LD or Microdata format. Don’t forget to copy all of the following scripts.
5. Insert markup into the web page
After the script is copied, you must enter it in the <head> HTML section of your website. If you use Blogger, go to dashboard > Theme > Customize > Edit HTML > paste the code > Save to save the changes.
6. Test schema markup
If it has been inserted on the website, you need to test whether this schema markup has been successfully detected or not. The way to do this is to visit the Rich Result Test site, then paste the code you got previously, click Test Code.
If successful, this is what the test will look like.
Up to this point, you have successfully created schema markup manually using the markup helper.
Using plugins
Apart from using the manual method, you can also create schema markup using a plugin on your website dashboard. The plugin that will be used here is Yoast SEO on the WordPress platform.
1. Install plugin Yoast SEO
The first step, of course, is that you have to install the Yoast SEO plugin first on each of your web dashboards.
Pilih menu Plugin > Add new plugins > Yoast SEO > Install Now > Activate.
2. Create a schema for web posts
At the bottom of the content page there is a special Yoast SEO box then click the Schema tab. Here you can choose the page type and article type.
After that, click Settings and you will be directed to the following page. Here you can choose Organization if your site is a business website or online shop website, and you can choose Person if it is a personal website.
Then enter some information such as
- Organization Name atau Person Name
- Alternate Organization Name
- Logo
- Social media, etc.
Apart from that, there is also various other information that you can access when upgrading to Yoast SEO Premium.
Ready to Create Schema Markup for Your Site?
Schema markup is a code added to a website to help search engines understand the content more effectively. The benefits of adding schema markup include increasing CTR and the chance of appearing in relevant search results. Even though it doesn’t have a direct effect on rankings, schema markup is still recommended for use.
There are various types of markup such as product, review, article, course, organization, and local business markup. Each is suitable for specific website content such as e-commerce, blogs, online courses, company profiles, and local businesses.
Keep in mind, schema markup will only work effectively if it is operated on a website that is fast, secure and always online. Dewaweb is a hosting service that offers economical packages starting from just IDR 30,000/month! With this price, you will get:
- NVME SSD technology for unmatched data access speeds
- LiteSpeed Enterprise Webserver is 40x faster than Apache
- Imunify360 WAF to prevent malware threats and hacker attacks.
Sign up