The title and description are also important for search engines as they are displayed to users when they search on different search engines.
In the following screenshot, you can see the results of searching for what is angular?. The search engine displays the title, URL, and the description for the pages:
Let's set the title and description statically in the index.html file for our application:
<head>
<meta charset="utf-8">
<title>My Personal Blog</title>
<meta name="description" content="My Personal Blog where I write about
my life and hobbies">
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
All our routes in the application will use this updated static title and description. We also need to update the title and meta description dynamically using meta and title services that are provided by platform-browser, which we will cover in the next section when we optimize our application for social media websites.