Skip to main content
All CollectionsWidgets and Advanced How-to's
Improve SEO & Discoverability on your Site
Improve SEO & Discoverability on your Site
Charlene Abranilla avatar
Written by Charlene Abranilla
Updated over a year ago

Building a website with Super is very easy, getting people to check it out, however, is a much more involved task. This is where SEO (Search Engine Optimization) is useful โ€” optimizing your website so it ranks higher in Google's search results.

Guest post by Sukh from SaaSBase

SEO itself takes a lot of upfront work, but in the long term, it pays dividends by being your cheapest user acquisition channel. 75% of our traffic at SaaSBase comes directly from Google.

In this guide, we will learn the best SEO practices for your Super website that gives you the most bang for your buck. Let's get started!

Planning

Planning for good content is always better than optimizing terrible content down the line.

Keyword Research

Research what search keywords you want your content to rank for. For example, if you're starting a website with resources on no-code, you will want to rank for: best no-code tools for xyz, build website without code etc. I use Google Keyword Planner to quickly scope out relevant keywords for my topic before writing.

Find low competition keywords

All keywords are not created equal. Some are easier to rank for than others. Starting out, it is imperative that you target the low competition keywords. Since there's less of a crowd and a shortage for good content, your post is much more likely to show up in the search results. Use UberSuggest to pick keywords with high volume and less competition.

Match Search Intent

Now that we have a low competition keyword, it's time to google it to get a sense of the content that is already ranking. The content that you write should also target the keyword in the same way. Google has a preference to rank content that matches the search intent.

In this example, when searching for "no code tools", notice that Google results are very specifically lists of No Code tools, not content like tutorials on No Code, or interviews with No Code creators etc.

If you were to write content for the same keyword, your post should follow the same recipe.

Content

Once you have a sense of what you want to write on, make sure your content structure follows these guidelines.

Structure

Your page needs to have this structure:

  • Title (H1) - Only at the very top

  • Introduction

  • Post Image

  • Subheadings (H2, H3) - Multiple

Make sure to use rich media like Videos and Images since they will be indexed and made available on Google Images and YouTube bringing you even more traffic.

Pretty URLs

Super allows you to create customized links for your Notion pages in the Pages tab. For the example below, we are offering a free Webflow template for users to download.

Design your site structure so it maximizes internal linking and grouping of resources.

In the example above, we could very easily create a flat page like - /webflow-template-resource but consider making it - /resources/webflow-template. By doing this:

  1. We can have a /resources page that internally links to all the free/paid resource templates

  2. Since the templates are semantically grouped under resources, it will make it easier for Google to understand the page layouts.

Technical

Loading in external resources on a web page is extremely expensive. CSS and JS block the rendering of the page until they are fully loaded in which makes the site load very slowly.

Super is very good at applying optimizations under the hood to circumvent this but it's still good to be aware of them for when you are adding your own external resources on top.

External Javascript

  • Defer your JavaScript content

<head> <script src="main.js" defer></script> </head>

CSS StyleSheets

  • Preload your CSS stylesheets

<head> <link rel="preload" href="style.css" as="style"> </head>

Fonts

  • When using custom fonts, always go for the ones in Google Fonts. They have been heavily optimized by the Super team to load instantly.

  • Set font-display to swap so that the browser falls back on a local font until the external font is available.

body { font-display: swap; }

DNS

Google Search Console

Google requires a sitemap file that explains how your pages are set up on your website. Super already does the hard work by creating this file for you. All you have to do to get Google to understand your site structure is submit it to Google Search Console.

  1. Open up Google Search Console and enter in your domain.

  2. Add a TXT record to your DNS to verify that you are indeed the owner of the domain.

  3. Select Sitemaps on the menu tab on the left. Add a new sitemap by adding the URL: yourwebsite.com/sitemap.xml

Perfect! With these changes, your site should start appearing in Google Search results in no time!

Follow SaaSBase for more in-depth guides on building your own SaaS product

Did this answer your question?