Read Time

0

min

Read Time

0

min

CMS

Jul 9, 2025

Adding Meta Titles and Descriptions in Framer CMS

Learn how to add meta titles and descriptions to CMS pages in Framer, enhance click-through rates through SEO techniques, and prevent Google from auto-generating descriptions.

Uploaded by

Translated by

The black screen displays a list of three sections, each containing the texts 'Meta Title' and 'Meta Description' to emphasize digital interface or webpage structure concepts.
The black screen displays a list of three sections, each containing the texts 'Meta Title' and 'Meta Description' to emphasize digital interface or webpage structure concepts.
The black screen displays a list of three sections, each containing the texts 'Meta Title' and 'Meta Description' to emphasize digital interface or webpage structure concepts.

Contents

Table of Contents

This document was created to help Framer users in Korea who struggle with the lack of Korean resources by translating content from the official blog into Korean and adding practical information. We hope this will be of some assistance to those using Framer.

What is a Meta Title?

A meta title is the title of a webpage that is communicated to search engines and social media. It may differ from the main headline (H1) on the actual page, and it typically appears as the browser tab title or the blue title text in Google search results.

Setting a Custom Meta Title

If your CMS page doesn't have a Title field, you need to add a Plain Text field named Title through CMS > Edit Fields.

Applying the Meta Title in Page Settings

  1. Select the relevant CMS template page

  2. Click the settings icon in the top right to open Page Settings

  3. Enter {{Title}} in the Title field

This will automatically insert the Title value from each CMS item.

Adding a Meta Description

You can set the meta description similar to the meta title.
Add a Plain Text field named Description in CMS (Write a concise and key summary about the page in the Description field.)

Applying the Meta Description in Page Settings

  1. Select the relevant CMS template page

  2. Click the settings icon in the top right to open Page Settings

  3. Enter {{Description}} in the Description field within Page Settings

This will automatically insert descriptions for each CMS item just like the meta title.
The meta description plays a crucial role in encouraging clicks in search results.

How to Prevent Google's Automatic Description

Sometimes Google extracts text from the webpage instead of using the meta description you've written for displaying in search results. If you want to prevent Google's automatic description, follow the method below.

  1. Select content that Google can take

  2. In the Accessibility section, click + to add the Google Bot item

  3. Set the action to Skip

  4. To apply to the entire site, apply this setting to the outermost frame.

If the description of a specific page doesn't match the content, the click rate may decrease, so it's important to ensure the intended description is visible.


This post is a translated and adapted version of the Framer official blog's ‘How can I add meta titles and descriptions to each CMS item?’.

블로그 공유하기
블로그 공유하기

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.