JSON-LD
JSON-LD is one of the most popular and recommended formats for implementing structured data on websites. This format allows easy addition of data markup without interfering with the main page content, making it a convenient and flexible tool for SEO.
What is JSON-LD?
JSON-LD (JavaScript Object Notation for Linked Data) is a format for representing structured data on a web page in the form of JSON objects. It was developed to simplify the exchange and representation of data related to the semantic web. This format is actively used for implementing Schema.org markup because it integrates easily with HTML and helps search engines and other services correctly interpret page content.
The main feature of JSON-LD is that it is implemented as a separate script, not interfering with the main page content.
Why Use JSON-LD?
- Simplifies Markup. JSON-LD does not require modifying the HTML content of the page. All data is placed in a single block within a <script> tag, simplifying implementation.
- Compatible with Search Engines. JSON-LD is recognized by Google and other search engines as the primary method for adding structured data.
- Better Indexing and Snippets. JSON-LD enables the creation of rich snippets that display detailed information about a page directly in search results.
- Increased Click-Through Rates. Structured data helps improve a page’s visibility in search and increases the likelihood users will click the link.
- Flexibility. JSON-LD is easy to update and modify, making it convenient for dynamic pages and frequently changing data.
Example of JSON-LD Markup for Products (Product)
Example of markup for a product page in an online store using Schema.org:
html
<script type=”application/ld+json”>
{
“@context”: “https://schema.org/”,
“@type”: “Product”,
“name”: “ASUS VivoBook 15 Laptop”,
“image”: “https://example.com/images/vivobook.jpg”,
“description”: “Lightweight laptop with a 15.6-inch screen and 512 GB SSD.”,
“brand”: “ASUS”,
“offers”: {
“@type”: “Offer”,
“priceCurrency”: “RUB”,
“price”: “59990”,
“availability”: “https://schema.org/InStock”
},
“aggregateRating”: {
“@type”: “AggregateRating”,
“ratingValue”: “4.7”,
“reviewCount”: “89”
}
}
</script>
In this example:
- @type: Specifies this is a product.
- name: Product name.
- image: Link to the product image.
- description: Product description.
- price: Product price.
- availability: Product stock status.
- aggregateRating: Average product rating and number of reviews.
Example of JSON-LD Markup for Articles (Article)
For a news article or blog post, JSON-LD markup can also be used to improve indexing:
html
<script type=”application/ld+json”>
{
“@context”: “https://schema.org”,
“@type”: “Article”,
“headline”: “Top 10 Laptops for Work in 2022”,
“author”: {
“@type”: “Person”,
“name”: “Ivan Ivanov”
},
“datePublished”: “2022-01-15”,
“dateModified”: “2022-01-18”,
“image”: “https://example.com/images/laptops.jpg”,
“publisher”: {
“@type”: “Organization”,
“name”: “TechnoBlog”
}
}
</script>
In this example:
- @type: Specifies this is an article.
- headline: Article headline.
- author: Article author.
- datePublished: Publication date.
- dateModified: Last modification date.
- publisher: Article publisher.
Advantages of JSON-LD
- Easy Implementation. JSON-LD does not require changes to HTML content structure, simplifying its addition to the site.
- Search Engine Compatibility. Google, Bing, and other search engines support and recommend JSON-LD for structured data.
- Supports Rich Snippets. Using JSON-LD enables rich snippets (e.g., with ratings, prices, dates), which help attract user attention.
- No Impact on Page Appearance. The markup is inserted as a separate block in the <head> and does not interfere with the main content.
- Flexibility. JSON-LD can be easily updated and modified without needing to alter the page structure itself.
How to Validate JSON-LD Markup
To check the correctness of JSON-LD markup implementation, you can use several tools:
- Google Rich Results Test — A Google tool for checking markup and rich snippet display.
- Google Structured Data Testing Tool — An older Google tool for testing structured data (its support is currently limited).
- Yandex.Webmaster — Microdata Validator — A tool for checking markup used for Yandex Search.
These tools help identify errors in the markup and ensure data is correctly interpreted by search engines.
Common Mistakes When Using JSON-LD
- Incorrect JSON Structure. The JSON must be properly formatted and adhere to syntax rules. Code errors can affect how search engines interpret the markup.
- Duplicate Markup. Avoid using JSON-LD simultaneously with Microdata or RDFa on the same page. It’s better to choose one format.
- Incomplete or Incorrect Data. For example, if mandatory fields like product price or event date are missing, the search engine may ignore the markup.
- Using Incorrect Types. For instance, using product markup on a product category page.
Summary
JSON-LD is a convenient and effective format for adding structured data to a website. It helps improve indexing, create rich snippets, and increase a site’s visibility in search engines. JSON-LD is recommended for all types of content, whether products, articles, recipes, events, or reviews.
