Upgrade to Pro — share decks privately, control downloads, hide ads and more …

JavaScript SEO Training (WTS, Sitebulb, Gray Do...

Tory Gray
September 03, 2024
Marketing & SEO
0
360

JavaScript SEO Training (WTS, Sitebulb, Gray Dot) - Session #1 Understanding JS SEO

Deck from the September 3rd, 2024 initial session of the JavaScript SEO Training, "Understanding JS SEO."

Sign up here to see the session recording, as well as all of the follow up sessions: https://sitebulb.com/javascript-seo-training/

If you identify as a woman, sign up for WTS here: https://www.womenintechseo.com/join/

Learn more about:
- Gray Dot Co: https://thegray.company
- Sitebulb: https://sitebulb.com/
- Women in Tech SEO: https://www.womenintechseo.com/

Tory Gray

September 03, 2024
Tweet

More Decks by Tory Gray

See All by Tory Gray
JavaScript SEO Training (WTS, Sitebulb, Gray Dot) - Session #3 Prioritizing & Explaining JS SEO
graydotco
0
26
JavaScript SEO Training - Session #2 Auditing JS for SEO
graydotco
0
150
Data-Driven Hero: How to Fuel Growth with Consumer & Market Insights
graydotco
1
28
Winning SGE with User-Generated Content
graydotco
0
22
UGC: Scaling Up SEO Success
graydotco
0
68
Agile SEO: Building a Continuous Improvement Machine for SEO
graydotco
1
78

Other Decks in Marketing & SEO

See All in Marketing & SEO
Umře SEO kvůli generativní AI?
pavelungr
0
110
Backstage of Enterprise Conference
taijihagino
PRO
1
140
Is Quality Score Dead or Alive? A BrightonSEO Dive
yourppcdoc
1
140
RでPSM分析
bob3bob3
1
190
ОКБ "Понедельник"
rdnk
0
170
Retiring and removing content at scale
wk252
4
270
どの種は何の花を咲かす？DevRelのターゲットオーディエンスを知ることの意味
taijihagino
PRO
2
210
Humanising ChatGPT - brightonSEO April 2024
jonjorowlands
2
380
BrightonSEO: How (A)I Fixed My Broken Content Workflow
jamesfinlayson
3
360
How to talk to stakeholders about algorithm updates in 2024
aimeejones12
1
530
Cocinando Google Discover: un viaje gastronómico
clarasoteras
1
1.1k
Using Python to create 1000 GSC properties in 3 seconds! BrightonSEO Oct. 2024
saji
2
200

Featured

See All Featured
Side Projects
sachag
452
42k
Testing 201, or: Great Expectations
jmmastey
38
7.1k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
10
720
No one is an island. Learnings from fostering a developers community.
thoeni
19
3k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
26
1.4k
Happy Clients
brianwarren
98
6.7k
Speed Design
sergeychernyshev
24
610
Keith and Marios Guide to Fast Websites
keithpitt
409
22k
The Cult of Friendly URLs
andyhume
78
6k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
109
49k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
229
52k
5 minutes of I Can Smell Your CMS
philhawksworth
202
19k

Transcript

  1. Understandin g JavaScript SEO Presented by

  2. Hi! We’re Gray Dot Co We’re into JavaScript SEO. And

    Headless SEO. And, really, all manner of needlessly complicated software stuff. SAM TORRES Chief Digital Officer Data & dev nerd SEO mermaid™ TORY GRAY Founder & CEO SEO & data nerd Puzzle enthusiast

  3. Sitebulb Site Auditing Tool Desktop & Cloud crawling Famously sweary

    release notes WTS Global Community Tech SEO Nerds Home to best members of all time On behalf of Sitebulb & WTS The very best sponsors a girl could ask for…

  4. • Understanding JavaScript SEO • Auditing JS for SEO •

    Prioritising & Explaining JS SEO Issues • Bonus: Live Auditing Q&A (Exclusive to #WTS) What this series covers

  5. Understanding JavaScript SEO

  6. Image credit: Bryan Wright Crawling ≠ Rendering ≠ Indexing Let’s

    start at the beginning…

  7. With how Google processes JavaScript Image credit: Google Search Central

  8. The rendering itself is simple, right? … not really. Image

    credit: Web.Dev

  9. Response HTML v Rendered HTML Traditional ‘source’ or ‘raw’ HTML

    Prior to the rendering process Modern JavaScript- altered HTML After the rendering process

  10. Server-side rendering (SSR) Client-side rendering (CSR) Dynamic rendering Hydration See

    also: Static Site Generation (SSG), Incremental Static Regeneration (ISR), Pre-rendering, Hybrid rendering, Island Architecture … Rendering options Reading: SSR v CSR - Case Studies

  11. What matters most… What Where Consistency

  12. Important Critical Really, really nice to have • Title •

    Meta description (if in use) • Meta robots • Canonical • Navigation links • Pagination • H1s and other headings • All or most on-page copy • In-content hyperlinks • Images (and alt text) important to the page body Which SEO fields matter the most?

  13. Links Copy Media • Duplicative page copy • Brand-forward page

    copy (not wanted/ desired for SEO) • Links to gated pages • Links to non-indexable pages • Decorative images • Images, video, etc not critical to page contents That said… no cloaking, please. Which fields are LESS critical? See also: “critical fields”… on non-critical pages.

  14. • Not all (important) page copy/links are accessible • Entire

    pages or site-sections can’t be found in a site crawl • Images: not indexed, may or may not be viewable in GSC • Critical JS errors that stop crawling/rendering: timeouts, script access issues, broken <head> More info: 8 Common JS SEO Issues & How to Overcome Them • Critical SEO elements aren’t in response HTML for first-wave indexing • Metadata is missing • Critical SEO elements are changed between response and rendered HTML • 404 pages don’t work, or unexpected Soft 404 errors • Junk URLs get indexed: orphaned “build” pages What should you look out for?

  15. Questions? Share in the comments!

  16. Don’t forget! Next session…. Tuesday September 10th 4pm BST (11am

    ET)

  17. Thank you! LinkedIn /company/graydotco /company/sitebulb /company/techseowomen X (Formerly Twitter) @GrayDotCo

    @Sitebulb @techseowomen