SEO

Want more users without ads? Fix your SEO fundamentals. This guide helps to set landing page meta tags — so you get steady, compounding traffic over time.

Landing page meta tags

Place your meta tags inside the head section of main.wasp, and they’ll appear in the landing page’s HTML.

    app SaaSTemplate {
    wasp: {
      version: "^0.13.0"
    },
    title: "Open SaaS",
    head: [
      "",
      "",
      "",
      "",
      "",
      //...
    ],
    //...
  

What to do:

1. Replace og:url, og:title, og:description, and og:image with your app’s values
2. Wasp will inject these tags into the HTML of index.html which powers the Landing Page at app/src/client/landingpage/LandingPage.tsx
3. You do not need a separate framework for SEO on the landing page because these tags are rendered into the page HTML

Docs and blog meta tags

Astro handles SEO tags automatically using blog/astro.config.mjs and each page’s frontmatter. Add descriptive frontmatter to every doc and post.

      title: 'My First Blog Post'
      pubDate: 2022-07-01
      description: 'This is the first post of my new Astro blog.'
      author: 'Astro Learner'
      image:
        url: 'https://docs.astro.build/assets/full-logo-light.png'
        alt: 'The full Astro logo.'
      tags: ["astro", "blogging", "learning in public"]

What to do

1. Set a unique title and description for each page
2. Provide image url and alt for social previews
3. Use tags to organize content and help readers discover related topics

That is it. Set head tags once in main.wasp for your landing page and maintain good frontmatter on docs and blog posts to keep SEO clean and consistent.