How can I add meta titles and descriptions to each CMS item?

To include content from your CMS fields in your page titles and descriptions, use the {{ }} syntax. If your CMS lacks a Title field, create a plain text field for the page title. To use the CMS item's Title as the meta title, insert {{Title}} in the Title field of your page settings. Alternatively, you can utilize the existing Title field.

To add custom descriptions, insert a new plain text field into the CMS. You can name it "Description" or choose any other preferred name.

Then, you can add your description in the same way as you do for any fields in your CMS.

This will only work if the Title and Description fields are in your CMS are a plain text fields.

Even though you set these fields, Google has a feature that automatically picks the “best” description based on the search query for the user. But you can prevent Google from picking text from your website as description, by selecting the content Google has picked in your canvas, then under “Accessibility”, click the “+”, select “Google Bot” “Skip” sets the value that prevents Google from picking the random text. You can also do this on the outer-most frame, and it will prevent Google from picking any text on the page.

For more information, please visit Framer Academy - Metadata.