Meta tags are the first thing search engines and social platforms read when they encounter your page. A well-crafted title tag directly influences your click-through rate from search results. Open Graph images determine how your link looks when shared on LinkedIn, Twitter, Slack, and iMessage. Getting these right is not optional — it is the difference between a link that gets clicked and one that gets scrolled past. Framer provides built-in fields for all of these, but knowing exactly where to find them and how to configure them for CMS pages requires a walkthrough.
For static pages, select the page in the left panel, open the page settings gear icon, and scroll to the SEO section. You will find fields for SEO Title and SEO Description. The title should be under 60 characters and include your primary keyword near the beginning. The description should be between 150 and 160 characters, include the keyword naturally, and provide a compelling reason to click. Framer uses these values to generate the
and <meta name="description"> tags in the HTML head.</p><div class="border rounded-xl p-5 mb-6 bg-amber-50 border-amber-300 text-amber-900"><p class="text-sm md:text-base leading-relaxed">If you leave the SEO Title blank, Framer uses the page name as the title tag. This is almost never what you want — page names like 'Home' or 'About' are generic and waste valuable SERP real estate. Always set explicit SEO titles.</p></div><h2 id="configuring-og-images" class="text-2xl md:text-3xl font-semibold text-[#2A1818] tracking-tight mt-12 mb-4 scroll-mt-24">Configuring Open Graph Images</h2><p class="text-base md:text-lg text-[#5A3E3E]/70 leading-relaxed mb-6">In the same SEO section of page settings, you will find the Social Image field. Upload a 1200 by 630 pixel image here. This image becomes the og:image tag and is used by Facebook, LinkedIn, Twitter, Slack, Discord, and most messaging apps when your link is shared. Use high-contrast text overlays with your brand colors to make shared links stand out in feeds. Avoid images with important content near the edges, as different platforms crop differently.</p><h2 id="twitter-card-config" class="text-2xl md:text-3xl font-semibold text-[#2A1818] tracking-tight mt-12 mb-4 scroll-mt-24">Twitter Card Configuration</h2><p class="text-base md:text-lg text-[#5A3E3E]/70 leading-relaxed mb-6">Framer automatically generates Twitter Card meta tags using the same OG image and description. By default, it uses the summary_large_image card type, which displays a large preview image. If you want to override this behavior or add a different image for Twitter specifically, you can inject custom meta tags in the page's custom code head section. Add <meta name="twitter:image" content="your-image-url"> to override the default.</p><h2 id="cms-meta-tags" class="text-2xl md:text-3xl font-semibold text-[#2A1818] tracking-tight mt-12 mb-4 scroll-mt-24">Meta Tags for CMS Collection Pages</h2><p class="text-base md:text-lg text-[#5A3E3E]/70 leading-relaxed mb-6">CMS pages require a different approach because each collection item needs unique metadata. In your CMS collection settings, create fields for SEO Title, SEO Description, and Social Image. Then, in the collection page template settings, map these CMS fields to the corresponding SEO fields using the variable picker. This ensures every blog post, case study, or product page gets its own unique title, description, and social image rather than inheriting the template defaults.</p><ol class="list-decimal list-inside space-y-2 mb-6 text-[#5A3E3E]/70 leading-relaxed pl-2"><li class="text-base md:text-lg">Create a 'SEO Title' field (Plain Text) in your CMS collection.</li><li class="text-base md:text-lg">Create a 'SEO Description' field (Plain Text) with a character limit of 160.</li><li class="text-base md:text-lg">Create a 'Social Image' field (Image) and set the recommended dimensions to 1200x630.</li><li class="text-base md:text-lg">Open the collection page template settings and map each field to the corresponding SEO property.</li><li class="text-base md:text-lg">Test each published CMS page using the Facebook Sharing Debugger and Twitter Card Validator.</li></ol><h2 id="custom-code-injection" class="text-2xl md:text-3xl font-semibold text-[#2A1818] tracking-tight mt-12 mb-4 scroll-mt-24">Adding Custom Meta Tags via Code Injection</h2><p class="text-base md:text-lg text-[#5A3E3E]/70 leading-relaxed mb-6">For meta tags that Framer does not support natively — such as article:published_time, article:author, or custom verification tags — use the custom code section. Go to page settings, scroll to the Custom Code area, and add your tags in the Head section. These are injected directly into the page's <head> element. For site-wide tags like google-site-verification or organization-level OG tags, use the site-wide custom code settings instead of adding them to every page individually.</p><h2 id="validating-meta-tags" class="text-2xl md:text-3xl font-semibold text-[#2A1818] tracking-tight mt-12 mb-4 scroll-mt-24">Validating Your Meta Tags</h2><p class="text-base md:text-lg text-[#5A3E3E]/70 leading-relaxed mb-6">After publishing, validate your meta tags with these tools: Google's Rich Results Test for structured data, Facebook Sharing Debugger for OG tags, Twitter Card Validator for Twitter-specific previews, and LinkedIn Post Inspector for LinkedIn previews. Also inspect the page source directly by viewing the HTML — search for <meta property="og: to verify all OG tags are present and correct. Run these checks on both static pages and CMS pages to catch any mapping issues.</p><div class="border rounded-xl p-5 mb-6 bg-emerald-50 border-emerald-300 text-emerald-900"><p class="text-sm md:text-base leading-relaxed">Social platforms cache OG images aggressively. If you update an OG image and the old one still appears, use the Facebook Sharing Debugger's 'Scrape Again' button and Twitter Card Validator to force a refresh. LinkedIn Post Inspector also has a refresh option.</p></div><h2 id="common-mistakes" class="text-2xl md:text-3xl font-semibold text-[#2A1818] tracking-tight mt-12 mb-4 scroll-mt-24">Common Mistakes to Avoid</h2><ul class="list-disc list-inside space-y-2 mb-6 text-[#5A3E3E]/70 leading-relaxed pl-2"><li class="text-base md:text-lg">Using the same title and description on every page — this creates duplicate content signals.</li><li class="text-base md:text-lg">Uploading OG images larger than 5MB — social platforms will time out and show a blank preview.</li><li class="text-base md:text-lg">Forgetting to map CMS fields to SEO properties — every CMS page will share identical metadata.</li><li class="text-base md:text-lg">Including the site name in every title tag — this wastes character space and adds no ranking value.</li><li class="text-base md:text-lg">Using decorative images as OG images — choose images with readable text or clear visual context.</li></ul><div class="space-y-3 mb-8"><div class="border border-[#E6E2D6] rounded-xl overflow-hidden"><button class="w-full flex items-center justify-between p-5 text-left hover:bg-[#E6E2D6]/30 transition-colors"><span class="font-medium text-[#2A1818] pr-4">Can I set different OG images for Facebook and Twitter in Framer?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-5 h-5 text-[#5A3E3E]/40 shrink-0 transition-transform duration-300"><path d="m6 9 6 6 6-6"></path></svg></button></div><div class="border border-[#E6E2D6] rounded-xl overflow-hidden"><button class="w-full flex items-center justify-between p-5 text-left hover:bg-[#E6E2D6]/30 transition-colors"><span class="font-medium text-[#2A1818] pr-4">Does Framer support dynamic OG images for CMS pages?</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down w-5 h-5 text-[#5A3E3E]/40 shrink-0 transition-transform duration-300"><path d="m6 9 6 6 6-6"></path></svg></button></div></div><div class="my-10 bg-gradient-to-br from-[#2A1818] to-[#1a0f0f] rounded-2xl p-8 md:p-10 text-center"><p class="text-white/90 text-lg md:text-xl mb-6">Need help setting up SEO-optimized meta tags across your Framer site?</p><a href="/contact" class="inline-flex items-center gap-2 bg-[#C4A35A] hover:bg-[#d4b36a] text-white font-medium px-6 py-3 rounded-full transition-colors duration-300">Get Expert Help<span>→</span></a></div></div></div><nav class="hidden lg:block sticky top-32 max-h-[calc(100vh-10rem)] overflow-y-auto"><p class="text-xs font-semibold uppercase tracking-widest text-[#5A3E3E]/40 mb-4">On this page</p><ul class="space-y-2 border-l border-[#E6E2D6]"><li><a href="#why-meta-tags-matter" class="block text-sm leading-snug transition-all duration-200 pl-4 py-1 -ml-px border-l-2 border-transparent text-[#5A3E3E]/50 hover:text-[#2A1818] hover:border-[#E6E2D6]">Why Meta Tags Still Matter in 2026</a></li><li><a href="#title-meta-descriptions" class="block text-sm leading-snug transition-all duration-200 pl-4 py-1 -ml-px border-l-2 border-transparent text-[#5A3E3E]/50 hover:text-[#2A1818] hover:border-[#E6E2D6]">Setting Title Tags and Meta Descriptions</a></li><li><a href="#configuring-og-images" class="block text-sm leading-snug transition-all duration-200 pl-4 py-1 -ml-px border-l-2 border-transparent text-[#5A3E3E]/50 hover:text-[#2A1818] hover:border-[#E6E2D6]">Configuring Open Graph Images</a></li><li><a href="#twitter-card-config" class="block text-sm leading-snug transition-all duration-200 pl-4 py-1 -ml-px border-l-2 border-transparent text-[#5A3E3E]/50 hover:text-[#2A1818] hover:border-[#E6E2D6]">Twitter Card Configuration</a></li><li><a href="#cms-meta-tags" class="block text-sm leading-snug transition-all duration-200 pl-4 py-1 -ml-px border-l-2 border-transparent text-[#5A3E3E]/50 hover:text-[#2A1818] hover:border-[#E6E2D6]">Meta Tags for CMS Collection Pages</a></li><li><a href="#custom-code-injection" class="block text-sm leading-snug transition-all duration-200 pl-4 py-1 -ml-px border-l-2 border-transparent text-[#5A3E3E]/50 hover:text-[#2A1818] hover:border-[#E6E2D6]">Adding Custom Meta Tags via Code Injection</a></li><li><a href="#validating-meta-tags" class="block text-sm leading-snug transition-all duration-200 pl-4 py-1 -ml-px border-l-2 border-transparent text-[#5A3E3E]/50 hover:text-[#2A1818] hover:border-[#E6E2D6]">Validating Your Meta Tags</a></li><li><a href="#common-mistakes" class="block text-sm leading-snug transition-all duration-200 pl-4 py-1 -ml-px border-l-2 border-transparent text-[#5A3E3E]/50 hover:text-[#2A1818] hover:border-[#E6E2D6]">Common Mistakes to Avoid</a></li></ul></nav></div><div class="max-w-3xl mx-auto"><section class="my-16 bg-gradient-to-br from-[#2A1818] to-[#1a0f0f] rounded-2xl p-8 md:p-12 text-center"><p class="text-white/90 text-xl md:text-2xl font-medium mb-6 max-w-xl mx-auto leading-relaxed">Want expert Framer development with built-in SEO? Let's talk.</p><a class="inline-flex items-center gap-2 bg-[#C4A35A] hover:bg-[#d4b36a] text-white font-medium px-8 py-3.5 rounded-full transition-colors duration-300" href="/contact">Get in Touch<span>→</span></a></section></div><section class="mt-20 pt-16 border-t border-[#E6E2D6]"><h2 class="text-2xl font-semibold text-[#2A1818] mb-8">You might also like</h2><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"><a class="group block bg-white rounded-2xl overflow-hidden border border-[#E6E2D6] hover:border-[#C4A35A]/40 transition-all duration-300 hover:-translate-y-1 hover:shadow-lg " href="/blog/framer-seo-complete-guide"><div class="relative overflow-hidden bg-[#1a2332] aspect-[16/10]"><img alt="Framer SEO: The Complete Optimization Guide" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-500 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, 33vw" srcSet="/_next/image?url=%2Fapi%2Fog%3Ftitle%3DFramer%2BSEO%253A%2BThe%2BComplete%2BOptimization%2BGuide%26category%3Dframer-seo%26categoryName%3DFramer%2BSEO%2B%2526%2BDevelopment%26readTime%3D12&w=256&q=75 256w, /_next/image?url=%2Fapi%2Fog%3Ftitle%3DFramer%2BSEO%253A%2BThe%2BComplete%2BOptimization%2BGuide%26category%3Dframer-seo%26categoryName%3DFramer%2BSEO%2B%2526%2BDevelopment%26readTime%3D12&w=384&q=75 384w, /_next/image?url=%2Fapi%2Fog%3Ftitle%3DFramer%2BSEO%253A%2BThe%2BComplete%2BOptimization%2BGuide%26category%3Dframer-seo%26categoryName%3DFramer%2BSEO%2B%2526%2BDevelopment%26readTime%3D12&w=640&q=75 640w, /_next/image?url=%2Fapi%2Fog%3Ftitle%3DFramer%2BSEO%253A%2BThe%2BComplete%2BOptimization%2BGuide%26category%3Dframer-seo%26categoryName%3DFramer%2BSEO%2B%2526%2BDevelopment%26readTime%3D12&w=750&q=75 750w, /_next/image?url=%2Fapi%2Fog%3Ftitle%3DFramer%2BSEO%253A%2BThe%2BComplete%2BOptimization%2BGuide%26category%3Dframer-seo%26categoryName%3DFramer%2BSEO%2B%2526%2BDevelopment%26readTime%3D12&w=828&q=75 828w, /_next/image?url=%2Fapi%2Fog%3Ftitle%3DFramer%2BSEO%253A%2BThe%2BComplete%2BOptimization%2BGuide%26category%3Dframer-seo%26categoryName%3DFramer%2BSEO%2B%2526%2BDevelopment%26readTime%3D12&w=1080&q=75 1080w, /_next/image?url=%2Fapi%2Fog%3Ftitle%3DFramer%2BSEO%253A%2BThe%2BComplete%2BOptimization%2BGuide%26category%3Dframer-seo%26categoryName%3DFramer%2BSEO%2B%2526%2BDevelopment%26readTime%3D12&w=1200&q=75 1200w, /_next/image?url=%2Fapi%2Fog%3Ftitle%3DFramer%2BSEO%253A%2BThe%2BComplete%2BOptimization%2BGuide%26category%3Dframer-seo%26categoryName%3DFramer%2BSEO%2B%2526%2BDevelopment%26readTime%3D12&w=1920&q=75 1920w, /_next/image?url=%2Fapi%2Fog%3Ftitle%3DFramer%2BSEO%253A%2BThe%2BComplete%2BOptimization%2BGuide%26category%3Dframer-seo%26categoryName%3DFramer%2BSEO%2B%2526%2BDevelopment%26readTime%3D12&w=2048&q=75 2048w, /_next/image?url=%2Fapi%2Fog%3Ftitle%3DFramer%2BSEO%253A%2BThe%2BComplete%2BOptimization%2BGuide%26category%3Dframer-seo%26categoryName%3DFramer%2BSEO%2B%2526%2BDevelopment%26readTime%3D12&w=3840&q=75 3840w" src="/_next/image?url=%2Fapi%2Fog%3Ftitle%3DFramer%2BSEO%253A%2BThe%2BComplete%2BOptimization%2BGuide%26category%3Dframer-seo%26categoryName%3DFramer%2BSEO%2B%2526%2BDevelopment%26readTime%3D12&w=3840&q=75"/></div><div class="p-6"><div class="flex items-center gap-3 mb-3"><span class="text-[10px] font-semibold uppercase tracking-widest text-[#C4A35A] bg-[#C4A35A]/10 px-2.5 py-1 rounded-full">Framer SEO & Development</span><span class="text-[11px] text-[#5A3E3E]/40">12<!-- --> min read</span></div><h3 class="font-medium text-[#2A1818] group-hover:text-[#C4A35A] transition-colors duration-300 mb-2 leading-snug text-lg">Framer SEO: The Complete Optimization Guide</h3><p class="text-sm text-[#5A3E3E]/60 leading-relaxed line-clamp-2 mb-4">A comprehensive, technical guide to maximizing search engine visibility on Framer — from metadata and structured data to CMS configuration, page speed, and crawlability.</p><div class="flex items-center justify-between pt-4 border-t border-[#E6E2D6]"><span class="text-xs text-[#5A3E3E]/40">March 1, 2026</span><span class="text-xs font-medium text-[#C4A35A] group-hover:translate-x-1 transition-transform duration-300">Read more →</span></div></div></a><a class="group block bg-white rounded-2xl overflow-hidden border border-[#E6E2D6] hover:border-[#C4A35A]/40 transition-all duration-300 hover:-translate-y-1 hover:shadow-lg " href="/blog/framer-cms-blog-seo"><div class="relative overflow-hidden bg-[#1a2332] aspect-[16/10]"><img alt="Framer CMS for Blog SEO: Setup and Best Practices" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-500 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, 33vw" srcSet="/_next/image?url=%2Fapi%2Fog%3Ftitle%3DFramer%2BCMS%2Bfor%2BBlog%2BSEO%253A%2BSetup%2Band%2BBest%2BPractices%26category%3Dframer-seo%26categoryName%3DFramer%2BSEO%2B%2526%2BDevelopment%26readTime%3D10&w=256&q=75 256w, /_next/image?url=%2Fapi%2Fog%3Ftitle%3DFramer%2BCMS%2Bfor%2BBlog%2BSEO%253A%2BSetup%2Band%2BBest%2BPractices%26category%3Dframer-seo%26categoryName%3DFramer%2BSEO%2B%2526%2BDevelopment%26readTime%3D10&w=384&q=75 384w, /_next/image?url=%2Fapi%2Fog%3Ftitle%3DFramer%2BCMS%2Bfor%2BBlog%2BSEO%253A%2BSetup%2Band%2BBest%2BPractices%26category%3Dframer-seo%26categoryName%3DFramer%2BSEO%2B%2526%2BDevelopment%26readTime%3D10&w=640&q=75 640w, /_next/image?url=%2Fapi%2Fog%3Ftitle%3DFramer%2BCMS%2Bfor%2BBlog%2BSEO%253A%2BSetup%2Band%2BBest%2BPractices%26category%3Dframer-seo%26categoryName%3DFramer%2BSEO%2B%2526%2BDevelopment%26readTime%3D10&w=750&q=75 750w, /_next/image?url=%2Fapi%2Fog%3Ftitle%3DFramer%2BCMS%2Bfor%2BBlog%2BSEO%253A%2BSetup%2Band%2BBest%2BPractices%26category%3Dframer-seo%26categoryName%3DFramer%2BSEO%2B%2526%2BDevelopment%26readTime%3D10&w=828&q=75 828w, /_next/image?url=%2Fapi%2Fog%3Ftitle%3DFramer%2BCMS%2Bfor%2BBlog%2BSEO%253A%2BSetup%2Band%2BBest%2BPractices%26category%3Dframer-seo%26categoryName%3DFramer%2BSEO%2B%2526%2BDevelopment%26readTime%3D10&w=1080&q=75 1080w, /_next/image?url=%2Fapi%2Fog%3Ftitle%3DFramer%2BCMS%2Bfor%2BBlog%2BSEO%253A%2BSetup%2Band%2BBest%2BPractices%26category%3Dframer-seo%26categoryName%3DFramer%2BSEO%2B%2526%2BDevelopment%26readTime%3D10&w=1200&q=75 1200w, /_next/image?url=%2Fapi%2Fog%3Ftitle%3DFramer%2BCMS%2Bfor%2BBlog%2BSEO%253A%2BSetup%2Band%2BBest%2BPractices%26category%3Dframer-seo%26categoryName%3DFramer%2BSEO%2B%2526%2BDevelopment%26readTime%3D10&w=1920&q=75 1920w, /_next/image?url=%2Fapi%2Fog%3Ftitle%3DFramer%2BCMS%2Bfor%2BBlog%2BSEO%253A%2BSetup%2Band%2BBest%2BPractices%26category%3Dframer-seo%26categoryName%3DFramer%2BSEO%2B%2526%2BDevelopment%26readTime%3D10&w=2048&q=75 2048w, /_next/image?url=%2Fapi%2Fog%3Ftitle%3DFramer%2BCMS%2Bfor%2BBlog%2BSEO%253A%2BSetup%2Band%2BBest%2BPractices%26category%3Dframer-seo%26categoryName%3DFramer%2BSEO%2B%2526%2BDevelopment%26readTime%3D10&w=3840&q=75 3840w" src="/_next/image?url=%2Fapi%2Fog%3Ftitle%3DFramer%2BCMS%2Bfor%2BBlog%2BSEO%253A%2BSetup%2Band%2BBest%2BPractices%26category%3Dframer-seo%26categoryName%3DFramer%2BSEO%2B%2526%2BDevelopment%26readTime%3D10&w=3840&q=75"/></div><div class="p-6"><div class="flex items-center gap-3 mb-3"><span class="text-[10px] font-semibold uppercase tracking-widest text-[#C4A35A] bg-[#C4A35A]/10 px-2.5 py-1 rounded-full">Framer SEO & Development</span><span class="text-[11px] text-[#5A3E3E]/40">10<!-- --> min read</span></div><h3 class="font-medium text-[#2A1818] group-hover:text-[#C4A35A] transition-colors duration-300 mb-2 leading-snug text-lg">Framer CMS for Blog SEO: Setup and Best Practices</h3><p class="text-sm text-[#5A3E3E]/60 leading-relaxed line-clamp-2 mb-4">How to structure your Framer CMS blog for maximum search visibility — from collection schema design and URL structure to content templates and internal linking.</p><div class="flex items-center justify-between pt-4 border-t border-[#E6E2D6]"><span class="text-xs text-[#5A3E3E]/40">March 14, 2026</span><span class="text-xs font-medium text-[#C4A35A] group-hover:translate-x-1 transition-transform duration-300">Read more →</span></div></div></a><a class="group block bg-white rounded-2xl overflow-hidden border border-[#E6E2D6] hover:border-[#C4A35A]/40 transition-all duration-300 hover:-translate-y-1 hover:shadow-lg " href="/blog/is-framer-good-for-seo"><div class="relative overflow-hidden bg-[#1a2332] aspect-[16/10]"><img alt="Is Framer Good for SEO? What the Data Shows" loading="lazy" decoding="async" data-nimg="fill" class="object-cover transition-transform duration-500 group-hover:scale-105" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" sizes="(max-width: 768px) 100vw, 33vw" srcSet="/_next/image?url=%2Fapi%2Fog%3Ftitle%3DIs%2BFramer%2BGood%2Bfor%2BSEO%253F%2BWhat%2Bthe%2BData%2BShows%26category%3Dframer-seo%26categoryName%3DFramer%2BSEO%2B%2526%2BDevelopment%26readTime%3D9&w=256&q=75 256w, /_next/image?url=%2Fapi%2Fog%3Ftitle%3DIs%2BFramer%2BGood%2Bfor%2BSEO%253F%2BWhat%2Bthe%2BData%2BShows%26category%3Dframer-seo%26categoryName%3DFramer%2BSEO%2B%2526%2BDevelopment%26readTime%3D9&w=384&q=75 384w, /_next/image?url=%2Fapi%2Fog%3Ftitle%3DIs%2BFramer%2BGood%2Bfor%2BSEO%253F%2BWhat%2Bthe%2BData%2BShows%26category%3Dframer-seo%26categoryName%3DFramer%2BSEO%2B%2526%2BDevelopment%26readTime%3D9&w=640&q=75 640w, /_next/image?url=%2Fapi%2Fog%3Ftitle%3DIs%2BFramer%2BGood%2Bfor%2BSEO%253F%2BWhat%2Bthe%2BData%2BShows%26category%3Dframer-seo%26categoryName%3DFramer%2BSEO%2B%2526%2BDevelopment%26readTime%3D9&w=750&q=75 750w, /_next/image?url=%2Fapi%2Fog%3Ftitle%3DIs%2BFramer%2BGood%2Bfor%2BSEO%253F%2BWhat%2Bthe%2BData%2BShows%26category%3Dframer-seo%26categoryName%3DFramer%2BSEO%2B%2526%2BDevelopment%26readTime%3D9&w=828&q=75 828w, /_next/image?url=%2Fapi%2Fog%3Ftitle%3DIs%2BFramer%2BGood%2Bfor%2BSEO%253F%2BWhat%2Bthe%2BData%2BShows%26category%3Dframer-seo%26categoryName%3DFramer%2BSEO%2B%2526%2BDevelopment%26readTime%3D9&w=1080&q=75 1080w, /_next/image?url=%2Fapi%2Fog%3Ftitle%3DIs%2BFramer%2BGood%2Bfor%2BSEO%253F%2BWhat%2Bthe%2BData%2BShows%26category%3Dframer-seo%26categoryName%3DFramer%2BSEO%2B%2526%2BDevelopment%26readTime%3D9&w=1200&q=75 1200w, /_next/image?url=%2Fapi%2Fog%3Ftitle%3DIs%2BFramer%2BGood%2Bfor%2BSEO%253F%2BWhat%2Bthe%2BData%2BShows%26category%3Dframer-seo%26categoryName%3DFramer%2BSEO%2B%2526%2BDevelopment%26readTime%3D9&w=1920&q=75 1920w, /_next/image?url=%2Fapi%2Fog%3Ftitle%3DIs%2BFramer%2BGood%2Bfor%2BSEO%253F%2BWhat%2Bthe%2BData%2BShows%26category%3Dframer-seo%26categoryName%3DFramer%2BSEO%2B%2526%2BDevelopment%26readTime%3D9&w=2048&q=75 2048w, /_next/image?url=%2Fapi%2Fog%3Ftitle%3DIs%2BFramer%2BGood%2Bfor%2BSEO%253F%2BWhat%2Bthe%2BData%2BShows%26category%3Dframer-seo%26categoryName%3DFramer%2BSEO%2B%2526%2BDevelopment%26readTime%3D9&w=3840&q=75 3840w" src="/_next/image?url=%2Fapi%2Fog%3Ftitle%3DIs%2BFramer%2BGood%2Bfor%2BSEO%253F%2BWhat%2Bthe%2BData%2BShows%26category%3Dframer-seo%26categoryName%3DFramer%2BSEO%2B%2526%2BDevelopment%26readTime%3D9&w=3840&q=75"/></div><div class="p-6"><div class="flex items-center gap-3 mb-3"><span class="text-[10px] font-semibold uppercase tracking-widest text-[#C4A35A] bg-[#C4A35A]/10 px-2.5 py-1 rounded-full">Framer SEO & Development</span><span class="text-[11px] text-[#5A3E3E]/40">9<!-- --> min read</span></div><h3 class="font-medium text-[#2A1818] group-hover:text-[#C4A35A] transition-colors duration-300 mb-2 leading-snug text-lg">Is Framer Good for SEO? What the Data Shows</h3><p class="text-sm text-[#5A3E3E]/60 leading-relaxed line-clamp-2 mb-4">We analyzed crawlability, rendering behavior, and Core Web Vitals across dozens of Framer sites. Here is what the data reveals about Framer's SEO performance.</p><div class="flex items-center justify-between pt-4 border-t border-[#E6E2D6]"><span class="text-xs text-[#5A3E3E]/40">March 5, 2026</span><span class="text-xs font-medium text-[#C4A35A] group-hover:translate-x-1 transition-transform duration-300">Read more →</span></div></div></a></div></section></div></div><section class="relative w-full min-h-[80vh] flex flex-col justify-between overflow-hidden pb-0"><div class="absolute inset-0 w-full max-w-7xl mx-auto px-6 md:px-12 pointer-events-none z-0"><div style="--grid-offset:1.5rem" class="jsx-6baf27d6324bff54 absolute inset-0 pointer-events-none z-0 hidden md:block"><div style="border-color:#D1CDC2" class="jsx-6baf27d6324bff54 absolute left-6 md:left-12 top-0 bottom-0 w-[1px] border-l border-dashed opacity-30"></div><div style="border-color:#D1CDC2" class="jsx-6baf27d6324bff54 absolute right-6 md:right-12 top-0 bottom-0 w-[1px] border-r border-dashed opacity-30"></div><div class="absolute" style="background:linear-gradient(to bottom, transparent 0%, transparent 5%, rgba(255, 0, 255, 0.05) 15%, rgba(255, 0, 255, 0.3) 30%, rgba(255, 136, 0, 0.4) 45%, rgba(255, 215, 0, 0.4) 55%, rgba(0, 136, 255, 0.3) 70%, rgba(0, 136, 255, 0.05) 85%, transparent 95%, transparent 100%);filter:drop-shadow(0 0 8px rgba(255, 200, 0, 0.1)) drop-shadow(0 0 15px rgba(255, 0, 255, 0.08)) drop-shadow(0 0 25px rgba(0, 136, 255, 0.08)) blur(6px);width:4px;height:200px;border-radius:9999px;left:calc(var(--grid-offset, 1.5rem) - 1.5px)"></div><div class="absolute" style="background:linear-gradient(to bottom, transparent 0%, transparent 5%, rgba(255, 0, 255, 0.05) 15%, rgba(255, 0, 255, 0.3) 30%, rgba(255, 136, 0, 0.4) 45%, rgba(255, 215, 0, 0.4) 55%, rgba(0, 136, 255, 0.3) 70%, rgba(0, 136, 255, 0.05) 85%, transparent 95%, transparent 100%);filter:drop-shadow(0 0 8px rgba(255, 200, 0, 0.1)) drop-shadow(0 0 15px rgba(255, 0, 255, 0.08)) drop-shadow(0 0 25px rgba(0, 136, 255, 0.08)) blur(6px);width:4px;height:200px;border-radius:9999px;left:calc(calc(100% - var(--grid-offset, 1.5rem)) - 1.5px)"></div></div></div><div class="w-full max-w-7xl mx-auto px-6 md:px-12 pt-12 md:pt-24 relative z-30 flex flex-col justify-between h-full"><div class="grid grid-cols-1 lg:grid-cols-2 gap-16 lg:gap-24 mb-20 md:mb-32"><div class="pl-0 lg:pl-[10%]"><span class="inline-block text-[11px] tracking-[0.3em] uppercase text-[#C4A35A] font-medium mb-4">Get in Touch</span><h2 class="section-heading text-gradient-gold mb-6">Let's work together</h2><div class="mt-8 flex flex-col gap-4"><div class="contra-hire-me-button" data-analyticsuserid="451cfc1e-e897-46ed-a701-9dd0533e7ec6" data-theme="dark" data-username="eneas_aldabe"></div><div style="width:170px;height:31.192660550458715px;position:relative" class=""><img alt="Goodfirms Badge" loading="lazy" decoding="async" data-nimg="fill" class="object-contain" style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent;filter:brightness(0.65) saturate(1.5)" sizes="100vw" srcSet="/_next/image?url=%2Fbadges%2Fgoodfirms.png&w=640&q=75 640w, /_next/image?url=%2Fbadges%2Fgoodfirms.png&w=750&q=75 750w, /_next/image?url=%2Fbadges%2Fgoodfirms.png&w=828&q=75 828w, /_next/image?url=%2Fbadges%2Fgoodfirms.png&w=1080&q=75 1080w, /_next/image?url=%2Fbadges%2Fgoodfirms.png&w=1200&q=75 1200w, /_next/image?url=%2Fbadges%2Fgoodfirms.png&w=1920&q=75 1920w, /_next/image?url=%2Fbadges%2Fgoodfirms.png&w=2048&q=75 2048w, /_next/image?url=%2Fbadges%2Fgoodfirms.png&w=3840&q=75 3840w" src="/_next/image?url=%2Fbadges%2Fgoodfirms.png&w=3840&q=75"/></div></div></div><div class="pr-0 lg:pr-[10%] pt-4 lg:pt-12"><div class="space-y-12"><p class="text-xl md:text-2xl font-light text-[#1a1a1a] leading-relaxed max-w-md">Have a project in mind? We'd love to hear about it.</p><div><a href="mailto:hola@livv.systems" class="group inline-flex items-center gap-2 text-2xl md:text-4xl font-light text-[#1a1a1a] hover:text-[#C4A35A] transition-colors duration-300">hola@livv.systems<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right w-6 h-6 md:w-8 md:h-8 opacity-50 group-hover:opacity-100 group-hover:translate-x-1 group-hover:-translate-y-1 transition-all duration-300"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></div><div class="flex gap-8 pt-8"><div class="space-y-4"><h4 class="text-xs uppercase tracking-widest text-[#1a1a1a]/40">Socials</h4><div class="flex gap-4"><a href="https://www.instagram.com/p/C5-FziFN5zM/" target="_blank" rel="noopener noreferrer" class="w-10 h-10 rounded-full border border-[#1a1a1a]/10 flex items-center justify-center text-[#1a1a1a] hover:bg-[#1a1a1a] hover:text-white transition-all duration-300 group"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-instagram w-4 h-4"><rect width="20" height="20" x="2" y="2" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" x2="17.51" y1="6.5" y2="6.5"></line></svg></a><a href="https://www.youtube.com/@livvagency5936" target="_blank" rel="noopener noreferrer" class="w-10 h-10 rounded-full border border-[#1a1a1a]/10 flex items-center justify-center text-[#1a1a1a] hover:bg-[#1a1a1a] hover:text-white transition-all duration-300 group"><svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"></path></svg></a><a href="https://www.linkedin.com/company/39648193/" target="_blank" rel="noopener noreferrer" class="w-10 h-10 rounded-full border border-[#1a1a1a]/10 flex items-center justify-center text-[#1a1a1a] hover:bg-[#1a1a1a] hover:text-white transition-all duration-300 group"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-linkedin w-4 h-4"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path><rect width="4" height="12" x="2" y="9"></rect><circle cx="4" cy="4" r="2"></circle></svg></a><a href="https://github.com/livvstudio" target="_blank" rel="noopener noreferrer" class="w-10 h-10 rounded-full border border-[#1a1a1a]/10 flex items-center justify-center text-[#1a1a1a] hover:bg-[#1a1a1a] hover:text-white transition-all duration-300 group"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-github w-4 h-4"><path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"></path><path d="M9 18c-4.51 2-5-2-7-2"></path></svg></a></div></div></div></div></div></div><div class="flex flex-col md:flex-row justify-between items-start md:items-center text-[10px] uppercase tracking-widest text-[#1a1a1a]/60 pb-12 pt-8 w-full border-t border-[#E8E4DC]"><div class="flex flex-col gap-1 mb-4 md:mb-0"><span>Designed by Livv</span><span>Rebuilt in Next.js</span><span>By Antigravity</span></div><div class="flex gap-8 mb-4 md:mb-0"></div><div class="flex gap-8"><span>Privacy Policy</span><span class="hidden md:inline">Current Status: Online</span></div></div></div><div class="relative w-full flex-1 flex items-end justify-center z-10 overflow-visible"><div style="opacity:0;transform:translateY(300px)" class="w-full relative flex flex-col items-end"><div class="relative w-full h-auto flex items-end justify-center"><img src="/images/footer-gradient.png" alt="Footer Gradient" class="w-full h-auto object-cover object-bottom"/></div></div></div></section></main><!--$--><!--/$--></div><script>$RB=[];$RV=function(a){$RT=performance.now();for(var b=0;b<a.length;b+=2){var c=a[b],e=a[b+1];null!==e.parentNode&&e.parentNode.removeChild(e);var f=c.parentNode;if(f){var g=c.previousSibling,h=0;do{if(c&&8===c.nodeType){var d=c.data;if("/$"===d||"/&"===d)if(0===h)break;else h--;else"$"!==d&&"$?"!==d&&"$~"!==d&&"$!"!==d&&"&"!==d||h++}d=c.nextSibling;f.removeChild(c);c=d}while(c);for(;e.firstChild;)f.insertBefore(e.firstChild,c);g.data="$";g._reactRetry&&requestAnimationFrame(g._reactRetry)}}a.length=0};
$RC=function(a,b){if(b=document.getElementById(b))(a=document.getElementById(a))?(a.previousSibling.data="$~",$RB.push(a,b),2===$RB.length&&("number"!==typeof $RT?requestAnimationFrame($RV.bind(null,$RB)):(a=performance.now(),setTimeout($RV.bind(null,$RB),2300>a&&2E3<a?2300-a:$RT+300-a)))):b.parentNode.removeChild(b)};$RC("B:0","S:0")</script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[81901,[\"5497\",\"static/chunks/5497-e6a705377082814b.js\",\"1196\",\"static/chunks/1196-c26f561d3816a960.js\",\"678\",\"static/chunks/678-45042d03bf1e8804.js\",\"2292\",\"static/chunks/2292-8a48971dfba6ad7d.js\",\"7177\",\"static/chunks/app/layout-639bb2930077cae0.js\"],\"ThemeProvider\"]\n3:I[49730,[\"5497\",\"static/chunks/5497-e6a705377082814b.js\",\"1196\",\"static/chunks/1196-c26f561d3816a960.js\",\"678\",\"static/chunks/678-45042d03bf1e8804.js\",\"2292\",\"static/chunks/2292-8a48971dfba6ad7d.js\",\"7177\",\"static/chunks/app/layout-639bb2930077cae0.js\"],\"AuthProvider\"]\n4:I[73136,[\"5497\",\"static/chunks/5497-e6a705377082814b.js\",\"1196\",\"static/chunks/1196-c26f561d3816a960.js\",\"678\",\"static/chunks/678-45042d03bf1e8804.js\",\"2292\",\"static/chunks/2292-8a48971dfba6ad7d.js\",\"7177\",\"static/chunks/app/layout-639bb2930077cae0.js\"],\"LazyMotion\"]\n5:I[59698,[\"5497\",\"static/chunks/5497-e6a705377082814b.js\",\"1196\",\"static/chunks/1196-c26f561d3816a960.js\",\"678\",\"static/chunks/678-45042d03bf1e8804.js\",\"2292\",\"static/chunks/2292-8a48971dfba6ad7d.js\",\"7177\",\"static/chunks/app/layout-639bb2930077cae0.js\"],\"domAnimation\"]\n6:I[80865,[\"5497\",\"static/chunks/5497-e6a705377082814b.js\",\"1196\",\"static/chunks/1196-c26f561d3816a960.js\",\"678\",\"static/chunks/678-45042d03bf1e8804.js\",\"2292\",\"static/chunks/2292-8a48971dfba6ad7d.js\",\"7177\",\"static/chunks/app/layout-639bb2930077cae0.js\"],\"SmoothScroll\"]\n7:I[9766,[],\"\"]\n8:I[55833,[\"1196\",\"static/chunks/1196-c26f561d3816a960.js\",\"6397\",\"static/chunks/app/template-6e693bd346c6dc04.js\"],\"default\"]\n9:I[98924,[],\"\"]\na:I[95058,[\"5497\",\"static/chunks/5497-e6a705377082814b.js\",\"1196\",\"static/chunks/1196-c26f561d3816a960.js\",\"678\",\"static/chunks/678-45042d03bf1e8804.js\",\"2292\",\"static/chunks/2292-8a48971dfba6ad7d.js\",\"7177\",\"static/chunks/app/layout-639bb2930077cae0.js\"],\"CustomCursor\"]\nb:I[68955,[\"5497\",\"static/chunks/5497-e6a705377082814b.js\",\"1196\",\"static/chunks/1196-c26f561d3816a960.js\",\"678\",\"static/chunks/678-45042d03bf1e8804.js\",\"2292\",\"static/chunks/2292-8a48971dfba6ad7d.js\",\"7177\",\"static/chunks/app/layout-63"])</script><script>self.__next_f.push([1,"9bb2930077cae0.js\"],\"Analytics\"]\nc:I[48854,[\"5497\",\"static/chunks/5497-e6a705377082814b.js\",\"1196\",\"static/chunks/1196-c26f561d3816a960.js\",\"678\",\"static/chunks/678-45042d03bf1e8804.js\",\"2292\",\"static/chunks/2292-8a48971dfba6ad7d.js\",\"7177\",\"static/chunks/app/layout-639bb2930077cae0.js\"],\"SpeedInsights\"]\nd:I[44980,[\"5497\",\"static/chunks/5497-e6a705377082814b.js\",\"1196\",\"static/chunks/1196-c26f561d3816a960.js\",\"678\",\"static/chunks/678-45042d03bf1e8804.js\",\"2292\",\"static/chunks/2292-8a48971dfba6ad7d.js\",\"7177\",\"static/chunks/app/layout-639bb2930077cae0.js\"],\"GoogleAnalytics\"]\ne:I[77914,[\"5497\",\"static/chunks/5497-e6a705377082814b.js\",\"1196\",\"static/chunks/1196-c26f561d3816a960.js\",\"678\",\"static/chunks/678-45042d03bf1e8804.js\",\"2292\",\"static/chunks/2292-8a48971dfba6ad7d.js\",\"7177\",\"static/chunks/app/layout-639bb2930077cae0.js\"],\"DeferredChatWidget\"]\nf:I[81959,[],\"ClientPageRoot\"]\n10:I[27995,[\"1196\",\"static/chunks/1196-c26f561d3816a960.js\",\"5239\",\"static/chunks/5239-b5d471afce036544.js\",\"176\",\"static/chunks/176-e603648d1db4b915.js\",\"678\",\"static/chunks/678-45042d03bf1e8804.js\",\"897\",\"static/chunks/897-f0066dc9ccb41c3a.js\",\"6361\",\"static/chunks/6361-46e67d8c504ee21e.js\",\"1210\",\"static/chunks/1210-7d9ce860c022b551.js\",\"7686\",\"static/chunks/7686-c4f3f87819767f81.js\",\"5953\",\"static/chunks/app/blog/%5Bslug%5D/page-1035699c5c13a6f5.js\"],\"default\"]\n13:I[24431,[],\"OutletBoundary\"]\n15:I[15278,[],\"AsyncMetadataOutlet\"]\n18:I[57150,[],\"\"]\n:HL[\"/_next/static/media/d5944cbc31340d9c-s.p.otf\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/otf\"}]\n:HL[\"/_next/static/media/e4af272ccee01ff0-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/ec1b51ac201d3a84-s.p.otf\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/otf\"}]\n:HL[\"/_next/static/css/0eab2a27e11263c5.css\",\"style\"]\n:HL[\"/_next/static/css/a6e73ffa292b11a3.css\",\"style\"]\n:HL[\"/_next/static/css/29aa5db9f0894be8.css\",\"style\"]\n:HL[\"/_next/static/css/7e7d96b1e6991756.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"Fxb0-MioDrL43sXJKGLNG\",\"p\":\"\",\"c\":[\"\",\"blog\",\"framer-meta-tags-og-images\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"blog\",{\"children\":[[\"slug\",\"framer-meta-tags-og-images\",\"d\"],{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/0eab2a27e11263c5.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/a6e73ffa292b11a3.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/29aa5db9f0894be8.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"__variable_e10f34 __variable_64eae5 __variable_3abd59\",\"suppressHydrationWarning\":true,\"children\":[[\"$\",\"head\",null,{\"children\":[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"Organization\\\",\\\"name\\\":\\\"Livv Studio\\\",\\\"url\\\":\\\"https://livvvv.com\\\",\\\"logo\\\":\\\"https://livvvv.com/assets/logo-new.png\\\",\\\"description\\\":\\\"Boutique design and digital product studio crafting exceptional digital products, brand identities, and high-performance web experiences.\\\",\\\"email\\\":\\\"hola@livv.systems\\\",\\\"sameAs\\\":[\\\"https://www.linkedin.com/company/39648193/\\\",\\\"https://github.com/livvstudio\\\"],\\\"founder\\\":{\\\"@type\\\":\\\"Person\\\",\\\"name\\\":\\\"Eneas Aldabe\\\",\\\"jobTitle\\\":\\\"Digital Product Builder \u0026 Founder\\\"},\\\"contactPoint\\\":{\\\"@type\\\":\\\"ContactPoint\\\",\\\"email\\\":\\\"hola@livv.systems\\\",\\\"contactType\\\":\\\"customer service\\\",\\\"url\\\":\\\"https://livvvv.com/contact\\\"}}\"}}]}],[\"$\",\"body\",null,{\"className\":\"__className_e10f34 antialiased\",\"suppressHydrationWarning\":true,\"children\":[\"$\",\"$L2\",null,{\"attribute\":\"class\",\"defaultTheme\":\"system\",\"enableSystem\":true,\"disableTransitionOnChange\":true,\"children\":[\"$\",\"$L3\",null,{\"children\":[[\"$\",\"$L4\",null,{\"features\":\"$5\",\"children\":[\"$\",\"$L6\",null,{\"children\":[\"$\",\"$L7\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L8\",null,{\"children\":[\"$\",\"$L9\",null,{}]}],\"templateStyles\":[],\"templateScripts\":[],\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}],[\"$\",\"$La\",null,{}],[\"$\",\"$Lb\",null,{}],[\"$\",\"$Lc\",null,{}],[\"$\",\"$Ld\",null,{}],[\"$\",\"$Le\",null,{}]]}]}]}]]}]]}],{\"children\":[\"blog\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L7\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L9\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"slug\",\"framer-meta-tags-og-images\",\"d\"],[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L7\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L9\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"__PAGE__\",[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"$Lf\",null,{\"Component\":\"$10\",\"searchParams\":{},\"params\":{\"slug\":\"framer-meta-tags-og-images\"},\"promises\":[\"$@11\",\"$@12\"]}],[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/7e7d96b1e6991756.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"$L13\",null,{\"children\":[\"$L14\",[\"$\",\"$L15\",null,{\"promise\":\"$@16\"}]]}]]}],{},null,false]},null,false]},null,false]},[[\"$\",\"div\",\"l\",{\"className\":\"fixed inset-0 z-[100] flex items-center justify-center bg-white\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col items-center gap-4\",\"children\":[\"$\",\"div\",null,{\"className\":\"h-12 w-12 animate-spin rounded-full border-4 border-zinc-200 border-t-zinc-900\"}]}]}],[],[]],false],\"$L17\",false]],\"m\":\"$undefined\",\"G\":[\"$18\",[]],\"s\":false,\"S\":true}\n"])</script><script>self.__next_f.push([1,"19:I[24431,[],\"ViewportBoundary\"]\n1b:I[24431,[],\"MetadataBoundary\"]\n1c:\"$Sreact.suspense\"\n17:[\"$\",\"$1\",\"h\",{\"children\":[null,[[\"$\",\"$L19\",null,{\"children\":\"$L1a\"}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]],[\"$\",\"$L1b\",null,{\"children\":[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$1c\",null,{\"fallback\":null,\"children\":\"$L1d\"}]}]}]]}]\n11:{}\n12:\"$0:f:0:1:2:children:2:children:2:children:1:props:children:0:props:params\"\n"])</script><script>self.__next_f.push([1,"1a:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n14:null\n"])</script><script>self.__next_f.push([1,"1e:I[80622,[],\"IconMark\"]\n"])</script><script>self.__next_f.push([1,"16:{\"metadata\":[[\"$\",\"title\",\"0\",{\"children\":\"How to Add Custom Meta Tags and OG Images in Framer (2026)\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Learn how to configure title tags, meta descriptions, Open Graph images, and Twitter Cards in Framer for both static and CMS collection pages.\"}],[\"$\",\"link\",\"2\",{\"rel\":\"author\",\"href\":\"https://livvvv.com\"}],[\"$\",\"meta\",\"3\",{\"name\":\"author\",\"content\":\"Livv Studio\"}],[\"$\",\"meta\",\"4\",{\"name\":\"keywords\",\"content\":\"Design Studio,Web Development,Digital Products,Brand Identity,UI/UX Design,Product Strategy,White-Label Development,Next.js,Creative Engineering\"}],[\"$\",\"meta\",\"5\",{\"name\":\"creator\",\"content\":\"Livv Studio\"}],[\"$\",\"meta\",\"6\",{\"name\":\"publisher\",\"content\":\"Livv Studio\"}],[\"$\",\"meta\",\"7\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"meta\",\"8\",{\"name\":\"googlebot\",\"content\":\"index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1\"}],[\"$\",\"link\",\"9\",{\"rel\":\"canonical\",\"href\":\"https://livvvv.com/blog/framer-meta-tags-og-images\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:title\",\"content\":\"How to Add Custom Meta Tags and OG Images in Framer (2026)\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:description\",\"content\":\"Learn how to configure title tags, meta descriptions, Open Graph images, and Twitter Cards in Framer for both static and CMS collection pages.\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:url\",\"content\":\"https://livvvv.com/blog/framer-meta-tags-og-images\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:image\",\"content\":\"https://livvvv.com/api/og?title=How%20to%20Add%20Custom%20Meta%20Tags%20and%20OG%20Images%20in%20Framer\u0026category=framer-seo\u0026categoryName=Framer%20SEO%20%26%20Development\u0026readTime=8\"}],[\"$\",\"meta\",\"14\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"15\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"16\",{\"property\":\"og:image:alt\",\"content\":\"How to Add Custom Meta Tags and OG Images in Framer\"}],[\"$\",\"meta\",\"17\",{\"property\":\"og:type\",\"content\":\"article\"}],[\"$\",\"meta\",\"18\",{\"property\":\"article:published_time\",\"content\":\"2026-03-10T08:00:00Z\"}],[\"$\",\"meta\",\"19\",{\"property\":\"article:modified_time\",\"content\":\"2026-03-10T08:00:00Z\"}],[\"$\",\"meta\",\"20\",{\"property\":\"article:author\",\"content\":\"LIVV Studio\"}],[\"$\",\"meta\",\"21\",{\"property\":\"article:tag\",\"content\":\"framer\"}],[\"$\",\"meta\",\"22\",{\"property\":\"article:tag\",\"content\":\"meta tags\"}],[\"$\",\"meta\",\"23\",{\"property\":\"article:tag\",\"content\":\"open graph\"}],[\"$\",\"meta\",\"24\",{\"property\":\"article:tag\",\"content\":\"og image\"}],[\"$\",\"meta\",\"25\",{\"property\":\"article:tag\",\"content\":\"twitter cards\"}],[\"$\",\"meta\",\"26\",{\"property\":\"article:tag\",\"content\":\"seo\"}],[\"$\",\"meta\",\"27\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"28\",{\"name\":\"twitter:title\",\"content\":\"How to Add Custom Meta Tags and OG Images in Framer (2026)\"}],[\"$\",\"meta\",\"29\",{\"name\":\"twitter:description\",\"content\":\"Learn how to configure title tags, meta descriptions, Open Graph images, and Twitter Cards in Framer for both static and CMS collection pages.\"}],[\"$\",\"meta\",\"30\",{\"name\":\"twitter:image\",\"content\":\"https://livvvv.com/api/og?title=How%20to%20Add%20Custom%20Meta%20Tags%20and%20OG%20Images%20in%20Framer\u0026category=framer-seo\u0026categoryName=Framer%20SEO%20%26%20Development\u0026readTime=8\"}],[\"$\",\"link\",\"31\",{\"rel\":\"icon\",\"href\":\"/assets/logo-new.png\",\"type\":\"image/png\"}],[\"$\",\"link\",\"32\",{\"rel\":\"apple-touch-icon\",\"href\":\"/assets/logo-new.png\",\"sizes\":\"180x180\",\"type\":\"image/png\"}],[\"$\",\"$L1e\",\"33\",{}]],\"error\":null,\"digest\":\"$undefined\"}\n"])</script><script>self.__next_f.push([1,"1d:\"$16:metadata\"\n"])</script></body></html>