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
260

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
Data-Driven Hero: How to Fuel Growth with Consumer & Market Insights
graydotco
0
25
Winning SGE with User-Generated Content
graydotco
0
16
UGC: Scaling Up SEO Success
graydotco
0
61
Agile SEO: Building a Continuous Improvement Machine for SEO
graydotco
1
71

Other Decks in Marketing & SEO

See All in Marketing & SEO
Frontendisti: SEO ještě neumřelo, co dělat aby žilo co nejdéle?
pavelungr
1
150
How to explain what you do in 10 sticky, memorable words - BrightonSEO
charlihunt
2
160
JAWS-UG TOHOKU/山形 リブート AWS コミュニティプログラムアップデート
awsjcpm
0
150
Google SGE: Estado actual, riesgos y oportunidades - #SEOCAMP
aleyda
0
440
コンテンツマーケティングの戦略設計
makitani
14
12k
Better reporting doesn't have to mean better math (BrightonSEO April 2024)
natasha_bd
0
380
LINEでAI占い師に相談できる “AI占いくん”の開発/改善の過程
inoue2002
0
220
The Impact of AI in SEO: How is it Going and What to Expect Next - #FOS24
aleyda
5
2.2k
SEOloger naživo 2024: Vojta Horák - Smrt SEO textů
pavelungr
1
200
JAWS-UG 北陸新幹線（福井開催）学生・先生（だけじゃない）に贈るAWSを使う方法と楽しみ方
awsjcpm
1
390
WNMC24: Google AI Overviews
badams
1
920
Power up your brand with content strategy @ All Leads 2024
hannahlrbrady
0
180

Featured

See All Featured
Designing for Performance
lara
604
68k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
278
13k
GraphQLとの向き合い方2022年版
quramy
43
13k
Build your cross-platform service in a week with App Engine
jlugia
228
18k
How to Think Like a Performance Engineer
csswizardry
16
950
Atom: Resistance is Futile
akmur
261
25k
Designing on Purpose - Digital PM Summit 2013
jponch
113
6.8k
Fashionably flexible responsive web design (full day workshop)
malarkey
401
65k
Ruby is Unlike a Banana
tanoku
96
11k
WebSockets: Embracing the real-time Web
robhawkes
59
7.3k
Designing the Hi-DPI Web
ddemaree
278
34k
The World Runs on Bad Software
bkeepers
PRO
64
11k

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