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

  1. 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.


      Page Settings

Adding custom meta descriptions

  1. 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.


      CMS Fields


  • In the Page Description field of your page settings, use {{Description}} to dynamically insert the CMS item's Page Description.


    Page Settings

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:

  1. Select the content Google might pick in your canvas.

  2. Under Accessibility, click the +, select Google Bot, and set it to Skip.

  3. 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.