SEO for Angular - BrightonSEO 2018

Guys. Don't be scared. Javascript can be wonderful. Angular is a powerful framework. The devil is in the execution.

Internet

Jamie Alberico
Lead Technical SEO/Bot
Whisperer
https://www.slideshare.net/JamieAlberico

Render v Rank:
SEO for
Angular Sites
Everyone
@jammer_volts

${venue} {name} {status} + @jammer_volts { }$

${ "Dataset": "Page2" } { "Dataset": "Page1" } @jammer_volts$

94.9%
of websites use JavaScript
https://w3techs.com/technologies/details/c
p-javascript/all/all @jammer_volts

JAVA$CRIPT
WEBPAGES
Googlebot
Resources
@jammer_volts

CRAWL RENDER
INDEX
Instantaneous!
@jammer_volts

JavaScript generated content is
discovered by Googlebot only
once the resources become available.
https://youtu.be/PFwUbgvpdaQ?t=13m54s @jammer_volts

2nd wave
(JS rendered)
RENDER
INDEX
CRAWL
1st wave of
indexing
(HTML ONLY)
@jammer_volts

Download
HTML &
CSS
Execute
CSS
Render
@jammer_volts

Download
HTML
Download
CSS & JS
Execute
CSS
Execute
JS
Update
DOM
@jammer_volts

Which search engines
can render JavaScript?
Google ✓ AOL ✗
Bing ✗ DuckDuckGo ✗
Yahoo ✗ Yandex ✗
Ask ✓ Baidu ✗
https://moz.com/blog/search-engines-ready-for-javascript-crawlin

CSR
Angular
Pre-Render
Fully
Parsed
HTML
+ =
@jammer_volts

${ "Dataset": "Product1" } { "Dataset": "Product2" } @jammer_volts$

https://developer.mozilla.org/en-US/docs/Web/API/H
istory_API#Adding_and_modifying_history_entries @jammer_volts

https://developers.google.com/analytics/devguide
s/collection/analyticsjs/single-page-applications @jammer_volts

https://youtu.be/NO-sdBzb1Hc @jammer_volts

<a href="/good link">Will be crawled</a>
<span onclick="changePage('bad-link')">Not
crawled</span>
<a onclick="changePage('bad-link')">Not
crawled</a>
<a href="/good-link" onclick="changePage
('good-link')">Will be crawled</a>
@jammer_volts

https://groups.google.com/d/msg/js-sites-w
g/QJTEXXuGfeU/MW-yOObTCAAJ @jammer_volts

Google Lighthouse is super valuable but it only checks one page at a time. Hamlet will show you how to get it to check all pages of a site, and how to run automated Lighthouse checks on-demand at scheduled intervals and from automated tests. He'll also cover how to set performance budgets, how to get alerts when budgets are exceeded, and how to aggregate page reports using BigQuery and Google Data Studio.

Use Google Docs to monitor SEO by pulling in Google Analytics #BrightonSEO

Gerry White

Advanced Technical SEO - Index Bloat & Discovery: from Facets to Javascript F...

Kahena Digital Marketing

Solving Complex JavaScript Issues and Leveraging Semantic HTML5

Hamlet Batista

Debugging rendering problems at scale

Giacomo Zecchini

BrightonSEO, July 2021 - To better understand a website's content search engines developed Web Rendering Services and are now able to render pages more or less like a normal user. Those Web Rendering Services are strictly connected to other phases of the crawling-indexing-ranking pipeline - if a rendering fails, it may affect all of them. In this session Giacomo will guide you through the process of understanding why rendering could be a problem also for non-Javascript pages, how to manually debug page rendering, the difference between understanding WRSs' capabilities and debugging problems on a website, and eventually how to test pages at scale.

Tom has long been fascinated with how the web works… and how he could break it. In this presentation, Tom will discuss some of the times that he has discovered security issues in Google, Facebook and Twitter. He will discuss compromising Search Console so that he could look up any penalty in the Manual Action tool, how he took control of tens of thousands of websites, and how he recently discovered a major bug that let him rank brand new sites on the first page with no links at all. Tom will outline how these exploits work, and in doing so share some details about the technical side of the web.

TechSEO Boost 2017: SEO Best Practices for JavaScript T-Based Websites

SMX Munich 2018 - Current State of JavaScript SEO

Challenges of building a search engine like web rendering service

Giacomo Zecchini

SMX Advanced Europe, June 2021 - With the advent of new technologies and the massive use of Javascript on the internet, search engines have started using Web Rendering Services to better understand the content of pages on the internet. What are the difficulties in building a WRS? Are tools we use every day replicating what search engines do? In this session, Giacomo will drive you on a discovery journey digging in some techy implementation details of a search engine like web rendering service building process, covering edge cases such as infinite scrolling, iframe, web component, and shadow DOM and how to approach them.

The State of the Web: Pagination and Infinite Scroll

Adam Gent

SearchLove Boston 2018 - Emily Grossman - The Marketer’s Guide to Performance...

Most marketers know that improving site speed leads to better engagement, conversion rates, and even improved performance in search engines. Still, many marketers don’t get involved in web performance optimization projects, expecting them to be handled entirely by developers. In this talk, you’ll learn about marketing’s critical role in measuring, auditing, and optimizing performance to drive greater impact for your business.

Deep crawl the chaotic landscape of JavaScript

Mauro Cattaneo - Why hreflang is crucial to international SEO success - Brigh...

Mauro Cattaneo

Satisfying the Need for Speed (By Aleh Barysevich of SEO PowerSuite, SMX Lond...

Link-Assistant.Com

Page Speed can make or break your business in 2018, as it is equally important for user experience, revenue, and SEO. Mobile page speed is becoming a Goolge ranking factor in July 2018, or is it already as of May 2018? To get an idea about the current state of the industry, SEO PowerSuite conducts an experiment for 1 mln pages to find the correlation between mobile page speed in the position in mobile SERPs. In this presentation, delivered by Aleh Barysevich at SMX London, you'll find the results of the experiment, as well as the latest tools and tips on improving page speed.

SearchLove San Diego 2018 | Mat Clayton | Site Speed for Digital Marketers

TechSEO Boost 2018: Watching Googlebot Watching You: Optimizing with Server Logs

Split Testing for SEO - 9 Months of Learning

Dominic Woodman

Optimization 2020 | Using Edge SEO For Technical Issues ft. Dan Taylor

Dan Taylor

Scaling automated quality text generation for enterprise sites

Hamlet Batista

Writing quality content and meta data at scale is a big problem for most enterprise sites. In this webinar we are going to explore what is possible given the latest advances in deep learning and natural language processing.Our main focus is going to be about generating metadata: titles, meta descriptions, h1s, etc that are critical for technical SEO performance. But, we will cover full article generation as well.

Headless SEO: Optimising Next Gen Sites | brightonSEO 2021

Alex Wright

Amp your site: An intro to accelerated mobile pages

Robert McFrazier

How To Get a 100% Lighthouse Performance Score

Polly Pospelova

Stefan Judis "Did we(b development) lose the right direction?"

Fwdays

Keeping up with the state of web technology is one of the biggest challenges for us developers today. We invent new tools; we define new best practices, everything’s new, always... And we do all that for good user experience! We do all that to build the best possible web – it’s all about our users. But is it, really? Or do developers like to play with technology secretly loving the new and shiny? Or do we only pretend that it’s about users, and behind closed doors, it’s developer experience that matters to us? Did we lose direction? Is it time for a critical look at the state of the web and the role JavaScript plays in it?

The New Renaissance of JavaScript - SMX London 2019

Developers love JavaScript for its flexibility and capabilities. But search engines still find it difficult to process JavaScript successfully. Google recently released a new SEO workaround, called dynamic rendering, that will support modern sites with JavaScript and sites that have a strong social media presence. This session dives into the promise and reality of dynamic rendering. You'll get insights into how to implement this new process of switching between client–side rendered and pre–rendered content, and an up–close look at how dynamic rendering provides positive benefits for sites that rely heavily on JavaScript.

The New Renaissance of JavaScript - SMX London 2019

Best Wordpress Plug-Ins - SEMpdx Searchfest 2009

David Wallace

Crawling & Indexing: Technical SEO that drives revenue

Robin Rozhon

What's hot

SearchLove Boston 2018 - Tom Anthony - Hacking Google: what you can learn fro...

TechSEO Boost 2017: SEO Best Practices for JavaScript T-Based Websites

SMX Munich 2018 - Current State of JavaScript SEO

Challenges of building a search engine like web rendering service

Giacomo Zecchini

The State of the Web: Pagination and Infinite Scroll

Adam Gent

SearchLove Boston 2018 - Emily Grossman - The Marketer’s Guide to Performance...

Deep crawl the chaotic landscape of JavaScript

Mauro Cattaneo - Why hreflang is crucial to international SEO success - Brigh...

Mauro Cattaneo

Satisfying the Need for Speed (By Aleh Barysevich of SEO PowerSuite, SMX Lond...

Link-Assistant.Com

SearchLove San Diego 2018 | Mat Clayton | Site Speed for Digital Marketers

TechSEO Boost 2018: Watching Googlebot Watching You: Optimizing with Server Logs

Split Testing for SEO - 9 Months of Learning

Dominic Woodman

Optimization 2020 | Using Edge SEO For Technical Issues ft. Dan Taylor

Dan Taylor

Scaling automated quality text generation for enterprise sites

Hamlet Batista

Headless SEO: Optimising Next Gen Sites | brightonSEO 2021

Alex Wright

Amp your site: An intro to accelerated mobile pages

Robert McFrazier

How To Get a 100% Lighthouse Performance Score

Polly Pospelova

What's hot (17)

SearchLove Boston 2018 - Tom Anthony - Hacking Google: what you can learn fro...

TechSEO Boost 2017: SEO Best Practices for JavaScript T-Based Websites

SMX Munich 2018 - Current State of JavaScript SEO

Challenges of building a search engine like web rendering service

The State of the Web: Pagination and Infinite Scroll

SearchLove Boston 2018 - Emily Grossman - The Marketer’s Guide to Performance...

Deep crawl the chaotic landscape of JavaScript

Mauro Cattaneo - Why hreflang is crucial to international SEO success - Brigh...

Satisfying the Need for Speed (By Aleh Barysevich of SEO PowerSuite, SMX Lond...

SearchLove San Diego 2018 | Mat Clayton | Site Speed for Digital Marketers

TechSEO Boost 2018: Watching Googlebot Watching You: Optimizing with Server Logs

Split Testing for SEO - 9 Months of Learning

Optimization 2020 | Using Edge SEO For Technical Issues ft. Dan Taylor

Scaling automated quality text generation for enterprise sites

Headless SEO: Optimising Next Gen Sites | brightonSEO 2021

Amp your site: An intro to accelerated mobile pages

How To Get a 100% Lighthouse Performance Score

Similar to SEO for Angular - BrightonSEO 2018

Stefan Judis "Did we(b development) lose the right direction?"

Fwdays

The New Renaissance of JavaScript - SMX London 2019

The New Renaissance of JavaScript - SMX London 2019

Best Wordpress Plug-Ins - SEMpdx Searchfest 2009

David Wallace

Crawling & Indexing: Technical SEO that drives revenue

Robin Rozhon

Web 2.0 = Accessibility 2.0?

Jared Smith

Dynamic Rendering - is this really an SEO silver bullet? SMX WEST

Rails is not enough, by Javier Ramirez, at Conferencia Rails 2010 in Madrid, ...

javier ramirez

We rails people tend to think of Rails as the center-piece of web development. The same thing can be said of .net, Spring/Java Server Faces, Drupal, Python or name-your-web-framework-of-choice-here people. Web frameworks are just a component of web applications, and if you want to succeed you better know the miriads of other components beyond your rockstar code. In my session I will talk about things you must take into account and tools/techniques you should master if you want to make a difference in web development, independently of your development language/framework. Talk delivered at conferencia rails 2010 in Madrid, Spain.

HTML5 Intro

PavingWays Ltd.

DevOps @Scale (Greek Tragedy in 3 Acts) as it was presented at The Pittsburgh...

Baruch Sadogursky

Lessons From Spider Support

Oliver Brett

Open and Accessible UI

Mark Meeker

Campaign Metrics - Measure Camp 2013Steve Lock

Why HTML5 is getting on my nerves…

Avenga Germany GmbH

Mcr fredfastvideoandimages

Doug Sillars

5 Skills Needed to be a Successful WebVR Developer

Yoni Binstock

Patterns and antipatterns in Docker image lifecycle as was presented at Globa...

Baruch Sadogursky

While Docker has enabled an unprecedented velocity of software production, it is all too easy to spin out of control. A promotion-based model is required to control and track the flow of Docker images as much as it is required for a traditional software development lifecycle. New tools often introduce new paradigms. We will examine the patterns and the antipatterns for Docker image management, and what impact the new tools have on the battle-proven paradigms of the software development lifecycle.

Choosing The Best Mobile App Framework

Brandon Minnick, MBA

Web Performance Optimierung - DWX13

Walter Ebert

DevOps @Scale (Greek Tragedy in 3 Acts) as it was presented at Gr8Conf 2017

Baruch Sadogursky

Similar to SEO for Angular - BrightonSEO 2018 (20)

Stefan Judis "Did we(b development) lose the right direction?"

The New Renaissance of JavaScript - SMX London 2019

Best Wordpress Plug-Ins - SEMpdx Searchfest 2009

Crawling & Indexing: Technical SEO that drives revenue

Web 2.0 = Accessibility 2.0?

Dynamic Rendering - is this really an SEO silver bullet? SMX WEST

Rails is not enough, by Javier Ramirez, at Conferencia Rails 2010 in Madrid, ...

HTML5 Intro

DevOps @Scale (Greek Tragedy in 3 Acts) as it was presented at The Pittsburgh...

Lessons From Spider Support

Open and Accessible UI

Campaign Metrics - Measure Camp 2013

Why HTML5 is getting on my nerves…

Mcr fredfastvideoandimages

5 Skills Needed to be a Successful WebVR Developer

Patterns and antipatterns in Docker image lifecycle as was presented at Globa...

Choosing The Best Mobile App Framework

Web Performance Optimierung - DWX13

DevOps @Scale (Greek Tragedy in 3 Acts) as it was presented at Gr8Conf 2017

More from Jamie Indigo

Rendering strategies: Measuring the devil's details in core web vitals - Jam...

Do SEOs Need to Know About Chromium? Of CORS! Extended Edition - BrightonSEO ...

Presented at BrightonSEO September 2021 Did you know that secrets about Google's Web Rendering Service are hiding in plain sight? Discover the relationship between Chromium and Google Search so you can leverage this open-source technology to discover technical SEO issues on your site. Let us share with you a deep love of Chromium. Chromium runs Chrome. It also runs Google Search's Web Rendering Service. If Chromium adopts it, Google Search adopts it. Join in the love story so you can leverage this open-source technology to discover technical SEO issues on your site.

Are you there Page Experience? It's me, DevTools

Navigating the critical rendering path - Jamie Alberico - VirtuaCon

Crafting Expertise, Authority and Trust with Entity-Based Content Strategy - ...

At SMXL, I presented a talk about crafting effective, authoritative content by understanding entities. People, places, objects, and ideas have facets. Human users have unique perspectives and their language changes as their relationship to an entity changes. It's time we stop chasing keywords-- a byproduct of search intent-- in favor of strategic entity-based strategy. This deck includes insights into how to access the data behind Google's knowledge graph, use external links to boost the search engine's understanding, and ways to become an authoritative and trusted source.

Tech SEO + Site Migrations - SMX Munich

Technical Foundations of Successful Internationalization - SMX Munich

Reaching the next billion users means breaking out of the high-speed, desktop-focused, Google-centric experience. In order to take the idea of going global from c-suite vision board to tactical reality, you’ll need to get technical. From servers to CDNs, hreflangs to JavaScript, Jamie will share the real-life lessons you'll need to identify, launch, and successfully monitor your growing international market. In this session Jamie will talk about server stability, location, and parity (or how I learned to stop worrying and love the world's trickiest game of telephone), the real cost of ccTLDs vs subfolders vs subdomains and shrinking screens and the rising costs of JavaScript.

Render v Rank SEO for JavaScript - SEMPDX EngagePDX 2019

Optimizing with Server Logs | Jamie Alberico @ #TechSEO Boost 2018

Creating Effective Ecommerce Information Architecture #SearchLove 2018

Site structure deep crawl webinar

Optimizing for Mobile First Index