In this talk, Rachel will share her perspective on the key topics we need to be learning about and the main challenges we're up against today as technical SEOs, such as JavaScript rendering, web performance, and keeping up with developers.
2. The new web technologies that impact SEO
and how to handle them.
WHAT WE’LL COVER
How to make your pages crawlable and
accessible for users and search engines.
Bridging the gap between SEOs and
developers to ensure website success.
@rachellcostello womenintechseo
16. EMMA WEDEKIND,
UX ENGINEER AT LOGMEIN
JavaScript allows you to add complex
animations, fetch customer data, use open
APIs to integrate with popular technologies,
and enhance user experience. JavaScript
will never disappear.
”
”
https://www.deepcrawl.com/knowledge/white-papers/javascript-seo-guide/
20. JAVASCRIPT CHALLENGES
If your website relies on JavaScript
to power its content and
navigation, search engines could
end up seeing a blank screen with
nothing to crawl or index.
@rachellcostello womenintechseo
23. JAVASCRIPT CHALLENGES
Crucial content should be
accessible without JavaScript
enabled and without the client
having to render. It should ideally
be contained within the HTML.
@rachellcostello womenintechseo
24. Challenge:
Most search engines can’t render JavaScript or
crawl links generated by JavaScript.
CRAWLING JAVASCRIPT
@rachellcostello womenintechseo
25. Challenge:
Most search engines can’t render JavaScript or
crawl links generated by JavaScript.
Solution:
Implement pre-rendering or server-side rendering
for improved link discovery.
CRAWLING JAVASCRIPT
@rachellcostello womenintechseo
27. Solution:
Prioritise important resources for rendering and
optimise the critical rendering path.
Challenge:
Processing and executing JavaScript is expensive
and time-consuming.
PROCESSING JAVASCRIPT
@rachellcostello womenintechseo
28. Challenge:
Testing JavaScript rendering can be difficult, but we
need to see how search engines are impacted.
TESTING JAVASCRIPT
@rachellcostello womenintechseo
29. Challenge:
Testing JavaScript rendering can be difficult, but we
need to see how search engines are impacted.
TESTING JAVASCRIPT
@rachellcostello womenintechseo
Solution:
Use a headless browser and DOM comparison
tools to analyse contents of output code.
34. Challenge:
PWA pages can generate content dynamically, but
search engines can’t interact like a user can.
CRAWLING PWAS
@rachellcostello womenintechseo
35. Challenge:
PWA pages can generate content dynamically, but
search engines can’t interact like a user can.
CRAWLING PWAS
@rachellcostello womenintechseo
Solution:
Make sure key content can be accessed from a
unique URL and is served in the HTML.
36. Challenge:
PWAs are often built using complex JavaScript
frameworks which can cause rendering issues.
RENDERING PWAS
@rachellcostello womenintechseo
37. Challenge:
PWAs are often built using complex JavaScript
frameworks which can cause rendering issues.
RENDERING PWAS
@rachellcostello womenintechseo
Solution:
Perform thorough rendering testing with tools like
the Mobile-friendly Test and Chrome DevTools.
55. 2. DEV CONFERENCES
@rachellcostello womenintechseo
Chrome Dev
Summit ‘18 topics:
JavaScript
Site Speed
Lazy-loading
Google I/O ‘19
topics:
Search Console
Mobile
PWAs
62. Keep up to speed with the latest technologies
devs are building by talking to them.
KEY TAKEAWAYS
Make sure key content and links are accessible
for search engines.
Being open to learning new things will help you
achieve success as a technical SEO.
@rachellcostello womenintechseo