4. #SMX #XXA @BartoszGoralewicz
The last time we checked,
almost 70% of the websites
we know about use JavaScript
in some form or another.
2009
https://webmasters.googleblog.com/2009/10/proposal-for-making-ajax-crawlable.html
7. #SMX #XXA @BartoszGoralewicz
May 2014
„In 1998 when our servers were running
inSusanWojcicki’sgarage,wedidn'treally
have to worry about JavaScript or CSS.
They weren’t used much, or, JavaScript
was Used to make page elements...
A lot has changed since then...”
blink!
8. #SMX #XXA @BartoszGoralewicz
„We decided to try to understand pages
by executing JavaScript.
HTML
PHP
CSS
MySQL
May 2014
It’s hard to do that at the scale of the
current web, but we decided that it’s worth it.
We have been gradually improving
how we do this for some time...”
9. #SMX #XXA @BartoszGoralewicz
May 2014
„... In the past few months, our indexing
system has been rendering a substantial
number of web pages more like an average
user’s browser with JavaScript turned on."
11. #SMX #XXA @BartoszGoralewicz
ele.ph/angularU
If you search for any competitive keyword terms,
it’s always going to be server rendered sites.
And the reason is because although Google does
index client-side rendered HTML
it’s not perfect yet and other search
engines don’t do it as well.
So if you care about SEO, you still
need to have server-rendered content.
Jeff Whelpley “Angular 2 Server Rendering”
Angular U conference, June 22-25, 2015,
17. #SMX #XXA @BartoszGoralewicz
May 8th 2017
OUR JS SEO
EXPERIMENT
is presented
for the 1st time
v.2
GSC
fetch
URL
indexed ?
Content
indexed ?
Test
URL
23. #SMX #XXA @BartoszGoralewicz
May 2018 Google IO
Deliver search-friendly
JavaScript-powered
websites (Google I/O ‚18)
Google allows everyone
to peak behind the curtain
and explains the 2 waves
of indexing.
30. #SMX #XXA @BartoszGoralewicz
"I'm not a tech guy, I'm looking
at theTECHNOLOGY with the
eyes of my CUSTOMERS
Normal People's Eye.”
Aliababa’s founder Jack Ma
Alibaba.com
Amazon’s
biggest threat
56. #SMX #XXA @BartoszGoralewicz
ele.ph/angularU
If you search for any competitive keyword terms,
it’s always going to be server rendered sites.
And the reason is because although Google does
index client-side rendered HTML
it’s not perfect yet and other search
engines don’t do it as well.
So if you care about SEO, you still
need to have server-rendered content.
Jeff Whelpley “Angular 2 Server Rendering”
Angular U conference, June 22-25, 2015,
78. #SMX #XXA @BartoszGoralewicz
What if you HAVE TO do
prerendering
Plan your updates and deployments1.
Make sure that your prerendering setup is efficient2.
Remember that you need to crawl and optimize
both HTML and JavaScript versions of your website
3.
82. #SMX #XXA @BartoszGoralewicz
Source Code
(before JavaScript):
Disqus -The #1 way
to build your audience
Rendered website:
(before JavaScript):
Disqus -The #1 way to build an
audience on your website
89. #SMX #XXA @BartoszGoralewicz
Server Side Rendering
You push JavaScript to bots and users
and they need to render JavaScript
to HTML to see the content
94. #SMX #XXA @BartoszGoralewicz
All the HTML files are built with data
BEFORE they are uploaded to a server
Static Sites
Source: https://www.youtube.com/watch?v=3jeznGJHenI
GatsbyJS
NextJS
95. #SMX #XXA @BartoszGoralewicz
Pros of
Source: https://www.youtube.com/watch?v=3jeznGJHenI
static sites
1.Very fast (even during traffic surge)
2. Increased security
3.Version control
4. Cheap to host