How to add structured data to your website
22 October, 2021
7
7
0
Contributors
As you might know, Google's mission is "to organize the world's information and make it universally accessible and useful". But, how?
Well, in 2012, Google launched their Knowledge Graph, an internal semantic network to better understand the content on internet, how entities like persons and organizations are defined and related to each other.
Why knowing this is necessary to developers?
If you're a frontend developer, you might be wondering how to help search engines like Google to better understand what your website is about.
In fact, as official Google documentation, one way to do this is by adding structured data to your website.
Google Search works hard to understand the content of a page. You can help us by providing explicit clues about the meaning of a page to Google by including structured data on the page. Structured data is a standardized format for providing information about a page and classifying the page content; for example, on a recipe page, what are the ingredients, the cooking time and temperature, the calories, and so on.
Google uses structured data that it finds on the web to understand the content of the page, as well as to gather information about the web and the world in general.
Ok, now the code
In my case, I wanted to add structured data to my personal website.
In your HTML, before
</body>, add a <script> containing application/ld+json data, like this:Commit your changes and deploy. After your changes are on production, you can use this tool to check if your website is reflecting the data properly.
As you can see, once I ran the test, all data is showing as expected.
More info
The standard used to describe the data is available in schema.org.
Hope this is useful. Happy coding! 🚀
html
seo
schema
