SEO Writer

This template gives you a personal meta tag library that looks professional — you don't need SEO experience or developer tools to make it work.

The technical parts are already handled. Live preview cards for Google, X, Slack, Facebook, LinkedIn, and Discord are built in. AI generation fills your title and description with one click. Character count validation tells you when you're over the limit before you publish. You can focus on writing copy that earns clicks, not fighting with HTML tags.

What's included: a landing page where visitors can generate meta tags without signing up, a searchable pages list that works as an SEO checklist, and a detail view with side-by-side editing and platform previews. The pages list uses color-coded status badges — green for optimized, amber for partial, red for missing — so you can scan your entire site in seconds and know exactly what needs work.

Most people write meta tags in a text editor, paste them into their CMS, then open six browser tabs to check how each platform renders the link. This template replaces that entire workflow with one screen.

Best Use Cases

Site-Wide SEO Audit

Add every page on your site to the library. The status badges instantly show which pages are fully optimized, which are missing descriptions, and which have no meta tags at all. Instead of crawling your site with expensive tools, you get a visual checklist you can work through page by page.

Blog Post Optimization

Every time you publish a new post, add the URL and generate a title and description with AI. Preview the Google SERP result and the X card before the post goes live. Posts with well-crafted meta descriptions get higher click-through rates — this template makes writing them take seconds instead of minutes.

Client Deliverables

Freelancers and agencies can use the library to draft meta copy for every page on a client's site. The platform previews show clients exactly what their links will look like on Google and social media. Export the title and description with the copy button and paste them into the client's CMS.

Social Media Link Previews

Before sharing a page on LinkedIn, X, or Slack, check how the link card will render. Upload an OG image and see it appear in the correct format for each platform. Pages shared without OG images get significantly less engagement — this template shows you the difference before you post.

Getting Started

1. Remix This Template

Click Remix to create your own copy. The template comes with a demo mode pre-loaded with sample pages across all status states so you can explore every feature before adding your own data. If this template isn't the right fit, you can remix a different one — no wasted work.

2. Customize Your Brand

Update the landing page headline, subhead, and testimonials to match your use case. Swap the logo and wordmark. The color system uses CSS custom properties — change the primary color in one file and it updates across every screen, including the platform preview cards.

3. Add Your Content

Start adding your page URLs. For each page, paste the URL and an optional target keyword, then click Generate with AI to fill in the title and description. The AI reads your live page content and writes copy optimized for clicks. Tweak the output until the character counts are green and the previews look right.

4. Connect Your Tools

The template uses Supabase for authentication, database, and the AI generation edge function. Google OAuth is pre-configured. If you want AI generation, add your API key as a secret — without it, everything else still works and you can write meta copy manually.

5. Go Live

Deploy your meta tag library. Share the landing page as a free tool — visitors can generate meta tags without signing up, and the "Save to library" button converts them into users. Your library grows as you add pages, and the status checklist keeps you accountable.

Conclusion

This meta tag template works for founders, marketers, and developers who want clear control over how their pages appear on every platform. You get AI-generated copy without learning prompt engineering, live previews without opening six browser tabs, and a status checklist without paying for an SEO crawler.

Add your first URL and generate a title and description in under a minute. Build out your full site library in an afternoon. Every page you optimize is one fewer link showing a generic preview to the people you're trying to reach.