How to Add an SEO-Optimized Blog to Your Webflow or Framer Site
You spent weeks perfecting your Webflow or Framer site. The animations are smooth, the layout is pixel-perfect, and the brand identity shines through every section. Then someone on your team says: "We need a blog for SEO."
Suddenly, you're stuck. Webflow's native CMS blog feels limiting. Framer doesn't even have a blog feature. And the thought of migrating your entire site to WordPress just for a blog makes you want to close your laptop.
Here's the good news: you don't have to choose between a beautiful no-code site and a blog that actually ranks on Google. There's a way to add a fully SEO-optimized blog to your Webflow or Framer site — running on a subdirectory like yoursite.com/blog/ — without touching your existing design.
Why Webflow and Framer's Native Blog Options Fall Short
Webflow Blog SEO Limitations
- 2,000 CMS item limit on the CMS plan. Every post, author, category counts as an item.
- Limited SEO control. No granular semantic HTML or schema markup without custom code.
- No built-in lead capture on blog posts. Needs third-party integrations.
- No native Google Search Console integration.
- Scaling is expensive. Business plan jumps significantly in price.
Framer Blog SEO Limitations
- No native blog feature. No CMS, no post editor, no blog templates.
- Workarounds are fragile. Manual pages or iframes break SEO fundamentals.
- No RSS, no sitemap generation for blog content.
The core issue: these platforms were built for design, not for content-driven SEO. The solution isn't to force them — it's to pair them with a tool built specifically for blog SEO.
The Subdirectory Solution: How It Works
Run your blog on a subdirectory (e.g., yoursite.com/blog/) rather than a subdomain. Your main site (Webflow or Framer) handles all routes except /blog/. When someone visits yoursite.com/blog/, a reverse proxy routes that request to your blog CMS. To the visitor and to Google, it looks like one seamless site.
No iframes. No embeds. No subdomains. Just a clean subdirectory that passes all SEO juice to your main domain.
Step-by-Step: Adding inblog to Your Webflow Site
Step 1: Create Your inblog Account
- Sign up at inblog.ai.
- Create a new blog and customize design to match your site.
- Note your inblog blog URL for DNS configuration.
Step 2: Configure DNS for Subdirectory Routing
- Log in to your DNS provider (Cloudflare, Namecheap, etc.).
- Add a CNAME record pointing your blog subdirectory to inblog's servers.
- In your inblog dashboard, enter your custom domain and verify.
Step 3: Set Up Reverse Proxy Rules
If using Cloudflare (recommended):
- Create a Cloudflare Worker that intercepts requests to
yoursite.com/blog/*. - The Worker forwards those requests to your inblog instance.
- All other requests continue to Webflow as normal.
Step 4: Verify the Connection
- Visit
yoursite.com/blog/and confirm inblog content loads. - Check that Webflow pages still load normally.
- Use URL Inspection in Search Console to verify crawlability.
Step-by-Step: Adding inblog to Your Framer Site
The process for Framer is nearly identical:
- Create your inblog blog and customize branding to match your Framer site.
- Configure DNS routing — same CNAME + proxy setup as Webflow.
- Match your design — inblog lets you customize header, footer, typography, and colors.
- Publish and verify — submit your blog sitemap to Google Search Console.
SEO Features: Native Blog vs. inblog
| Feature | Webflow Native | Framer | inblog |
|---|---|---|---|
| Blog CMS | Yes (limited) | No | Yes (purpose-built) |
| Subdirectory hosting | N/A | Not available | Yes (free) |
| Custom meta tags | Basic | N/A | Full control |
| Semantic HTML | Partial | N/A | Fully optimized |
| GSC integration | Manual | N/A | Built-in |
| Lead capture forms | Requires embed | N/A | Native |
| CMS item limits | 2,000 (CMS plan) | N/A | Unlimited posts |
| Schema markup | Custom code needed | N/A | Automatic |
| Auto sitemap | Yes | N/A | Yes |
| RSS feed | Yes | N/A | Yes |
Bonus: Also Works with V0, Bolt, and Lovable
The subdirectory blog setup works with virtually any platform, including newer AI site builders:
- V0 by Vercel — AI-generated React components, no blog system. inblog fills the gap.
- Bolt — Rapid full-stack app generation, no content management. Add inblog for content.
- Lovable — AI builder focused on apps, not content. Subdirectory blogging is the natural complement.
The pattern: build your site with the best tool for the job, then add inblog as your dedicated blog and SEO layer.
FAQ
Will adding inblog slow down my site?
No. inblog runs independently and only handles /blog/ routes. Your main site's performance is unaffected.
Can I customize the blog design to match my site?
Yes. inblog provides customization for typography, colors, header, and footer.
Do I need developer help for the DNS setup?
Most users complete setup in 15–20 minutes. If you're comfortable changing a DNS record, you can do this yourself.
What happens to existing blog posts if I switch?
Export content from your current blog and import into inblog. Set up 301 redirects to preserve SEO value.
The Bottom Line
You chose Webflow or Framer because they're the best tools for building beautiful websites. That was the right call. But for blog SEO, these platforms weren't designed to compete with purpose-built solutions.
The smartest approach:
- Webflow or Framer for your main site design
- inblog for your blog, content SEO, and lead generation
Connected via subdirectory hosting, they work together as one seamless site. Your visitors see one brand. Google sees one domain. And you get the best of both worlds.