Add structured data to your Webflow site?

outils :

Text Link

Video

‍

Why add structured data?

Adding structured data to your website can be beneficial for several reasons:

‍

1. Helping search engines more easily understand the content of your website

This can improve your ranking in search results and increase click-through rate (CTR).

By using structured data tags to describe the content on your website, search engines can provide rich snippets, product carousels, location maps, and other rich features based on the type of data you provide.

Enough to attract more users' attention

‍

2. Helping visitors to your website find the information they are looking for more easily

By providing organized, prioritized information about products, events, reviews, and other types of content, you can help visitors quickly find what they're looking for on your website.

‍

3. Contribute to the optimization of the user experience.

By providing clear and organized information, you can make navigating your website smoother and more intuitive for visitors, which can improve their overall experience and increase their engagement with your website.

‍

However, it's important to note that rich snippets don't guarantee a high position in search results. They are primarily a way to improve the presentation of information in search results and to attract more user attention. Even if it allows you to reach position 0 sometimes.

‍

Page de résultats Google avec des données structurées — Structured Data Example - Recipes

‍

1. Define and retrieve the code snippet to add to your page

Rich snippets are generated from structured data that is included on the web page using specific tags. Search engines use algorithms to analyze the content of your web pages and identify structured data. They then use this data to generate the rich snippets in the search results.

You can do this in 2 ways:

Use Google's tool
Use GPT chat

The code snippet should look like this:

Exemple de données structurées son blog pour — Example of the code to add for a blog post

‍

The use of structured data in the blog is one of the most common. Feel free to copy and paste the code below to save time.

 < script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "NewsArticle",
      "headline": "Title of a News Article",
      "image": [
        "https://example.com/photos/1x1/photo.jpg",
        "https://example.com/photos/4x3/photo.jpg",
        "https://example.com/photos/16x9/photo.jpg"
       ],
      "datePublished": "2015-02-05T08:00:00+08:00",
      "dateModified": "2015-02-05T09:20:00+08:00",
      "author": [{
          "@type": "Person",
          "name": "Jane Doe",
          "url": "https://example.com/profile/janedoe123"
        },{
          "@type": "Person",
          "name": "John Doe",
          "url": "https://example.com/profile/johndoe123"
      }]
    }
</script>

‍

2. Add custom code to <head>your page tag

By adding structured data tags to the “head” section of your page, you ensure that this information is available for the entire page, making it easy for search engines to find it.

‍

3. Replace the elements with your variables

If you're using structured data to describe a blog post, you can include variables to replace the post title, publication date, author name, and other information that's relevant to each blog page. This makes structured data more accurate and more suitable for each blog page.

So do not hesitate to vary the data with the values of your CMS collection!