Seo optimization
Right now my site scores 64/100 on SEO. Anyone any tips on how to make my saas pop up at high places for certain keywords?
What a seo checker gave:
To address URL canonicalization issues, it is recommended to select a primary URL for your webpage and set up redirects from all other variations to the preferred one.
To ensure that Search Engines can accurately identify the topic of this webpage, it is important to include the most
——-
Are there wasp specific things that need to be filled in, in order to have a good ranking?
9 Replies
Hi @Sven. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
----------------------
SEO Optimization in Wasp
Currently, Wasp doesn't have built-in SSR (Server-Side Rendering) support, which can impact SEO since Wasp applications are SPAs (Single Page Applications) where most content is rendered via JavaScript. However, there are several approaches you can take to improve SEO in your Wasp application:
Current SEO Options in Wasp
1. Use the
head property in main.wasp: You can add meta tags and other SEO-related elements to improve your site's SEO. This is one of the simplest ways to enhance SEO in Wasp currently.
For example, you can check out how CoverLetterGPT (which ranks well in Google searches) implements this in their main.wasp file.
2. Fix URL canonicalization issues: Based on your SEO checker feedback, you should ensure you have a primary URL and set up redirects from other variations. Wasp had a similar issue in the past with trailing slashes that was fixed with a script that removes redundant trailing slashes from URLs as mentioned in this GitHub issue.
Alternative Approaches
If SEO is critical for your application, especially for public-facing pages like landing pages, you might consider:
1. Using a separate technology for your landing page: Many Wasp users create their landing pages with Next.js or Astro for better SEO, while keeping their main application in Wasp.
2. Using Astro with Wasp: The OpenSaaS template for Wasp includes Astro, which you could use for SEO-friendly static pages. However, you might need to set up your own Astro project by following Astro's documentation if you want to customize it for a landing page rather than a blog.
Important Note on SEO Myths
According to some Wasp users, the need for SSR for good SEO might be somewhat exaggerated. For example, CoverLetterGPT (built with Wasp) ranks well in Google searches without SSR because:
1. Google is effective at scraping websites, even with JavaScript activated
2. Proper OG tags in the head property help significantly
3. Modern search engines have improved at indexing SPAs
Future Plans
The Wasp team is aware of SEO needs and has plans to improve SEO support in the future, as tracked in this GitHub issue.
For now, focus on optimizing what you can control: meta tags, proper URL structure, and consider a hybrid approach with static pages for content that needs to be highly discoverable.
I hope this helps with your SEO optimization efforts!
----------------------
Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:
----------------------
Sorry @Sven, I seem to be having a bit of trouble. Don't worry though, I've pinged my support and they will try to fix me up! :technologist:
Perhaps try again in 15mins?Hey @Sven, sending right metadata and good media handling goes a long way for SEO.
There is this great snippet one of Wasp users created for SEO: https://gist.github.com/NeroxTGC/27a588ad5d78cf09a0b4464321eb5921
Canonical URL's are also part of that metadata.
For most websites there will be no page variants (e.g. different URL for mobile/desktop, or depending on langauge). If you don't have them then there is no real benefit to canonical URL, but you can still include it.
For Wasp you would describe it in the
headpropery of main.wasp.
Here is how google describes the general process:
https://developers.google.com/search/docs/crawling-indexing/consolidate-duplicate-urls#rel-canonical-link-methodGist
100% SEO Score with OpenSaaS Template
100% SEO Score with OpenSaaS Template. GitHub Gist: instantly share code, notes, and snippets.
Google for Developers
How to Specify a Canonical with rel="canonical" and Other Methods |...
When a site has duplicate content, Google chooses the canonical URL. Learn more about canonical URLs and how to consolidate duplicate URLs.
Thanks
and in my main.wasp does it matter i s till have this:
app OpenSaaS {
I already deployed my app, and preferebly want to change it if it matters.
You can of course change it
But wont that mess with my prod database,
My dev one does
I'm newest of the team so I still don't have the full picture.
Did you rebuild your application after changing name for the local one?
Could you after renaming the app do
wasp clean and start dev server again?
See if that helps
If you haven't yetWdym rebuild?
Just start the application again in development with
wasp start
It should do all the work
after wasp cleanHey Sven, if you want you can share the site so I can take a look at the SEO score?