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
380

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
28
JavaScript SEO Training - Session #2 Auditing JS for SEO
graydotco
0
180
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
69
Agile SEO: Building a Continuous Improvement Machine for SEO
graydotco
1
81

Other Decks in Marketing & SEO

See All in Marketing & SEO
Tips avanzados para optimizar tus fichas de producto
rocioseo
0
430
AI-Powered Search from SMX Advanced Berlin
ipullrank
4
1.4k
marukotenant01/tenant-20240616
marketing2024
0
1.1k
Advanced Core Web Vitals & User Experience Masterclass
manuelmadeddu
1
150
BrightonSEO: How (A)I Fixed My Broken Content Workflow
jamesfinlayson
3
380
brightonSEO 2024: How to Relaunch a Website without Ruining SEO
tinareis
0
370
Backstage of Enterprise Conference
taijihagino
PRO
1
150
BrightonSEO San Diego: How to Update Content to Increase Traffic and Revenue
alyssacorso12
0
150
SEO Camp DK: Mastering eCommerce Audits: Driving Results for Large-Scale Sites
nikkihalliwell
1
150
Conversion optimisation strategies for business owners
olajiga
0
100
How to validate your site speed optimization efforts
aymenloukil
0
380
ウェブライダー松尾が教えるプレゼンテーションの極意
webrider
PRO
0
9.1k

Featured

See All Featured
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Making Projects Easy
brettharned
116
5.9k
Fantastic passwords and where to find them - at NoRuKo
philnash
50
2.9k
What's in a price? How to price your products and services
michaelherold
243
12k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
6.9k
Writing Fast Ruby
sferik
628
61k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Optimising Largest Contentful Paint
csswizardry
33
3k
Building Applications with DynamoDB
mza
91
6.1k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
159
15k
Docker and Python
trallard
42
3.1k

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