Framer meta tags are the title, description, and social preview settings that tell search engines and social platforms what each page is about. You configure them per page in Framer’s SEO settings panel, where you set the page title, meta description, open graph image, and canonical URL so your pages display correctly in search results and look polished when shared.
Key takeaways
- Set the page title and meta description for every page individually, never relying on Framer’s defaults.
- Keep titles near 60 characters and descriptions near 155 so they display in full on search results pages.
- Upload a unique open graph image per page so links look intentional when shared on social.
- Use the canonical URL field to prevent duplicate-content confusion across similar pages.
- Configure CMS template SEO with dynamic variables so every collection page gets unique meta tags automatically.
- Submit your sitemap to Google Search Console after publishing so pages get indexed quickly.
What meta tags do and why they matter
Meta tags are small pieces of information embedded in a page’s code that describe its content to machines. Search engines read them to understand and rank your page, and they pull from them to build the snippet a searcher sees. Social platforms read open graph tags to generate the preview card that appears when someone shares your link. Get these right and your pages earn more clicks from search and look professional when shared. Get them wrong and you leave traffic on the table.
The good news is that Framer handles the technical heavy lifting. You do not write raw HTML meta tags. Instead, you fill in clear fields in the SEO panel and Framer generates the correct markup. The discipline required is editorial, not technical. You decide what each page should say, and Framer renders it. That makes strong SEO accessible even if you have never touched code, a theme covered in depth in our broader Framer SEO guide.
Where to find SEO settings in Framer
Framer exposes SEO settings in two places. The first is the per-page settings panel, reached by selecting a page and opening its settings. There you configure the title, description, and social image for that specific page. The second is the project settings, where you set site-wide defaults, the favicon, and global open graph fallbacks. Page-level settings always override the global defaults, which is exactly what you want, because every page should carry its own unique meta tags.
How to configure meta tags step by step
Step 1: Set the page title
Open the page settings and find the SEO title field. Write a title that includes your primary keyword near the front and reads naturally to a human. Aim for roughly 60 characters so Google does not truncate it. The title is the single most influential on-page SEO element, so treat it as a headline that has to earn the click, not just a label.
Step 2: Write the meta description
Below the title, fill in the meta description. This is your sales pitch in the search results. Use around 155 characters, include the keyword once, and write it to make a searcher want to click. Google sometimes rewrites descriptions, but a well-crafted one is used far more often than a missing or generic one.
Step 3: Upload an open graph image
Find the social or open graph image field and upload a custom image sized at 1200 by 630 pixels. This is the picture that appears when your page is shared on platforms like LinkedIn or X. A unique, branded image per page makes shared links look deliberate. A missing image leaves a blank or awkward preview that lowers click-through.
Step 4: Set the canonical URL
If you have pages with similar or overlapping content, use the canonical URL field to point search engines to the version you want ranked. This prevents duplicate-content dilution. For most pages the canonical simply matches the page’s own URL, and Framer handles this automatically, but the field is there when you need to consolidate signals.
Step 5: Configure CMS template SEO
For collection pages driven by the CMS, you set SEO on the template once and use dynamic variables to pull in unique values per entry. For example, set the title to the post’s name field and the description to a summary field. Every collection page then generates its own correct meta tags without manual work. This is the scalable way to handle SEO across dozens or hundreds of pages.
Step 6: Publish and submit your sitemap
After publishing, Framer generates a sitemap automatically at your domain followed by sitemap.xml. Submit that URL in Google Search Console so Google discovers and indexes your pages faster. Then use the URL inspection tool to confirm individual pages are indexed correctly.
Open graph and social sharing in detail
Open graph tags are the meta tags that control how your page looks when shared on social platforms. They define the title, description, and image that appear in the preview card. Framer lets you set these per page in the same SEO panel, and getting them right has an outsized effect on how much traffic your shared links earn. A link with a crisp, branded preview image and a compelling title invites clicks. A link with a blank image and a truncated title gets scrolled past.
The recommended open graph image size is 1200 by 630 pixels, which displays cleanly across the major platforms. Keep important text and logos away from the edges, since some platforms crop the image slightly. Many teams build a simple branded template for these images so every page shares a consistent visual style. That consistency turns your social presence into a recognizable brand experience, where every shared link reinforces the same look.
It is worth distinguishing open graph tags from the standard meta description. The meta description influences how your page appears in search results, while open graph tags govern social previews. They often carry similar text, but you can tailor each. A search snippet might lead with a keyword for ranking, while a social preview might lead with a hook designed to earn the click in a busy feed. Framer gives you control over both, so use that control rather than letting one field do double duty.
Structured data and rich results
Beyond the basics, structured data helps search engines understand the deeper meaning of your content and can unlock rich results like FAQ snippets or article cards. Framer supports adding custom code, which lets you embed structured data markup where it adds value. For a blog, article markup and FAQ markup are the most common additions. These do not guarantee rich results, but they make your pages eligible for them, and eligible pages can earn more visual real estate on the results page.
Structured data is an advanced step, so prioritize it after the fundamentals are solid. A page with strong titles, descriptions, and social images already captures most of the available SEO value. Structured data is the layer you add once those basics are in place and you want to compete harder for premium placement on high-value queries. Treat it as a refinement, not a prerequisite, and add it to the pages where the extra visibility matters most.
Best practices that lift rankings and clicks
A few habits separate sites that rank from sites that languish. Write every title and description for a human first and a search engine second. Keyword stuffing reads as spam and lowers click-through. Keep meta content unique across pages, because duplicate titles confuse both searchers and crawlers. Refresh the meta tags on important pages periodically, especially as you learn which queries actually drive traffic from Search Console data.
Open graph images deserve more attention than most teams give them. A consistent, on-brand social image style turns every shared link into a small advertisement for your site. Pair that with descriptions written to spark curiosity and you compound your reach beyond search alone. The fundamentals here apply on any platform, and our standalone meta tags SEO guide walks through the underlying principles in detail.
Using Search Console to refine your meta tags
Publishing your meta tags is the beginning, not the end. Google Search Console shows you the exact queries your pages appear for, how often they get clicked, and where they rank. This data is the feedback loop that turns guesswork into informed editing. If a page ranks well for a query but earns few clicks, the title or description is failing to win attention, and rewriting it to match the searcher’s intent can lift click-through immediately.
The most valuable insight from Search Console is the gap between the keywords you targeted and the keywords your page actually ranks for. Often a page earns impressions for a query you never considered, which signals an opportunity. Updating the title and description to acknowledge that query can move the page from the bottom of page one to the top. Because Framer makes editing meta tags trivial, you can act on these insights in minutes and watch the results compound across your most important pages.
Make this review a recurring habit rather than a one-time task. Search demand shifts, competitors update their pages, and your own content matures. A quarterly pass through your top pages, checking which queries drive traffic and whether your titles still match them, keeps your meta tags aligned with reality. This ongoing tuning is where the difference between a static site and a growing one shows up most clearly.
Common mistakes to avoid
The most common mistake is leaving meta fields blank and accepting Framer’s defaults. Defaults often pull the page name and nothing else, producing weak snippets that lose clicks. The second mistake is duplicate titles across pages, which happens when teams copy a page and forget to update its SEO settings. The third is ignoring the open graph image, which leaves shared links looking unfinished.
A subtler error is treating meta tags as set-and-forget. Search behavior shifts, and the queries you assumed would drive traffic may differ from the ones that actually do. Reviewing Search Console and adjusting titles to match real demand is a high-return habit. Teams choosing between platforms also weigh how SEO control compares across builders, a question we address head-on in our Webflow versus Framer SEO comparison.
Get a Framer site built to rank
Clean meta tags are just the start. We build Framer sites engineered for search visibility, speed, and conversion from the ground up.
Frequently Asked Questions
Does Framer handle SEO meta tags automatically?
Framer generates the correct meta tag markup for you, but you still need to fill in the title, description, and social image fields for each page. The defaults are weak, so configuring each page individually is what turns Framer’s built-in SEO support into real search performance.
What is the ideal length for a Framer page title and description?
Keep titles around 60 characters and descriptions around 155 characters. These lengths display in full on most search results pages without truncation. Front-load your primary keyword in the title and write the description to earn the click rather than just summarize the page.
How do I set SEO for CMS collection pages?
Configure the SEO settings on the collection template once, using dynamic variables that pull from your CMS fields. Set the title to the entry’s name and the description to a summary field, and every collection page will generate unique meta tags automatically without per-page manual work.
How do I get my Framer pages indexed by Google?
After publishing, submit your Framer sitemap, found at your domain followed by sitemap.xml, to Google Search Console. Then use the URL inspection tool to request indexing for key pages and confirm they appear correctly in Google’s index.