There are multiple formats to create a Schema Markup for the website. In such situations, you might get confused about the recommended format for implementing Schema Markup.
This guide will explain the right and recommended schema markup according to your website.
All Available Schema Formats
These are the available Schema Formats that you can use on your websites.
1- JSON-LD
JSON-LD is the most recommended Schema Markup format by Google and all other major search engines today. The reason for recommending JSON-LD is the ease of use and the scheme code generation.
Also, JSON-LD is light-weighted than other schema markup formats.
Using JSON-LD schema code on your website can not affect the loading time of your website too much. As we know Google likes fast-loading websites and they also include loading time as a major ranking factor.
Creating JSON-LD Schema Markup For Website
The process of generating JSON-LD Schema Code is super simple and easy.
The best thing about JSON-LD is that you do not need any coding knowledge. You can use any online schema generator tool.
Balti Bloggers has also released an advanced schema generator tool for free for all that you can use.
Example Code of JSON-LD Schema
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "ScholarlyArticle",
"headline": "Title of Your Article",
"author": {
"@type": "Person",
"name": "Your Name",
"affiliation": "Your Affiliation"
},
"datePublished": "2024-07-11",
"url": "http://www.example.com/your-article",
"publisher": {
"@type": "Organization",
"name": "Publisher Name",
"logo": {
"@type": "ImageObject",
"url": "http://www.example.com/logo.png"
}
},
"image": "http://www.example.com/image.jpg",
"description": "Abstract of your article",
"keywords": "keyword1, keyword2, keyword3"
}
</script>How To Add JSON-LD Schema Code in WordPress?
The process of adding JSON-LD Schema Code to the WordPress website is super easy that’s why it is one of the most recommended methods.
Steps:
- Login to your WordPress website
- Edit the post/page in which you want to add the schema code
- In the WordPress Gutenberg editor type “/” and search “Custom HTML”
- Click on “Custom HTML” and paste the JSON-LD Schema Code
- Update the post/page. You are done adding the schema here
- Go to Rich Result Testing Tool to make sure that there is no error in your schema code and that it is correctly implemented.
How To Add JSON-LD Schema Code in Custom PHP Website?
To add a JSON-LD code in a custom PHP website follow the below steps.
The JSON-LD schema code will go to the head tag of the page/post.
- Login to your hosting via C-panel/FileZilla
- Open the file manager and head over to the exact page
- Edit the page and find the header code
- Paste the schema code in the head section and save the file again
2- Microdata
Microdata is another Schema Markup format. Microdata is an HTML specification used to nest metadata within existing content on web pages.
Microdata schema code is written in HTML and it is only recommended for those who can write and understand code in HTML Language. Writing the wrong schema code can negatively affect your website and it can also misguide the search Engine bots about your website.
The reason for using Schema Markup which is also known as Structured Data is to give search engines the right information about your website in a structured way. So making any mistakes in the schema code can damage your website ranking in Search Engine ranking.
Example Code of Microdata Schema
<article itemscope itemtype="http://schema.org/ScholarlyArticle">
<h1 itemprop="headline">Title of Your Article</h1>
<span itemprop="author" itemscope itemtype="http://schema.org/Person">
<span itemprop="name">Your Name</span>
</span>
<span itemprop="affiliation" itemscope itemtype="http://schema.org/Organization">
<span itemprop="name">Your Affiliation</span>
</span>
<meta itemprop="datePublished" content="2024-07-11"/>
<a itemprop="url" href="http://www.example.com/your-article">http://www.example.com/your-article</a>
<span itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
<span itemprop="name">Publisher Name</span>
<img itemprop="logo" src="http://www.example.com/logo.png" alt="Publisher Logo"/>
</span>
<img itemprop="image" src="http://www.example.com/image.jpg" alt="Article Image"/>
<div itemprop="description">Abstract of your article</div>
<meta itemprop="keywords" content="keyword1, keyword2, keyword3"/>
</article>3- RDFa
RDFa known as Resource Description Framework in Attributes is a W3C project and recommendation that adds a set of attribute-level extensions to HTML, XHTML, and other XML-based documents for embedding rich results metadata.
This is the least used format in Schema because of the complexity of generating schema code and requires a lot of technical knowledge.
Example Code of RDFa Schema
<article vocab="http://schema.org/" typeof="ScholarlyArticle">
<h1 property="headline">Title of Your Article</h1>
<span property="author" typeof="Person">
<span property="name">Your Name</span>
</span>
<span property="affiliation" typeof="Organization">
<span property="name">Your Affiliation</span>
</span>
<meta property="datePublished" content="2024-07-11"/>
<a property="url" href="http://www.example.com/your-article">http://www.example.com/your-article</a>
<span property="publisher" typeof="Organization">
<span property="name">Publisher Name</span>
<img property="logo" src="http://www.example.com/logo.png" alt="Publisher Logo"/>
</span>
<img property="image" src="http://www.example.com/image.jpg" alt="Article Image"/>
<div property="description">Abstract of your article</div>
<meta property="keywords" content="keyword1, keyword2, keyword3"/>
</article>Conclusion
Above you just read about the three schema markup formats. We explained each of them based on the user-based creation and implementation methods. The JSON-LD is the widely used schema markup format followed by Microdata dn RDFa.