Why Your Framer Blog Needs a CMS-First SEO Strategy
A blog is the most scalable way to build organic search traffic, but only if each post is treated as a standalone SEO asset. Framer CMS gives you the infrastructure to create dynamic blog pages with unique metadata, clean URLs, and structured content — but it requires deliberate setup. Without a clear schema, consistent templates, and internal linking logic, your CMS blog will produce pages that compete with each other, lack critical metadata, or fail to rank at all.
Designing Your CMS Collection Schema
Your blog collection should include fields beyond the basics. Start with Title (Plain Text), Slug (Slug), Body (Rich Text), and Cover Image (Image). Then add dedicated SEO fields: SEO Title (Plain Text, max 60 chars), SEO Description (Plain Text, max 160 chars), Social Image (Image, 1200x630), and Canonical URL (Link, optional). For content organization, add Category (Reference to a Categories collection), Tags (Multi-reference), Author (Reference), Published Date (Date), and a Featured toggle (Boolean).
- Title — The display title shown on the page and in listings.
- Slug — Auto-generated from title but editable. Use lowercase, hyphenated, keyword-rich slugs.
- SEO Title — Separate from the display title. Allows you to optimize for search without affecting on-page design.
- SEO Description — The meta description. Write a unique one for every post.
- Body — Rich Text field for the main blog content. Supports headings, lists, links, and embedded media.
- Cover Image — Used on the page and in blog listing cards. Set alt text in the template.
- Social Image — Mapped to og:image. Can differ from the cover image for better social sharing.
- Category — Single-reference to a Categories collection for filtering and URL structure.
- Reading Time — Number field, manually set or calculated. Displayed on the page for UX.
URL Structure Best Practices
Framer CMS generates URLs based on your collection page path and the item slug. Set your blog collection page path to /blog, which creates URLs like /blog/your-post-slug. Avoid nested paths like /blog/category/post-slug unless you have a strong architectural reason — flat structures are easier for search engines to crawl and for users to remember. Keep slugs concise: 3 to 5 words that include your target keyword. Remove stop words (the, a, an, is, for) to keep URLs short and scannable.
Never change a published post's slug without setting up a 301 redirect from the old URL. Even internal links from other pages on your site will break, and any backlinks or social shares pointing to the old URL will return 404 errors.
Building the Blog Post Template
Your collection page template determines the HTML structure of every blog post. Start with a single H1 bound to the post title — never hardcode the H1. Follow it with metadata: author name, published date, reading time, and category. Then place the Rich Text body content. Framer renders Rich Text headings as proper HTML heading tags (H2, H3, etc.), which gives you automatic heading hierarchy. Add a table of contents component at the top that links to each H2 within the post using anchor IDs.
Rich Text SEO Optimization
When writing blog content in Framer CMS Rich Text fields, use H2 headings for major sections and H3s for subsections. Include your target keyword in at least one H2. Write paragraphs of 2–4 sentences for readability — long blocks of text increase bounce rate. Use bold text for key phrases to create visual anchors. Add internal links to other blog posts and service pages within the body text, using descriptive anchor text rather than generic 'click here' phrases. Every image embedded in the Rich Text should have alt text set through the CMS or the template.
Category and Tag Architecture
Create a separate Categories CMS collection with fields for Name, Slug, Description, and SEO metadata. Reference this from your blog posts using a single-reference field. Build category listing pages that display all posts within a category — these pages become keyword-targeted landing pages in their own right. For tags, use a multi-reference field to a Tags collection. Tags are useful for cross-cutting topics but should not duplicate categories. Keep your taxonomy lean: 5–8 categories and 15–25 tags maximum for a blog with under 100 posts.
Internal Linking Within CMS Posts
Every blog post should link to 3–5 other pages on your site: related blog posts, service pages, and your pillar content. In Framer CMS Rich Text, you can add links directly within the text — use your target page's relative URL path. At the bottom of each post, add a 'Related Posts' section by referencing other CMS items. This creates a web of internal links that distributes PageRank and helps search engines understand the topical clusters on your site.
Adding Structured Data to Blog Posts
Inject Article structured data into your blog post template using the custom code head section. Include the headline, datePublished, dateModified, author, publisher, and image properties. For posts with FAQ sections, add FAQ structured data to enable rich results. Since Framer CMS does not support dynamic code injection per item, you can use a consistent template that pulls values from CMS fields. Alternatively, build a code component that generates JSON-LD dynamically from CMS data passed as props.
Ready to launch an SEO-optimized blog on Framer?
Let's Build It Together→
