SlideShare a Scribd company logo
1 of 74
Download to read offline
Headless SEO
Optimising Next Gen Sites
Alex Wright | Clicky Media
https://www.slideshare.net/AlexWright84/
@Wrighty__
What we’ll cover
What a headless CMS is, and
examples
Benefits to using a headless CMS
Things to look out for when
moving to a headless CMS
Intro >
So, you’re thinking of moving to a
headless CMS.
#BrightonSEO @Wrighty__
Home >
...but it’s all a bit nerve wracking
#BrightonSEO @Wrighty__
Intro >
Not quite at the stage to move?
You’ll find some resources on the final slide!
#BrightonSEO @Wrighty__
Intro >
What are
headless websites?
#BrightonSEO @Wrighty__
Intro > What A Headless CMS Is
The notion of a “headless” website
refers to a situation where:
#BrightonSEO @Wrighty__
https://pantheon.io/blog/headless-websites-whats-big-deal-decoupled-architecture
Intro > What A Headless CMS Is
#BrightonSEO @Wrighty__
https://pantheon.io/blog/headless-websites-whats-big-deal-decoupled-architecture
Intro > What A Headless CMS Is
There is a traditional database-driven CMS
which editors use to maintain the content for
the site, usually via the same old admin
interface as always.
#BrightonSEO @Wrighty__
The content for the site is accessible via a
web-service API, usually in a RESTful manner
https://pantheon.io/blog/headless-websites-whats-big-deal-decoupled-architecture
Intro > What A Headless CMS Is
#BrightonSEO @Wrighty__
https://pantheon.io/blog/headless-websites-whats-big-deal-decoupled-architecture
Intro > What A Headless CMS Is
The end-user experience is delivered by a
Javascript application rendering the output of
this API into HTML
Let’s break that
down a little...
#BrightonSEO @Wrighty__
Intro > What A Headless CMS Is
#BrightonSEO @Wrighty__
Image credit - Brett Cameron -
https://medium.com/@bretcameron/building-my-first-headless-cms-what-i-wish-i-knew-a
t-the-start-1f3ef3a00bb8
Intro > What A Headless CMS Is
Monolithic CMS
Database
Back-end CMS
Interface
Front-end
presentation layer
One back-end is used to create
one front-end, which must run on
the same server
Headless CMS
Database
Back-end CMS
Interface
API
One back-end can be used to provide data for
numerous front-ends, each with their own
server, and there are no limitations on the
technologies used for these front-ends.
CMS.
1
#BrightonSEO @Wrighty__
Intro > What A Headless CMS Is
A CMS is used to create &
control content:
#BrightonSEO @Wrighty__
CMS
Intro > What A Headless CMS Is
API.
2
#BrightonSEO @Wrighty__
Intro > What A Headless CMS Is
The CMS translates that
content into an API
#BrightonSEO @Wrighty__
Intro > What A Headless CMS Is
CMS API
HTML.
3
#BrightonSEO @Wrighty__
Intro > What A Headless CMS Is
The API is translated into HTML
by a Javascript framework
##BrightonSEO @Wrighty__
Intro > What A Headless CMS Is
CMS API HTML
Popular headless CMS’es
#BrightonSEO @Wrighty__
Strapi
8.5k installs
Netlify
345k installs
Contentful
25.6k installs
Intro > What A Headless CMS Is
Traditional CMS with headless
capabilities
#BrightonSEO @Wrighty__
WordPress Magento Drupal
Intro > What A Headless CMS Is
It’s also possible to run a
hybrid setup...
#BrightonSEO @Wrighty__
WordPress + Magento Storyblok + Shopware
Intro > What A Headless CMS Is
What are the Benefits?
#BrightonSEO @Wrighty__
Intro > What A Headless CMS Is > Benefits
Headless CMS Benefits
Intro > What A Headless CMS Is > Benefits
Performance
#BrightonSEO @Wrighty__
Flexibility Hosting
Case studies
Intro > What A Headless CMS Is > Benefits
#BrightonSEO @Wrighty__
25% Increase
In conversions
#BrightonSEO @Wrighty__
30% Increase
In conversions
Intro > What A Headless CMS Is > Benefits
Making the switch
#BrightonSEO @Wrighty__
Intro > What A Headless CMS Is > Benefits > Switching
First of all, don’t panic
#BrightonSEO @Wrighty__
Intro > What A Headless CMS Is > Benefits > Switching
The fundamentals
still apply
Intro > What A Headless CMS Is > Benefits > Switching
#BrightonSEO @Wrighty__
Keep content & URL
structures the same
Intro > What A Headless CMS Is > Benefits > Switching
#BrightonSEO @Wrighty__
Things to look out for
Intro > What A Headless CMS Is > Benefits > Switching
#BrightonSEO @Wrighty__
Rendering
Issues.
Intro > What A Headless CMS Is > Benefits > Switching
#BrightonSEO @Wrighty__
APIs from the CMS deliver page
information as JSON data
#BrightonSEO @Wrighty__
This means that the site will be
rendered client side
Intro > What A Headless CMS Is > Benefits > Switching
#BrightonSEO @Wrighty__
Why is this a problem?
Intro > What A Headless CMS Is > Benefits > Switching
#BrightonSEO @Wrighty__
For users, the difference comes
in performance
Intro > What A Headless CMS Is > Benefits > Switching
#BrightonSEO @Wrighty__
Yes, crawlers can render webpages client side
https://developers.google.com/search/docs/guides/javascript-seo-basics
Intro > What A Headless CMS Is > Benefits > Switching
Crawl
Queue
Crawler Processing Index
Render
Queue
Renderer
URLs
URL HTML
Rendered
HTML
#BrightonSEO @Wrighty__
...but it’s definitely not optimal for them
or the site
Intro > What A Headless CMS Is > Benefits > Switching
#BrightonSEO @Wrighty__
How do we make life easier for
crawlers & users, AND maintain
performance?
Intro > What A Headless CMS Is > Benefits > Switching
#BrightonSEO @Wrighty__
Server side rendering & Static Site
Generation are popular ways to deal
with this issue
Intro > What A Headless CMS Is > Benefits > Switching
#BrightonSEO @Wrighty__
SSR vs SSG
Server Side Rendering Static Site Generation
Pages built on the server at request time Pages built during ‘build’ time - before users have
accessed the site
Unable to use a CDN Can use a CDN
Good solution for dynamic sites/extremely large sites Good solution for more static sites/smaller sites
Impacts TTFB speed Can take a long time to ‘build’ sites if they’re larger
Intro > What A Headless CMS Is > Benefits > Switching
#BrightonSEO @Wrighty__
Server Side Rendering
Intro > What A Headless CMS Is > Benefits > Switching
Pages built on the server at request time
Unable to use a CDN
Good solution for dynamic sites/extremely large sites
Impacts TTFB speed
#BrightonSEO @Wrighty__
Static Site Generation
Intro > What A Headless CMS Is > Benefits > Switching
Pages built during ‘build’ time
Can use a CDN
Good solution for more static sites/smaller sites
Can take a long time to ‘build’ sites if they’re larger
#BrightonSEO @Wrighty__
You might have also heard of
dynamic rendering
Intro > What A Headless CMS Is > Benefits > Switching
Server
Initial HTML + JavaScript
Browser
Crawler
Initial HTML
+ JavaScript
Static
HTML
Renderer
#BrightonSEO @Wrighty__
Prerendering
Intro > What A Headless CMS Is > Benefits > Switching
Good solution for smaller, easy to manage sites
Ensures pages are rendered correctly for crawlers
User error can cause incorrect pages to appear
Some providers struggle handling large numbers
of requests
#BrightonSEO @Wrighty__
Useful tools for diagnosing
rendering issues
Intro > What A Headless CMS Is > Benefits > Switching
#BrightonSEO @Wrighty__
Meta data
Intro > What A Headless CMS Is > Benefits > Switching
#BrightonSEO @Wrighty__
Most traditional CMS tend to have
meta data built in
Intro > What A Headless CMS Is > Benefits > Switching
#BrightonSEO @Wrighty__
But this isn’t the case with many
headless CMS’
“most traditional CMSs allow you to edit site metadata
such as titles and descriptions out of the box. Since a
headless CMS has no control over how the content is
rendered, we have to add this functionality ourselves.”
- Storyblok
Intro > What A Headless CMS Is > Benefits > Switching
https://www.storyblok.com/tp/seo-in-times-of-headless-cms-and-spa
#BrightonSEO @Wrighty__
We need to consider this at
build stage
Intro > What A Headless CMS Is > Benefits > Switching
#BrightonSEO @Wrighty__
Previewing
Pages
Intro > What A Headless CMS Is > Benefits > Switching
#BrightonSEO @Wrighty__
Page preview functions
don’t come with all headless
CMS as default
Intro > What A Headless CMS Is > Benefits > Switching
#BrightonSEO @Wrighty__
But that doesn’t mean
it’s not possible
Intro > What A Headless CMS Is > Benefits > Switching
#BrightonSEO @Wrighty__
CMS’es such as Sitecore
have a preview option
Intro > What A Headless CMS Is > Benefits > Switching
#BrightonSEO @Wrighty__
CMS that support drafts
can be set up to support
previews
Intro > What A Headless CMS Is > Benefits > Switching
#BrightonSEO @Wrighty__
Static URLs
Intro > What A Headless CMS Is > Benefits > Switching
#BrightonSEO @Wrighty__
With pages being generated through
API calls, some CMS might not use
static URLs
https://yoursitename.com/api/?category=
primary&subtype=subcategory
Intro > What A Headless CMS Is > Benefits > Switching
#BrightonSEO @Wrighty__
These need to be set at build stage.
The good news is, with a headless
CMS you have full control over URL
structures
Intro > What A Headless CMS Is > Benefits > Switching
#BrightonSEO @Wrighty__
Blocking
files
#BrightonSEO
Intro > What A Headless CMS Is > Benefits > Switching
#BrightonSEO @Wrighty__
It’s also crucial to analyse your
robots.txt when you migrate
Intro > What A Headless CMS Is > Benefits > Switching
#BrightonSEO @Wrighty__
If you’re blocking any JS files then
crawlers won’t render them, and
might not see the full content of
your pages
Intro > What A Headless CMS Is > Benefits > Switching
#BrightonSEO @Wrighty__
Web Vitals
Intro > What A Headless CMS Is > Benefits > Switching
#BrightonSEO @Wrighty__
Just because your site feels fast,
doesn’t mean it passes CWV tests
Intro > What A Headless CMS Is > Benefits > Switching
#BrightonSEO @Wrighty__
The issues don’t disappear,
they evolve
Intro > What A Headless CMS Is > Benefits > Switching
#BrightonSEO @Wrighty__
Internal
linking
Intro > What A Headless CMS Is > Benefits > Switching
#BrightonSEO @Wrighty__
Enter... ‘onclick’
Intro > What A Headless CMS Is > Benefits > Switching
#BrightonSEO @Wrighty__
With APIs being translated using JS, it’s common
to see JS elements such as “onclick” creep in
@Wrighty__
Intro > What A Headless CMS Is > Benefits > Switching
#BrightonSEO @Wrighty__
Fortunately, using a tool such as
Screaming Frog, we can spot these
onclick issues quickly.
Intro > What A Headless CMS Is > Benefits > Switching
#BrightonSEO @Wrighty__
Once identified, speak to your
development team to have these
changed to standard href links.
Intro > What A Headless CMS Is > Benefits > Switching
#BrightonSEO @Wrighty__
The wrap up
Intro > What A Headless CMS Is > Benefits > Switching > Summary
#BrightonSEO @Wrighty__
1. Switching to a headless CMS needn’t be terrifying
2. The fundamentals of SEO still apply
3. Getting the build right is key
4. Ensure that you have SSR/SSG/Dynamic rendering
in place
5. A switch to headless can lead to big
performance improvements
Intro > What A Headless CMS Is > Benefits > Switching > Summary
#BrightonSEO @Wrighty__
The most important thing…
is to make friends with your development team
Intro > What A Headless CMS Is > Benefits > Switching > Summary
#BrightonSEO @Wrighty__
https://www.contentful.com/r/knowledgebase/wha
t-is-headless-cms/
https://www.storyblok.com/tp/headless-
cms-explained
https://www.sanity.io/blog/
headless-cms-explained
Intro > What A Headless CMS Is > Benefits > Switching > Summary
#BrightonSEO @Wrighty__
https://www.clicky.co.uk/BSEO2021
#BrightonSEO @Wrighty__
Get the Slides
Thank you!
@Wrighty__

More Related Content

What's hot

Thriving as an SEO Specialist: Frameworks & Tips to Manage Complex SEO Processes
Thriving as an SEO Specialist: Frameworks & Tips to Manage Complex SEO ProcessesThriving as an SEO Specialist: Frameworks & Tips to Manage Complex SEO Processes
Thriving as an SEO Specialist: Frameworks & Tips to Manage Complex SEO ProcessesAleyda Solís
 
[BrightonSEO 2019] Restructuring Websites to Improve Indexability
[BrightonSEO 2019] Restructuring Websites to Improve Indexability[BrightonSEO 2019] Restructuring Websites to Improve Indexability
[BrightonSEO 2019] Restructuring Websites to Improve IndexabilityAreej AbuAli
 
BrightonSEO - Apr 2022 - No excuses for doing UX
BrightonSEO - Apr 2022 - No excuses for doing UXBrightonSEO - Apr 2022 - No excuses for doing UX
BrightonSEO - Apr 2022 - No excuses for doing UXOban International
 
Winning SEO when Migrating International Websites #dguconf
Winning SEO when Migrating International Websites #dguconfWinning SEO when Migrating International Websites #dguconf
Winning SEO when Migrating International Websites #dguconfAleyda Solís
 
How to Use Search Intent to Dominate Google Discover
How to Use Search Intent to Dominate Google DiscoverHow to Use Search Intent to Dominate Google Discover
How to Use Search Intent to Dominate Google DiscoverFelipe Bazon
 
How to overcome the fear of taking time off.pptx
How to overcome the fear of taking time off.pptxHow to overcome the fear of taking time off.pptx
How to overcome the fear of taking time off.pptxQuibble
 
7 E-Commerce SEO Mistakes & How to Fix Them #DeepSEOCon
7 E-Commerce SEO Mistakes & How to Fix Them #DeepSEOCon7 E-Commerce SEO Mistakes & How to Fix Them #DeepSEOCon
7 E-Commerce SEO Mistakes & How to Fix Them #DeepSEOConAleyda Solís
 
How to Implement Machine Learning in Your Internal Linking Audit - Lazarina S...
How to Implement Machine Learning in Your Internal Linking Audit - Lazarina S...How to Implement Machine Learning in Your Internal Linking Audit - Lazarina S...
How to Implement Machine Learning in Your Internal Linking Audit - Lazarina S...LazarinaStoyanova
 
KIM DEWE - Transitioning into people management (BrightonSEO April 2022)
KIM DEWE - Transitioning into people management (BrightonSEO April 2022)KIM DEWE - Transitioning into people management (BrightonSEO April 2022)
KIM DEWE - Transitioning into people management (BrightonSEO April 2022)Kim Dewe
 
The Full Scoop on Google's Title Rewrites
The Full Scoop on Google's Title RewritesThe Full Scoop on Google's Title Rewrites
The Full Scoop on Google's Title RewritesMordy Oberstein
 
Cómo Diagnosticar y Recuperar de una Caída de Tráfico SEO #SEOnderground
Cómo Diagnosticar y Recuperar de una Caída de Tráfico SEO #SEOndergroundCómo Diagnosticar y Recuperar de una Caída de Tráfico SEO #SEOnderground
Cómo Diagnosticar y Recuperar de una Caída de Tráfico SEO #SEOndergroundAleyda Solís
 
Kleecks - AI-Martech as a game changer-DEF.pdf
Kleecks - AI-Martech as a game changer-DEF.pdfKleecks - AI-Martech as a game changer-DEF.pdf
Kleecks - AI-Martech as a game changer-DEF.pdfKleecks
 
How To EAT Links.pptx
How To EAT Links.pptxHow To EAT Links.pptx
How To EAT Links.pptxDixon Jones
 
BrightonSEO - Master Crawl Budget Optimization for Enterprise Websites
BrightonSEO - Master Crawl Budget Optimization for Enterprise WebsitesBrightonSEO - Master Crawl Budget Optimization for Enterprise Websites
BrightonSEO - Master Crawl Budget Optimization for Enterprise WebsitesManick Bhan
 
BrightonSEO April 2022 - Kara Thurkettle - Search in the Metaverse.pdf
BrightonSEO April 2022 - Kara Thurkettle - Search in the Metaverse.pdfBrightonSEO April 2022 - Kara Thurkettle - Search in the Metaverse.pdf
BrightonSEO April 2022 - Kara Thurkettle - Search in the Metaverse.pdf🇺🇲 🇬🇧 Kara Thurkettle
 
SEO Tool Overload😱... Google Data Studio to the rescue
SEO Tool Overload😱... Google Data Studio to the rescueSEO Tool Overload😱... Google Data Studio to the rescue
SEO Tool Overload😱... Google Data Studio to the rescueNils De Moor
 
How to Become a Successful Remote SEO Consultant #LisbonSEOMeetup
How to Become a Successful Remote SEO Consultant #LisbonSEOMeetupHow to Become a Successful Remote SEO Consultant #LisbonSEOMeetup
How to Become a Successful Remote SEO Consultant #LisbonSEOMeetupAleyda Solís
 
Jasmine Granton - Brighton SEO 2022.pptx (1).pdf
Jasmine Granton - Brighton SEO 2022.pptx (1).pdfJasmine Granton - Brighton SEO 2022.pptx (1).pdf
Jasmine Granton - Brighton SEO 2022.pptx (1).pdfJasmine Granton
 
SEO Audits that Maximize Growth #SMXL19
SEO Audits that Maximize Growth #SMXL19SEO Audits that Maximize Growth #SMXL19
SEO Audits that Maximize Growth #SMXL19Aleyda Solís
 
Brighton SEO: Self Esteem Optimisation - The most important type of SEO - Lou...
Brighton SEO: Self Esteem Optimisation - The most important type of SEO - Lou...Brighton SEO: Self Esteem Optimisation - The most important type of SEO - Lou...
Brighton SEO: Self Esteem Optimisation - The most important type of SEO - Lou...Louise Ali
 

What's hot (20)

Thriving as an SEO Specialist: Frameworks & Tips to Manage Complex SEO Processes
Thriving as an SEO Specialist: Frameworks & Tips to Manage Complex SEO ProcessesThriving as an SEO Specialist: Frameworks & Tips to Manage Complex SEO Processes
Thriving as an SEO Specialist: Frameworks & Tips to Manage Complex SEO Processes
 
[BrightonSEO 2019] Restructuring Websites to Improve Indexability
[BrightonSEO 2019] Restructuring Websites to Improve Indexability[BrightonSEO 2019] Restructuring Websites to Improve Indexability
[BrightonSEO 2019] Restructuring Websites to Improve Indexability
 
BrightonSEO - Apr 2022 - No excuses for doing UX
BrightonSEO - Apr 2022 - No excuses for doing UXBrightonSEO - Apr 2022 - No excuses for doing UX
BrightonSEO - Apr 2022 - No excuses for doing UX
 
Winning SEO when Migrating International Websites #dguconf
Winning SEO when Migrating International Websites #dguconfWinning SEO when Migrating International Websites #dguconf
Winning SEO when Migrating International Websites #dguconf
 
How to Use Search Intent to Dominate Google Discover
How to Use Search Intent to Dominate Google DiscoverHow to Use Search Intent to Dominate Google Discover
How to Use Search Intent to Dominate Google Discover
 
How to overcome the fear of taking time off.pptx
How to overcome the fear of taking time off.pptxHow to overcome the fear of taking time off.pptx
How to overcome the fear of taking time off.pptx
 
7 E-Commerce SEO Mistakes & How to Fix Them #DeepSEOCon
7 E-Commerce SEO Mistakes & How to Fix Them #DeepSEOCon7 E-Commerce SEO Mistakes & How to Fix Them #DeepSEOCon
7 E-Commerce SEO Mistakes & How to Fix Them #DeepSEOCon
 
How to Implement Machine Learning in Your Internal Linking Audit - Lazarina S...
How to Implement Machine Learning in Your Internal Linking Audit - Lazarina S...How to Implement Machine Learning in Your Internal Linking Audit - Lazarina S...
How to Implement Machine Learning in Your Internal Linking Audit - Lazarina S...
 
KIM DEWE - Transitioning into people management (BrightonSEO April 2022)
KIM DEWE - Transitioning into people management (BrightonSEO April 2022)KIM DEWE - Transitioning into people management (BrightonSEO April 2022)
KIM DEWE - Transitioning into people management (BrightonSEO April 2022)
 
The Full Scoop on Google's Title Rewrites
The Full Scoop on Google's Title RewritesThe Full Scoop on Google's Title Rewrites
The Full Scoop on Google's Title Rewrites
 
Cómo Diagnosticar y Recuperar de una Caída de Tráfico SEO #SEOnderground
Cómo Diagnosticar y Recuperar de una Caída de Tráfico SEO #SEOndergroundCómo Diagnosticar y Recuperar de una Caída de Tráfico SEO #SEOnderground
Cómo Diagnosticar y Recuperar de una Caída de Tráfico SEO #SEOnderground
 
Kleecks - AI-Martech as a game changer-DEF.pdf
Kleecks - AI-Martech as a game changer-DEF.pdfKleecks - AI-Martech as a game changer-DEF.pdf
Kleecks - AI-Martech as a game changer-DEF.pdf
 
How To EAT Links.pptx
How To EAT Links.pptxHow To EAT Links.pptx
How To EAT Links.pptx
 
BrightonSEO - Master Crawl Budget Optimization for Enterprise Websites
BrightonSEO - Master Crawl Budget Optimization for Enterprise WebsitesBrightonSEO - Master Crawl Budget Optimization for Enterprise Websites
BrightonSEO - Master Crawl Budget Optimization for Enterprise Websites
 
BrightonSEO April 2022 - Kara Thurkettle - Search in the Metaverse.pdf
BrightonSEO April 2022 - Kara Thurkettle - Search in the Metaverse.pdfBrightonSEO April 2022 - Kara Thurkettle - Search in the Metaverse.pdf
BrightonSEO April 2022 - Kara Thurkettle - Search in the Metaverse.pdf
 
SEO Tool Overload😱... Google Data Studio to the rescue
SEO Tool Overload😱... Google Data Studio to the rescueSEO Tool Overload😱... Google Data Studio to the rescue
SEO Tool Overload😱... Google Data Studio to the rescue
 
How to Become a Successful Remote SEO Consultant #LisbonSEOMeetup
How to Become a Successful Remote SEO Consultant #LisbonSEOMeetupHow to Become a Successful Remote SEO Consultant #LisbonSEOMeetup
How to Become a Successful Remote SEO Consultant #LisbonSEOMeetup
 
Jasmine Granton - Brighton SEO 2022.pptx (1).pdf
Jasmine Granton - Brighton SEO 2022.pptx (1).pdfJasmine Granton - Brighton SEO 2022.pptx (1).pdf
Jasmine Granton - Brighton SEO 2022.pptx (1).pdf
 
SEO Audits that Maximize Growth #SMXL19
SEO Audits that Maximize Growth #SMXL19SEO Audits that Maximize Growth #SMXL19
SEO Audits that Maximize Growth #SMXL19
 
Brighton SEO: Self Esteem Optimisation - The most important type of SEO - Lou...
Brighton SEO: Self Esteem Optimisation - The most important type of SEO - Lou...Brighton SEO: Self Esteem Optimisation - The most important type of SEO - Lou...
Brighton SEO: Self Esteem Optimisation - The most important type of SEO - Lou...
 

Similar to Headless SEO Optimising Next Gen Sites

Why Should You Choose Webflow For Website Development?
Why Should You Choose Webflow For Website Development?Why Should You Choose Webflow For Website Development?
Why Should You Choose Webflow For Website Development?Lucy Zeniffer
 
MongoDB.local Dallas 2019: MongoDB Stitch Tutorial
MongoDB.local Dallas 2019: MongoDB Stitch TutorialMongoDB.local Dallas 2019: MongoDB Stitch Tutorial
MongoDB.local Dallas 2019: MongoDB Stitch TutorialMongoDB
 
Sitecore to Umbraco Migration: The Ultimate Guide
Sitecore to Umbraco Migration: The Ultimate GuideSitecore to Umbraco Migration: The Ultimate Guide
Sitecore to Umbraco Migration: The Ultimate GuideLucy Zeniffer
 
Search Engine Optimization ( Seo )
Search Engine Optimization ( Seo )Search Engine Optimization ( Seo )
Search Engine Optimization ( Seo )Heather Dionne
 
RankWatch Analysis
RankWatch AnalysisRankWatch Analysis
RankWatch AnalysisPavel Samuta
 
Boostrap basics
Boostrap basicsBoostrap basics
Boostrap basicsJTechTown
 
How websites and search engines work
How websites and search engines workHow websites and search engines work
How websites and search engines workBrian Duffy
 
Best And Worst Practices Building Ria with Adobe and Microsoft
Best And Worst Practices Building Ria with Adobe and MicrosoftBest And Worst Practices Building Ria with Adobe and Microsoft
Best And Worst Practices Building Ria with Adobe and MicrosoftJosh Holmes
 
Website Development Guidelines
Website Development GuidelinesWebsite Development Guidelines
Website Development GuidelinesAmit Kute
 
Rich Butkevic, PMP, CSM | How Corporate Website Projects Go Wrong
Rich Butkevic, PMP, CSM | How Corporate Website Projects Go WrongRich Butkevic, PMP, CSM | How Corporate Website Projects Go Wrong
Rich Butkevic, PMP, CSM | How Corporate Website Projects Go WrongRich Butkevic
 
MongoDB.local Atlanta: MongoDB Stitch Tutorial
MongoDB.local Atlanta: MongoDB Stitch TutorialMongoDB.local Atlanta: MongoDB Stitch Tutorial
MongoDB.local Atlanta: MongoDB Stitch TutorialMongoDB
 
J day la 2011 webmatrix
J day la 2011 webmatrixJ day la 2011 webmatrix
J day la 2011 webmatrixAlice Pang
 
MongoDB.local Seattle 2019: MongoDB Stitch Tutorial
MongoDB.local Seattle 2019: MongoDB Stitch TutorialMongoDB.local Seattle 2019: MongoDB Stitch Tutorial
MongoDB.local Seattle 2019: MongoDB Stitch TutorialMongoDB
 
Joomla! Day Los Angeles 2011 WebMatrix
Joomla! Day Los Angeles 2011 WebMatrixJoomla! Day Los Angeles 2011 WebMatrix
Joomla! Day Los Angeles 2011 WebMatrixAlice Pang
 
Make SEO Audits that Matter & Get Implemented for Success
Make SEO Audits that Matter & Get Implemented for SuccessMake SEO Audits that Matter & Get Implemented for Success
Make SEO Audits that Matter & Get Implemented for SuccessAleyda Solís
 
How to Redesign a Site with SEO
How to Redesign a Site with SEOHow to Redesign a Site with SEO
How to Redesign a Site with SEOTed Politidis
 

Similar to Headless SEO Optimising Next Gen Sites (20)

Why Should You Choose Webflow For Website Development?
Why Should You Choose Webflow For Website Development?Why Should You Choose Webflow For Website Development?
Why Should You Choose Webflow For Website Development?
 
MongoDB.local Dallas 2019: MongoDB Stitch Tutorial
MongoDB.local Dallas 2019: MongoDB Stitch TutorialMongoDB.local Dallas 2019: MongoDB Stitch Tutorial
MongoDB.local Dallas 2019: MongoDB Stitch Tutorial
 
Sitecore to Umbraco Migration: The Ultimate Guide
Sitecore to Umbraco Migration: The Ultimate GuideSitecore to Umbraco Migration: The Ultimate Guide
Sitecore to Umbraco Migration: The Ultimate Guide
 
Search Engine Optimization ( Seo )
Search Engine Optimization ( Seo )Search Engine Optimization ( Seo )
Search Engine Optimization ( Seo )
 
RankWatch Analysis
RankWatch AnalysisRankWatch Analysis
RankWatch Analysis
 
Boostrap basics
Boostrap basicsBoostrap basics
Boostrap basics
 
How websites and search engines work
How websites and search engines workHow websites and search engines work
How websites and search engines work
 
Best And Worst Practices Building Ria with Adobe and Microsoft
Best And Worst Practices Building Ria with Adobe and MicrosoftBest And Worst Practices Building Ria with Adobe and Microsoft
Best And Worst Practices Building Ria with Adobe and Microsoft
 
Website Development Guidelines
Website Development GuidelinesWebsite Development Guidelines
Website Development Guidelines
 
Rich Butkevic, PMP, CSM | How Corporate Website Projects Go Wrong
Rich Butkevic, PMP, CSM | How Corporate Website Projects Go WrongRich Butkevic, PMP, CSM | How Corporate Website Projects Go Wrong
Rich Butkevic, PMP, CSM | How Corporate Website Projects Go Wrong
 
MongoDB.local Atlanta: MongoDB Stitch Tutorial
MongoDB.local Atlanta: MongoDB Stitch TutorialMongoDB.local Atlanta: MongoDB Stitch Tutorial
MongoDB.local Atlanta: MongoDB Stitch Tutorial
 
Accessibility, SEO and Joomla
Accessibility, SEO and Joomla Accessibility, SEO and Joomla
Accessibility, SEO and Joomla
 
Accessibility, SEO and Joomla
Accessibility, SEO and JoomlaAccessibility, SEO and Joomla
Accessibility, SEO and Joomla
 
J day la 2011 webmatrix
J day la 2011 webmatrixJ day la 2011 webmatrix
J day la 2011 webmatrix
 
MongoDB.local Seattle 2019: MongoDB Stitch Tutorial
MongoDB.local Seattle 2019: MongoDB Stitch TutorialMongoDB.local Seattle 2019: MongoDB Stitch Tutorial
MongoDB.local Seattle 2019: MongoDB Stitch Tutorial
 
Joomla! Day Los Angeles 2011 WebMatrix
Joomla! Day Los Angeles 2011 WebMatrixJoomla! Day Los Angeles 2011 WebMatrix
Joomla! Day Los Angeles 2011 WebMatrix
 
Make SEO Audits that Matter & Get Implemented for Success
Make SEO Audits that Matter & Get Implemented for SuccessMake SEO Audits that Matter & Get Implemented for Success
Make SEO Audits that Matter & Get Implemented for Success
 
How to Redesign a Site with SEO
How to Redesign a Site with SEOHow to Redesign a Site with SEO
How to Redesign a Site with SEO
 
Pushpendra sarswat
Pushpendra sarswatPushpendra sarswat
Pushpendra sarswat
 
CMS Web Designs.pdf
CMS Web Designs.pdfCMS Web Designs.pdf
CMS Web Designs.pdf
 

Recently uploaded

Digital Marketing in 5G Era - Digital Transformation in 5G Age
Digital Marketing in 5G Era - Digital Transformation in 5G AgeDigital Marketing in 5G Era - Digital Transformation in 5G Age
Digital Marketing in 5G Era - Digital Transformation in 5G AgeDigiKarishma
 
Exploring The World Of Adult Ad Networks.pdf
Exploring The World Of Adult Ad Networks.pdfExploring The World Of Adult Ad Networks.pdf
Exploring The World Of Adult Ad Networks.pdfadult marketing
 
ASO Process: What is App Store Optimization
ASO Process: What is App Store OptimizationASO Process: What is App Store Optimization
ASO Process: What is App Store OptimizationAli Raza
 
TAM AdEx 2023 Cross Media Advertising Recap - Auto Sector
TAM AdEx 2023 Cross Media Advertising Recap - Auto SectorTAM AdEx 2023 Cross Media Advertising Recap - Auto Sector
TAM AdEx 2023 Cross Media Advertising Recap - Auto SectorSocial Samosa
 
The 10 Most Influential CMO's Leading the Way of Success, 2024 (Final file) (...
The 10 Most Influential CMO's Leading the Way of Success, 2024 (Final file) (...The 10 Most Influential CMO's Leading the Way of Success, 2024 (Final file) (...
The 10 Most Influential CMO's Leading the Way of Success, 2024 (Final file) (...CIO Business World
 
Most Impressive Construction Leaders in Tech, Making Waves in the Industry, 2...
Most Impressive Construction Leaders in Tech, Making Waves in the Industry, 2...Most Impressive Construction Leaders in Tech, Making Waves in the Industry, 2...
Most Impressive Construction Leaders in Tech, Making Waves in the Industry, 2...CIO Business World
 
A Comprehensive Guide to Technical SEO | Banyanbrain
A Comprehensive Guide to Technical SEO | BanyanbrainA Comprehensive Guide to Technical SEO | Banyanbrain
A Comprehensive Guide to Technical SEO | BanyanbrainBanyanbrain
 
Most Influential HR Leaders Leading the Corporate World, 2024 (Final file).pdf
Most Influential HR Leaders Leading the Corporate World, 2024 (Final file).pdfMost Influential HR Leaders Leading the Corporate World, 2024 (Final file).pdf
Most Influential HR Leaders Leading the Corporate World, 2024 (Final file).pdfCIO Business World
 
Inbound Marekting 2.0 - The Paradigm Shift in Marketing | Axon Garside
Inbound Marekting 2.0 - The Paradigm Shift in Marketing | Axon GarsideInbound Marekting 2.0 - The Paradigm Shift in Marketing | Axon Garside
Inbound Marekting 2.0 - The Paradigm Shift in Marketing | Axon Garsiderobwhite630290
 
Introduction to marketing Management Notes
Introduction to marketing Management NotesIntroduction to marketing Management Notes
Introduction to marketing Management NotesKiranTiwari42
 
Miss Immigrant USA Activity Pageant Program.pdf
Miss Immigrant USA Activity Pageant Program.pdfMiss Immigrant USA Activity Pageant Program.pdf
Miss Immigrant USA Activity Pageant Program.pdfMagdalena Kulisz
 
What I learned from auditing over 1,000,000 websites - SERP Conf 2024 Patrick...
What I learned from auditing over 1,000,000 websites - SERP Conf 2024 Patrick...What I learned from auditing over 1,000,000 websites - SERP Conf 2024 Patrick...
What I learned from auditing over 1,000,000 websites - SERP Conf 2024 Patrick...Ahrefs
 
Prezentare Brandfluence 2023 - Social Media Trends
Prezentare Brandfluence 2023 - Social Media TrendsPrezentare Brandfluence 2023 - Social Media Trends
Prezentare Brandfluence 2023 - Social Media TrendsCristian Manafu
 
5 Digital Marketing Tips | Devherds Software Solutions
5 Digital Marketing Tips | Devherds Software Solutions5 Digital Marketing Tips | Devherds Software Solutions
5 Digital Marketing Tips | Devherds Software SolutionsDevherds Software Solutions
 
Understanding the Affiliate Marketing Channel; the short guide
Understanding the Affiliate Marketing Channel; the short guideUnderstanding the Affiliate Marketing Channel; the short guide
Understanding the Affiliate Marketing Channel; the short guidePartnercademy
 
The 10 Most Inspirational Leaders LEADING THE WAY TO SUCCESS, 2024
The 10 Most Inspirational Leaders LEADING THE WAY TO SUCCESS, 2024The 10 Most Inspirational Leaders LEADING THE WAY TO SUCCESS, 2024
The 10 Most Inspirational Leaders LEADING THE WAY TO SUCCESS, 2024CIO Business World
 
Exploring Web 3.0 Growth marketing: Navigating the Future of the Internet
Exploring Web 3.0 Growth marketing: Navigating the Future of the InternetExploring Web 3.0 Growth marketing: Navigating the Future of the Internet
Exploring Web 3.0 Growth marketing: Navigating the Future of the Internetnehapardhi711
 
Infographics about SEO strategies and uses
Infographics about SEO strategies and usesInfographics about SEO strategies and uses
Infographics about SEO strategies and usesbhavanirupeshmoksha
 
Codes and Conventions of Film Magazine Covers.pptx
Codes and Conventions of Film Magazine Covers.pptxCodes and Conventions of Film Magazine Covers.pptx
Codes and Conventions of Film Magazine Covers.pptxGeorgeCulica
 
Best digital marketing e-book form bignners
Best digital marketing e-book form bignnersBest digital marketing e-book form bignners
Best digital marketing e-book form bignnersmuntasibkhan58
 

Recently uploaded (20)

Digital Marketing in 5G Era - Digital Transformation in 5G Age
Digital Marketing in 5G Era - Digital Transformation in 5G AgeDigital Marketing in 5G Era - Digital Transformation in 5G Age
Digital Marketing in 5G Era - Digital Transformation in 5G Age
 
Exploring The World Of Adult Ad Networks.pdf
Exploring The World Of Adult Ad Networks.pdfExploring The World Of Adult Ad Networks.pdf
Exploring The World Of Adult Ad Networks.pdf
 
ASO Process: What is App Store Optimization
ASO Process: What is App Store OptimizationASO Process: What is App Store Optimization
ASO Process: What is App Store Optimization
 
TAM AdEx 2023 Cross Media Advertising Recap - Auto Sector
TAM AdEx 2023 Cross Media Advertising Recap - Auto SectorTAM AdEx 2023 Cross Media Advertising Recap - Auto Sector
TAM AdEx 2023 Cross Media Advertising Recap - Auto Sector
 
The 10 Most Influential CMO's Leading the Way of Success, 2024 (Final file) (...
The 10 Most Influential CMO's Leading the Way of Success, 2024 (Final file) (...The 10 Most Influential CMO's Leading the Way of Success, 2024 (Final file) (...
The 10 Most Influential CMO's Leading the Way of Success, 2024 (Final file) (...
 
Most Impressive Construction Leaders in Tech, Making Waves in the Industry, 2...
Most Impressive Construction Leaders in Tech, Making Waves in the Industry, 2...Most Impressive Construction Leaders in Tech, Making Waves in the Industry, 2...
Most Impressive Construction Leaders in Tech, Making Waves in the Industry, 2...
 
A Comprehensive Guide to Technical SEO | Banyanbrain
A Comprehensive Guide to Technical SEO | BanyanbrainA Comprehensive Guide to Technical SEO | Banyanbrain
A Comprehensive Guide to Technical SEO | Banyanbrain
 
Most Influential HR Leaders Leading the Corporate World, 2024 (Final file).pdf
Most Influential HR Leaders Leading the Corporate World, 2024 (Final file).pdfMost Influential HR Leaders Leading the Corporate World, 2024 (Final file).pdf
Most Influential HR Leaders Leading the Corporate World, 2024 (Final file).pdf
 
Inbound Marekting 2.0 - The Paradigm Shift in Marketing | Axon Garside
Inbound Marekting 2.0 - The Paradigm Shift in Marketing | Axon GarsideInbound Marekting 2.0 - The Paradigm Shift in Marketing | Axon Garside
Inbound Marekting 2.0 - The Paradigm Shift in Marketing | Axon Garside
 
Introduction to marketing Management Notes
Introduction to marketing Management NotesIntroduction to marketing Management Notes
Introduction to marketing Management Notes
 
Miss Immigrant USA Activity Pageant Program.pdf
Miss Immigrant USA Activity Pageant Program.pdfMiss Immigrant USA Activity Pageant Program.pdf
Miss Immigrant USA Activity Pageant Program.pdf
 
What I learned from auditing over 1,000,000 websites - SERP Conf 2024 Patrick...
What I learned from auditing over 1,000,000 websites - SERP Conf 2024 Patrick...What I learned from auditing over 1,000,000 websites - SERP Conf 2024 Patrick...
What I learned from auditing over 1,000,000 websites - SERP Conf 2024 Patrick...
 
Prezentare Brandfluence 2023 - Social Media Trends
Prezentare Brandfluence 2023 - Social Media TrendsPrezentare Brandfluence 2023 - Social Media Trends
Prezentare Brandfluence 2023 - Social Media Trends
 
5 Digital Marketing Tips | Devherds Software Solutions
5 Digital Marketing Tips | Devherds Software Solutions5 Digital Marketing Tips | Devherds Software Solutions
5 Digital Marketing Tips | Devherds Software Solutions
 
Understanding the Affiliate Marketing Channel; the short guide
Understanding the Affiliate Marketing Channel; the short guideUnderstanding the Affiliate Marketing Channel; the short guide
Understanding the Affiliate Marketing Channel; the short guide
 
The 10 Most Inspirational Leaders LEADING THE WAY TO SUCCESS, 2024
The 10 Most Inspirational Leaders LEADING THE WAY TO SUCCESS, 2024The 10 Most Inspirational Leaders LEADING THE WAY TO SUCCESS, 2024
The 10 Most Inspirational Leaders LEADING THE WAY TO SUCCESS, 2024
 
Exploring Web 3.0 Growth marketing: Navigating the Future of the Internet
Exploring Web 3.0 Growth marketing: Navigating the Future of the InternetExploring Web 3.0 Growth marketing: Navigating the Future of the Internet
Exploring Web 3.0 Growth marketing: Navigating the Future of the Internet
 
Infographics about SEO strategies and uses
Infographics about SEO strategies and usesInfographics about SEO strategies and uses
Infographics about SEO strategies and uses
 
Codes and Conventions of Film Magazine Covers.pptx
Codes and Conventions of Film Magazine Covers.pptxCodes and Conventions of Film Magazine Covers.pptx
Codes and Conventions of Film Magazine Covers.pptx
 
Best digital marketing e-book form bignners
Best digital marketing e-book form bignnersBest digital marketing e-book form bignners
Best digital marketing e-book form bignners
 

Headless SEO Optimising Next Gen Sites

  • 1. Headless SEO Optimising Next Gen Sites Alex Wright | Clicky Media https://www.slideshare.net/AlexWright84/ @Wrighty__
  • 2. What we’ll cover What a headless CMS is, and examples Benefits to using a headless CMS Things to look out for when moving to a headless CMS Intro >
  • 3. So, you’re thinking of moving to a headless CMS. #BrightonSEO @Wrighty__ Home >
  • 4. ...but it’s all a bit nerve wracking #BrightonSEO @Wrighty__ Intro >
  • 5. Not quite at the stage to move? You’ll find some resources on the final slide! #BrightonSEO @Wrighty__ Intro >
  • 6. What are headless websites? #BrightonSEO @Wrighty__ Intro > What A Headless CMS Is
  • 7. The notion of a “headless” website refers to a situation where: #BrightonSEO @Wrighty__ https://pantheon.io/blog/headless-websites-whats-big-deal-decoupled-architecture Intro > What A Headless CMS Is
  • 8. #BrightonSEO @Wrighty__ https://pantheon.io/blog/headless-websites-whats-big-deal-decoupled-architecture Intro > What A Headless CMS Is There is a traditional database-driven CMS which editors use to maintain the content for the site, usually via the same old admin interface as always.
  • 9. #BrightonSEO @Wrighty__ The content for the site is accessible via a web-service API, usually in a RESTful manner https://pantheon.io/blog/headless-websites-whats-big-deal-decoupled-architecture Intro > What A Headless CMS Is
  • 10. #BrightonSEO @Wrighty__ https://pantheon.io/blog/headless-websites-whats-big-deal-decoupled-architecture Intro > What A Headless CMS Is The end-user experience is delivered by a Javascript application rendering the output of this API into HTML
  • 11. Let’s break that down a little... #BrightonSEO @Wrighty__ Intro > What A Headless CMS Is
  • 12. #BrightonSEO @Wrighty__ Image credit - Brett Cameron - https://medium.com/@bretcameron/building-my-first-headless-cms-what-i-wish-i-knew-a t-the-start-1f3ef3a00bb8 Intro > What A Headless CMS Is Monolithic CMS Database Back-end CMS Interface Front-end presentation layer One back-end is used to create one front-end, which must run on the same server Headless CMS Database Back-end CMS Interface API One back-end can be used to provide data for numerous front-ends, each with their own server, and there are no limitations on the technologies used for these front-ends.
  • 13. CMS. 1 #BrightonSEO @Wrighty__ Intro > What A Headless CMS Is
  • 14. A CMS is used to create & control content: #BrightonSEO @Wrighty__ CMS Intro > What A Headless CMS Is
  • 15. API. 2 #BrightonSEO @Wrighty__ Intro > What A Headless CMS Is
  • 16. The CMS translates that content into an API #BrightonSEO @Wrighty__ Intro > What A Headless CMS Is CMS API
  • 17. HTML. 3 #BrightonSEO @Wrighty__ Intro > What A Headless CMS Is
  • 18. The API is translated into HTML by a Javascript framework ##BrightonSEO @Wrighty__ Intro > What A Headless CMS Is CMS API HTML
  • 19. Popular headless CMS’es #BrightonSEO @Wrighty__ Strapi 8.5k installs Netlify 345k installs Contentful 25.6k installs Intro > What A Headless CMS Is
  • 20. Traditional CMS with headless capabilities #BrightonSEO @Wrighty__ WordPress Magento Drupal Intro > What A Headless CMS Is
  • 21. It’s also possible to run a hybrid setup... #BrightonSEO @Wrighty__ WordPress + Magento Storyblok + Shopware Intro > What A Headless CMS Is
  • 22. What are the Benefits? #BrightonSEO @Wrighty__ Intro > What A Headless CMS Is > Benefits
  • 23. Headless CMS Benefits Intro > What A Headless CMS Is > Benefits Performance #BrightonSEO @Wrighty__ Flexibility Hosting
  • 24. Case studies Intro > What A Headless CMS Is > Benefits #BrightonSEO @Wrighty__
  • 25. 25% Increase In conversions #BrightonSEO @Wrighty__ 30% Increase In conversions Intro > What A Headless CMS Is > Benefits
  • 26. Making the switch #BrightonSEO @Wrighty__ Intro > What A Headless CMS Is > Benefits > Switching
  • 27. First of all, don’t panic #BrightonSEO @Wrighty__ Intro > What A Headless CMS Is > Benefits > Switching
  • 28. The fundamentals still apply Intro > What A Headless CMS Is > Benefits > Switching #BrightonSEO @Wrighty__
  • 29. Keep content & URL structures the same Intro > What A Headless CMS Is > Benefits > Switching #BrightonSEO @Wrighty__
  • 30. Things to look out for Intro > What A Headless CMS Is > Benefits > Switching #BrightonSEO @Wrighty__
  • 31. Rendering Issues. Intro > What A Headless CMS Is > Benefits > Switching #BrightonSEO @Wrighty__
  • 32. APIs from the CMS deliver page information as JSON data #BrightonSEO @Wrighty__
  • 33. This means that the site will be rendered client side Intro > What A Headless CMS Is > Benefits > Switching #BrightonSEO @Wrighty__
  • 34. Why is this a problem? Intro > What A Headless CMS Is > Benefits > Switching #BrightonSEO @Wrighty__
  • 35. For users, the difference comes in performance Intro > What A Headless CMS Is > Benefits > Switching #BrightonSEO @Wrighty__
  • 36. Yes, crawlers can render webpages client side https://developers.google.com/search/docs/guides/javascript-seo-basics Intro > What A Headless CMS Is > Benefits > Switching Crawl Queue Crawler Processing Index Render Queue Renderer URLs URL HTML Rendered HTML #BrightonSEO @Wrighty__
  • 37. ...but it’s definitely not optimal for them or the site Intro > What A Headless CMS Is > Benefits > Switching #BrightonSEO @Wrighty__
  • 38. How do we make life easier for crawlers & users, AND maintain performance? Intro > What A Headless CMS Is > Benefits > Switching #BrightonSEO @Wrighty__
  • 39. Server side rendering & Static Site Generation are popular ways to deal with this issue Intro > What A Headless CMS Is > Benefits > Switching #BrightonSEO @Wrighty__
  • 40. SSR vs SSG Server Side Rendering Static Site Generation Pages built on the server at request time Pages built during ‘build’ time - before users have accessed the site Unable to use a CDN Can use a CDN Good solution for dynamic sites/extremely large sites Good solution for more static sites/smaller sites Impacts TTFB speed Can take a long time to ‘build’ sites if they’re larger Intro > What A Headless CMS Is > Benefits > Switching #BrightonSEO @Wrighty__
  • 41. Server Side Rendering Intro > What A Headless CMS Is > Benefits > Switching Pages built on the server at request time Unable to use a CDN Good solution for dynamic sites/extremely large sites Impacts TTFB speed #BrightonSEO @Wrighty__
  • 42. Static Site Generation Intro > What A Headless CMS Is > Benefits > Switching Pages built during ‘build’ time Can use a CDN Good solution for more static sites/smaller sites Can take a long time to ‘build’ sites if they’re larger #BrightonSEO @Wrighty__
  • 43. You might have also heard of dynamic rendering Intro > What A Headless CMS Is > Benefits > Switching Server Initial HTML + JavaScript Browser Crawler Initial HTML + JavaScript Static HTML Renderer #BrightonSEO @Wrighty__
  • 44. Prerendering Intro > What A Headless CMS Is > Benefits > Switching Good solution for smaller, easy to manage sites Ensures pages are rendered correctly for crawlers User error can cause incorrect pages to appear Some providers struggle handling large numbers of requests #BrightonSEO @Wrighty__
  • 45. Useful tools for diagnosing rendering issues Intro > What A Headless CMS Is > Benefits > Switching #BrightonSEO @Wrighty__
  • 46. Meta data Intro > What A Headless CMS Is > Benefits > Switching #BrightonSEO @Wrighty__
  • 47. Most traditional CMS tend to have meta data built in Intro > What A Headless CMS Is > Benefits > Switching #BrightonSEO @Wrighty__
  • 48. But this isn’t the case with many headless CMS’ “most traditional CMSs allow you to edit site metadata such as titles and descriptions out of the box. Since a headless CMS has no control over how the content is rendered, we have to add this functionality ourselves.” - Storyblok Intro > What A Headless CMS Is > Benefits > Switching https://www.storyblok.com/tp/seo-in-times-of-headless-cms-and-spa #BrightonSEO @Wrighty__
  • 49. We need to consider this at build stage Intro > What A Headless CMS Is > Benefits > Switching #BrightonSEO @Wrighty__
  • 50. Previewing Pages Intro > What A Headless CMS Is > Benefits > Switching #BrightonSEO @Wrighty__
  • 51. Page preview functions don’t come with all headless CMS as default Intro > What A Headless CMS Is > Benefits > Switching #BrightonSEO @Wrighty__
  • 52. But that doesn’t mean it’s not possible Intro > What A Headless CMS Is > Benefits > Switching #BrightonSEO @Wrighty__
  • 53. CMS’es such as Sitecore have a preview option Intro > What A Headless CMS Is > Benefits > Switching #BrightonSEO @Wrighty__
  • 54. CMS that support drafts can be set up to support previews Intro > What A Headless CMS Is > Benefits > Switching #BrightonSEO @Wrighty__
  • 55. Static URLs Intro > What A Headless CMS Is > Benefits > Switching #BrightonSEO @Wrighty__
  • 56. With pages being generated through API calls, some CMS might not use static URLs https://yoursitename.com/api/?category= primary&subtype=subcategory Intro > What A Headless CMS Is > Benefits > Switching #BrightonSEO @Wrighty__
  • 57. These need to be set at build stage. The good news is, with a headless CMS you have full control over URL structures Intro > What A Headless CMS Is > Benefits > Switching #BrightonSEO @Wrighty__
  • 58. Blocking files #BrightonSEO Intro > What A Headless CMS Is > Benefits > Switching #BrightonSEO @Wrighty__
  • 59. It’s also crucial to analyse your robots.txt when you migrate Intro > What A Headless CMS Is > Benefits > Switching #BrightonSEO @Wrighty__
  • 60. If you’re blocking any JS files then crawlers won’t render them, and might not see the full content of your pages Intro > What A Headless CMS Is > Benefits > Switching #BrightonSEO @Wrighty__
  • 61. Web Vitals Intro > What A Headless CMS Is > Benefits > Switching #BrightonSEO @Wrighty__
  • 62. Just because your site feels fast, doesn’t mean it passes CWV tests Intro > What A Headless CMS Is > Benefits > Switching #BrightonSEO @Wrighty__
  • 63. The issues don’t disappear, they evolve Intro > What A Headless CMS Is > Benefits > Switching #BrightonSEO @Wrighty__
  • 64. Internal linking Intro > What A Headless CMS Is > Benefits > Switching #BrightonSEO @Wrighty__
  • 65. Enter... ‘onclick’ Intro > What A Headless CMS Is > Benefits > Switching #BrightonSEO @Wrighty__
  • 66. With APIs being translated using JS, it’s common to see JS elements such as “onclick” creep in @Wrighty__ Intro > What A Headless CMS Is > Benefits > Switching #BrightonSEO @Wrighty__
  • 67. Fortunately, using a tool such as Screaming Frog, we can spot these onclick issues quickly. Intro > What A Headless CMS Is > Benefits > Switching #BrightonSEO @Wrighty__
  • 68. Once identified, speak to your development team to have these changed to standard href links. Intro > What A Headless CMS Is > Benefits > Switching #BrightonSEO @Wrighty__
  • 69. The wrap up Intro > What A Headless CMS Is > Benefits > Switching > Summary #BrightonSEO @Wrighty__
  • 70. 1. Switching to a headless CMS needn’t be terrifying 2. The fundamentals of SEO still apply 3. Getting the build right is key 4. Ensure that you have SSR/SSG/Dynamic rendering in place 5. A switch to headless can lead to big performance improvements Intro > What A Headless CMS Is > Benefits > Switching > Summary #BrightonSEO @Wrighty__
  • 71. The most important thing… is to make friends with your development team Intro > What A Headless CMS Is > Benefits > Switching > Summary #BrightonSEO @Wrighty__