How can I add meta titles and descriptions to each CMS item?
Learn how to set custom meta titles and descriptions for CMS items in Framer to improve SEO and user experience.
Adding custom meta titles
Create or use a Title field:
If your CMS doesn’t already have a Title field, add a Plain Text field for page titles.
In the Title field of your page settings, use
{{Title}}
to dynamically insert the CMS item's Title.
Adding custom meta descriptions
Add a Description field:
Insert a Plain Text field into your CMS and name it “Description” or any preferred name.
Populate the field with your desired descriptions.
In the Page Description field of your page settings, use
{{Description}}
to dynamically insert the CMS item's Page Description.
Google’s automated descriptions:
Google may override your meta descriptions with text it deems more relevant to a search query. To prevent Google from picking text from your website:
Select the content Google might pick in your canvas.
Under Accessibility, click the +, select Google Bot, and set it to Skip.
To prevent Google from picking any text, apply this setting to the outermost frame.
Additional resources
For more details on metadata, visit Framer Academy - Metadata.