Read Time

0

min

Read Time

0

min

SEO

Insights

Sep 29, 2025

Setting Up Data Structures with JSON-LD in Framer

Describes how to integrate structured data in JSON-LD format into a webpage for Framer users, providing specific technical approaches and validation methods to enhance SEO and improve search engine optimization.

Framer Logo for Blog Authors

Uploaded by

Profile of Blogger Kim Yejeong

Translated by

A blog thumbnail explaining how to use JSON-LD in Framer to set up structured data on web pages and optimize SEO. It visually conveys the importance of structured data and how to apply it.
A blog thumbnail explaining how to use JSON-LD in Framer to set up structured data on web pages and optimize SEO. It visually conveys the importance of structured data and how to apply it.
A blog thumbnail explaining how to use JSON-LD in Framer to set up structured data on web pages and optimize SEO. It visually conveys the importance of structured data and how to apply it.

Contents

Table of Contents

This document was created to assist Korean users learning Framer, who face difficulties due to a lack of Korean resources. It includes translations from the official blog and practical information to help you utilize Framer effectively. We hope it aids your Framer experience, even in a small way.

What is structured data?

Structured data is a standardized data format that helps search engines better understand a webpage's content, enhancing SEO.

For example, on a recipe page, structured data allows you to clearly define information like ingredients, cooking time, and calories. Structured data is highly emphasized by Google Search Central for better content understanding and classification.

Integrating structured data into a webpage

Prior to adding structured data, identify the most appropriate data format for your website. You can obtain necessary information from resources like Understanding Structured Data or Search Gallery. On Framer sites, you can utilize the Custom Code feature to insert structured data such as JSON-LD. Below is an example of structured data for a recipe page.

Applying it to CMS detail pages

Using CMS variables within the {{}} syntax allows you to generate unique structured data for each page. For instance, import the "Title" field of the CMS as {{Title}} and add Breadcrumbs markup to align with the {{Title | json}} JSON format.

Creating Schema with text fields in CMS pages

To keep your Schema updated, we recommend the above method. However, if you prefer more flexibility, you can write Schema markup as JSON in the CMS Text field. By using the following <head> syntax, add it to the tags.

Use the {{variable_name | unsafeRaw}} syntax to output all content stored in CMS without modification. This method is useful when storing entire JSON+LD markup in the CMS.

<script type="application/ld+json">
	{{variable_name | unsafeRaw}}
</script>

Note: unsafeRaw outputs content as is. Therefore, if incorrect HTML is in the input field, it can damage the website or cause security issues, so please use with caution.

Validating structured data

Once structured data is added, it should be verified for proper operation using the Google Rich Results Test. Especially with data like Breadcrumbs, you can run an immediate test to easily check for issues.

If the problem persists, you can seek additional assistance via the contact page.

This article is a translated and adapted version of Framer's official blog content ‘Structured data through JSON-LD’.

Share Blog
Share Blog

Become a
Framer Expert

Any expert capable of Framer outsourcing can apply.
We connect experts and clients directly, with no intermediary fees.

Become a
Framer Expert

Any expert capable of Framer outsourcing can apply.
We connect experts and clients directly, with no intermediary fees.

Become a
Framer Expert

If you are an expert available for Framer freelance work,
anyone can apply.
No intermediary fees, we directly connect
experts and clients.