>

>

How To Add Custom Title Tags/Meta Descriptions In Framer

How To Add Custom Title Tags/Meta Descriptions In Framer

Dec 27, 2023

|

2 min read

|

How To Add Custom Title Tags/Meta Descriptions In Framer
How To Add Custom Title Tags/Meta Descriptions In Framer
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 Regular Pages in Framer


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


How To Edit Page Titles And Meta Descriptions On CMS Pages in Framer


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.


If you’ve never used Google Search Console, I’ve created a whole guide on it.


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.


Website snippet preview (title tag + meta description) in Framer


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 ;)

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 Regular Pages in Framer


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


How To Edit Page Titles And Meta Descriptions On CMS Pages in Framer


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.


If you’ve never used Google Search Console, I’ve created a whole guide on it.


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.


Website snippet preview (title tag + meta description) in Framer


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 ;)

Luca Da Corte

Luca Da Corte is a freelance Framer Expert and SEO specialist. When he’s not working on some exciting projects, he curates a blog where he shares insights, resources, and experiences on everything regarding websites.

Table Of Contents:

Introduction
How To Edit Page Titles And Meta Descriptions On Regular Pages
How To Edit Page Titles And Meta Descriptions On CMS Pages
Troubleshooting
Conclusion

Table Of Contents:

Introduction
How To Edit Page Titles And Meta Descriptions On Regular Pages
How To Edit Page Titles And Meta Descriptions On CMS Pages
Troubleshooting
Conclusion

Table Of Contents:

Introduction
How To Edit Page Titles And Meta Descriptions On Regular Pages
How To Edit Page Titles And Meta Descriptions On CMS Pages
Troubleshooting
Conclusion