Martina Kraus
SEO in Angular? No big deal with SSR and Angular Universal
#1about 6 minutes
Understanding the SEO problem in single-page applications
Single-page applications improve user experience but present a challenge for search engines, which often see an empty initial HTML page.
#2about 8 minutes
Using Angular's services to manage dynamic meta tags
The built-in Meta and Title services allow you to dynamically update page metadata as users navigate through the application.
#3about 2 minutes
The limitations of relying on Googlebot's JavaScript rendering
While Googlebot can render JavaScript, many other search engines and social media bots cannot, making your content invisible to them.
#4about 11 minutes
Setting up server-side rendering with Angular Universal
Use the `ng add` schematic to install Angular Universal, which sets up an Express server to render your application on the server.
#5about 4 minutes
Analyzing the performance benefits of server-side rendering
Server-side rendering significantly improves First Contentful Paint (FCP) and reduces initial JavaScript execution time compared to client-side rendering.
#6about 7 minutes
Pre-rendering specific routes ahead of time with Universal
Configure Angular Universal to pre-render specific, high-traffic routes into static HTML files during the build process for faster delivery.
#7about 1 minute
Evaluating the complexity and costs of Angular Universal
Adopting Angular Universal introduces added complexity, requires server management, and can increase build times, which are important factors to consider.
#8about 5 minutes
Key takeaways and best practices for Angular SEO
Use tools like Google Search Console and Lighthouse to monitor your site, and leverage dynamic rendering to serve the right content to users and bots.
Related jobs
Jobs that call for the skills explored in this talk.
Matching moments
03:43 MIN
Why search engine crawlers prefer server-rendered HTML
Create a Programmatic SEO Project Using Next.js and Static Site Generation
Unlock Moments
Create a free account to watch a limited number of Moments each month.
Upgrade to PRO for unlimited access to the full archive.
Upgrade to PRO for unlimited access to the full archive.
You have an account? Log in
05:23 MIN
Comparing web rendering strategies for modern applications
Next, Nest, Nuxt… Nust?
Unlock Moments
Create a free account to watch a limited number of Moments each month.
Upgrade to PRO for unlimited access to the full archive.
Upgrade to PRO for unlimited access to the full archive.
You have an account? Log in
09:38 MIN
The rise and trade-offs of single-page applications
Snappy UI needs no Single-Page Application
Unlock Moments
Create a free account to watch a limited number of Moments each month.
Upgrade to PRO for unlimited access to the full archive.
Upgrade to PRO for unlimited access to the full archive.
You have an account? Log in
04:17 MIN
Q&A on web components, SEO, and state management
Interactive server side components
Unlock Moments
Create a free account to watch a limited number of Moments each month.
Upgrade to PRO for unlimited access to the full archive.
Upgrade to PRO for unlimited access to the full archive.
You have an account? Log in
03:22 MIN
When to use alternatives to single-page applications
Snappy UI needs no Single-Page Application
Unlock Moments
Create a free account to watch a limited number of Moments each month.
Upgrade to PRO for unlimited access to the full archive.
Upgrade to PRO for unlimited access to the full archive.
You have an account? Log in
02:02 MIN
Understanding Angular's foundation and role at Google
State of Angular
Unlock Moments
Create a free account to watch a limited number of Moments each month.
Upgrade to PRO for unlimited access to the full archive.
Upgrade to PRO for unlimited access to the full archive.
You have an account? Log in
02:50 MIN
Understanding single page application architecture
A Primer in Single Page Application Security (Angular, React, Vue.js)
Unlock Moments
Create a free account to watch a limited number of Moments each month.
Upgrade to PRO for unlimited access to the full archive.
Upgrade to PRO for unlimited access to the full archive.
You have an account? Log in
01:16 MIN
Understanding the core concepts of the Angular framework
Angular Unleashed: Mastering Modern Web Development with Angular
Unlock Moments
Create a free account to watch a limited number of Moments each month.
Upgrade to PRO for unlimited access to the full archive.
Upgrade to PRO for unlimited access to the full archive.
You have an account? Log in
Featured Partners
Related Videos
40:24Snappy UI needs no Single-Page Application
Clemens Helm
28:56The Illusion of a Performant Web Application
Cathrin Möller
36:39A Primer in Single Page Application Security (Angular, React, Vue.js)
Thomas Konrad
36:22Angular Features You Should be Using
Sani Yusuf
14:44Catching up on the basics you don't really need that much code
Chris Heilmann
50:28Angular tips/tricks you can use from tomorrow on
Benedikt Starzengruber
58:56Angular Unleashed: Mastering Modern Web Development with Angular
Indu Chaube
35:17Front-End Micro Apps
Serg Hospodarets
Related Articles
View all articles.gif?w=240&auto=compress,format)
From learning to earning
Jobs that call for the skills explored in this talk.
JO Media Software Solutions GmBh
Brunn am Gebirge, Austria
Senior
CSS
Angular
JavaScript
TypeScript
Speech Processing Solutions
Vienna, Austria
Intermediate
CSS
HTML
JavaScript
TypeScript
EPM Enterprise ProgressMaker GmbH
Remote
€60-95K
Senior
HTML
Software Architecture
tarent solutions GmbH
GIT
HTML
Vue.js
tarent solutions GmbH
GIT
HTML
Vue.js
tarent solutions GmbH
GIT
HTML
Vue.js