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
How to validate your site speed optimization efforts
aymenloukil
0
340
How to Overcome SEO Challenges in Website Migrations - Brighton SEO 2024
nikkihalliwell
1
610
Gokce Yesilbas - Transforming Data Into Stories with Tableau - MeasureFest
gokceyesilbas
1
690
How to Evolve your SEO Strategy to Account for Gemini and other AI search functions
amandafloq
0
170
SEOloger naživo 2024: Vojta Horák - Smrt SEO textů
pavelungr
2
250
Winning at 
Ecommerce SEO Now And Trends to Watch
aleyda
1
200
ウェブライダー松尾が教えるプレゼンテーションの極意
webrider
PRO
0
7.6k
Achieving SEO Success Today: What it Takes and How To Tackle Challenges - #AhrefsEvolve
aleyda
0
960
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
szymonslowik
0
240
The untapped benefits of keyword clustering - Andy Chadwick - SearchNorwich 17
searchnorwich
1
120
BrightonSEO 2024 - Copy that Converts - Tasmin Lofthouse
fikadigital
1
130
ОКБ "Понедельник"
rdnk
0
170

Featured

See All Featured
jQuery: Nuts, Bolts and Bling
dougneiner
61
7.5k
Visualization
eitanlees
145
15k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
GraphQLとの向き合い方2022年版
quramy
43
13k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
38
1.8k
Mobile First: as difficult as doing things right
swwweet
222
8.9k
Fireside Chat
paigeccino
34
3k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
33
1.9k
Automating Front-end Workflow
addyosmani
1366
200k
Raft: Consensus for Rubyists
vanstee
136
6.6k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
126
18k
Statistics for Hackers
jakevdp
796
220k

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