Spoiler - it works

Jamstack SEO

How we provide a Rankmath, Yoast like experience using Headless CMS and Jamstack SEO.

The challenge for Jamstack SEO

One of the big pain points of Jamstack is losing out on the plugin ecosystem of Wordpress. Yoast, Rankmath, 'All in SEO' and the rest.

This leaves Jamstack developers with the challenge or recreating much of that functionality.

So what is the Yoast SEO for Jamstack? At Mawla we have recreated much of Yoast's features through Sanity and NextJS.

Features of Yoast SEO for Jamstack

The biggest two high level value propositions of these tools are:

  • They handle best practises in the background - sitemaps, meta fields etc
  • They provide the user an empowering UI per page and sitewide. With real time suggestions on keyword density and other sugar.

On Page SEO

Setting up SEO in a headless CMS doesn't have to be complicated. SEO is rules based, you just need to follow these rules.

It is important to provide your CMS users with site wide and page level configurability. Yoast and Rankmath are quite simple at heart they essentially copy user-entered SEO details into the markup.

Sanity CMS SEO setup
Sanity CMS SEO setup

The core SEO details we provide and any jamstack / headless CMS website should provide.

  1. Paragraph Structure
  2. Keyword Density
  3. Meta - Title, Descriptions, Keywords
  4. Social Sharing Images
  5. Robots, Sitemap, Redirects
  6. Link Support - Internal, External
  7. Headings, subheadings

Sitemaps, redirects, robots.txt

Technical SEO

Jamstack SEO from the technical side is all about best practices.

You need to provide an awesome Content editing experience.

Live previews are always good to have so people can see what they're building.

Version history comes with most headless CMS tools, making sure this is hooked up.

Slugs are vital for sitemaps and links and need to be structured and character limited.

Google Lighthouse scores
Google Lighthouse scores
  1. Page experience, core web vitals
  2. Image optimisations, size, next gen
  3. Linking, broken links
  4. Redirects
  5. Sitemap generation and freshness
  6. Multi language support - hreflang
  7. Structured Data - articles, services
  8. Duplicate content
  9. Alt tags
  10. Number of internal links