How To Add Custom Title Tags/Meta Descriptions In Framer

Introduction

Using different title tags and meta descriptions for each page is considered an SEO best practice and is also recommended in Google’s guidelines.

But how do you do that in Framer?

In this short guide, you’ll learn how to set title tags and meta descriptions for all your pages in Framer, both regular and CMS-based.

Sounds good? Let’s start!

How To Edit Page Titles And Meta Descriptions On Regular Pages

1. Click on the settings button on the top right

2. Under “Page Settings”, click on the page you want to edit

3. Now edit the page title and description as you wish

4. Save your changes

5. Publish the updated version of the website

   
   

How To Edit Page Titles And Meta Descriptions On CMS Pages

Now that we know how to edit page settings on regular pages let’s look at how you do that within a CMS collection:

1. Within your CMS collection, create two text fields that will be used as page titles and meta descriptions for that page (you can also use existing ones; I use the same field for both my blog titles and relative page title)

2. Click on the settings button on the top right

3. Under “Page Settings”, find your CMS pages, which are usually named “[CMS name] Pages”

4. In the “Title” field, wrap the variable name you’ve previously created between double curly brackets like this: “{{ variable name }}”

5. Repeat the same process for the “Page Description” field

6. Save your changes

7. Publish the updated version of the website

   
   

Troubleshooting

I’ve Followed All The Steps But Google Still Shows The Old Settings

Even if you’ve updated your page settings correctly, Google will not know about it immediately.

It might take some time before Google re-crawls your website and discovers you’ve updated some pages.

However, there’s a shortcut you can take.

Head to Google Search Console, type the URL of the updated page in the “URL inspection tool”, and submit a new indexing request.

How Do I Know If It’s Working?

Just below the page settings where you edited the title and the description, Framer shows you a preview of the website snippet that you can use to check whether it’s working or not.

Conclusion

Thank you so much for having read the whole article. If you want to learn more about site & page settings in Framer, check out this guide.

If you need any assistance with your Framer website, do not hesitate to reach out.

If you’ve found this article helpful, I kindly invite you to share it with a friend. Thanks in advance ;)