Understand the first principles of SEO and it's inner workings at a tactical level. Discuss an SEO reference architecture which scales easily.
Attribution:
- Rendertron with Firebase: https://www.youtube.com/watch?v=ANyOZIcGvB8
- Build a Small Knowledge Graph Part 2 of 3: https://www.youtube.com/watch?v=0oOwrBEeQss
- What is JSON-LD: https://www.youtube.com/watch?v=vioCbTo3C-4
- Getting Your Events Into The Knowledge Graph: https://www.youtube.com/watch?v=XXw8g-FbemI
- Wikipedia Schema.org: https://en.wikipedia.org/wiki/Schema.org
2. Empower the World One Curious Person at a Time
WB3Tech
Topics
• What is SEO
• Technical SEO
• SEO | The Knowledge Graph
• How to Graph | Linked Data
• SEO an Angular App
3. Empower the World One Curious Person at a Time
WB3Tech
What is SEO?
Organic & Non-Paid
20. Empower the World One Curious Person at a Time
WB3Tech
Schema.Org | The History
21. Empower the World One Curious Person at a Time
WB3Tech
What does it look like?
<div itemscope itemtype="http://schema.org/Movie">
<h1 itemprop="name">Avatar</h1>
<div itemprop="director" itemscope itemtype="http://schema.org/Person">
Director: <span itemprop="name">James Cameron</span>
(born <time itemprop="birthDate" datetime="1954-08-16">August 16, 1954</time>)
</div>
<span itemprop="genre">Science fiction</span>
<a href="../movies/avatar-theatrical-trailer.html" itemprop="trailer">Trailer</a>
</div>
Microdata
div vocab="http://schema.org/" typeof="Movie">
<h1 property="name">Avatar</h1>
<div property="director" typeof="Person">
Director: <span property="name">James Cameron</span>
(born <time property="birthDate" datetime="1954-08-16">August 16, 1954</time>)
</div>
<span property="genre">Science fiction</span>
<a href="../movies/avatar-theatrical-trailer.html" property="trailer">Trailer</a>
</div>
RDFa
<script type="application/ld+json">+schema app
{
"@context": "http://schema.org/",
"@type": "web master",
"name": "schema.org/person",
"Struturedata":
{
"@type": "Person",
"name": "chema mpnrroy josepinedamonroy",
"birthDate": "10/19/1982"
},
"geng": "male",
"Mecanismo":microdata. ".estructuredate./" validador
}
</script>
JSON-LD
22. Empower the World One Curious Person at a Time
WB3Tech
A Technical Problem…
Single Page Apps (SPA)
23. Empower the World One Curious Person at a Time
WB3Tech
The Difference
<body>
<app-root> </app-root>
</body>
<body>
<h1>SEO with Rendertron</h1>
<script type=“application/ld+json”>
{
“@context” : “http://schema.org",
“@type” : “Event”,
“name” : “SEO with Rendertron”
}
</script>
</body>
Client Side Rendering Server Side Rendering
24. Empower the World One Curious Person at a Time
WB3Tech
JavaScript Frameworks
26. Empower the World One Curious Person at a Time
WB3Tech
<body>
<app-root> </app-root>
</body>
<body>
<h1>SEO with Rendertron</h1>
<script type=“application/ld+json”>
{
“@context” : “http://schema.org",
“@type” : “Event”,
“name” : “SEO with Rendertron”
}
</script>
</body>
27. Empower the World One Curious Person at a Time
WB3Tech
Rich Snippets | Google