docs(common):add seo recommendations

_contentTemplates/common/get-started.md

@@ -1,7 +1,9 @@
-#prerequisites-download
+#prerequisites-tip
 >tip This step-by-step tutorial starts with the basics and is suitable for first-time Blazor or Telerik component users. If you are already familiar with the Telerik NuGet source, components, and Blazor in general, you may prefer the [Telerik UI for Blazor Workflow Details]({%slug getting-started/what-you-need%}) article. It provides more setup options and suggests possible enhancements.
 
-## Prerequisites
+#end
+
+#prerequisites-download
 
 * To successfully complete the steps in this tutorial, make sure you have an <a href="https://visualstudio.microsoft.com/vs/" target="_blank">up-to-date Visual Studio</a>, which is compatible with the .NET version of your choice. If you are not using Visual Studio, some of the steps require using the .NET CLI or editing files manually. In this case, also refer to the [Workflow Details tutorial]({%slug getting-started/what-you-need%}).
 

components/grid/overview.md

@@ -1,7 +1,7 @@
 ---
 title: Overview
 page_title: Grid Overview
-description: Discover the Blazor Data Grid. Explore the features and examples.
+description: The Blazor Grid provides a comprehensive set of ready-to-use features that cover everything - paging, sorting, filtering, editing and more.
 slug: grid-overview
 tags: telerik,blazor,grid,datagrid,overview
 published: True
@@ -17,7 +17,7 @@ The Telerik Blazor Data Grid provides a comprehensive set of ready-to-use featur
 The Telerik Blazor grid is built on native Blazor from the ground up, by a company with a long history of making enterprise-ready Grids. This results in a highly customizable Grid that delivers lighting fast performance.
 
 
-## Creating Blazor Data Grid
+## Creating Blazor Grid
 
 1. Use the `TelerikGrid` tag.
 1. Assign the Grid `Data` parameter to an `IEnumerable<T>` property, **or** use the [`OnRead` event]({%slug common-features-data-binding-onread%}). We'll go with `Data` this time. The [Grid Data Binding article]({%slug grid-data-binding%}) compares the two alternatives.
@@ -77,7 +77,7 @@ The Telerik Blazor grid is built on native Blazor from the ground up, by a compa
 }
 ````
 
-## Video Tutorial
+## Blazor Grid Video Tutorial
 
 If you prefer video instructions, watch this short Blazor Grid video tutorial. It covers to following topics:
 
@@ -142,7 +142,7 @@ The Grid columns offer a rich set of functionality to enable immense flexibility
 The Grid supports custom content in various parts of the component such as data cells, headers, footers, editors and more. See [Grid Templates]({%slug components/grid/features/templates%}).
 
 
-## More Grid Features
+## More Blazor Grid Features
 
 * [Selection]({%slug components/grid/selection/overview%}) - select one or multiple rows via clicks or checkboxes
 * [State]({%slug grid-state%}) - get or set the Grid configuration programmatically
@@ -167,7 +167,7 @@ The following table lists Grid parameters, which are not discussed elsewhere in
 | `Width` | `string` | A width style in [any supported CSS unit]({%slug common-features/dimensions%}). The Grid has no default width, but expands horizontally to fill its container. |
 
 
-## Grid Reference and Methods
+## Blazor Grid Reference and Methods
 
 The Grid has methods to execute actions such as:
 

getting-started/client-blazor.md

@@ -1,14 +1,14 @@
 ---
 title: Blazor WebAssembly (Tutorial)
-page_title: First Steps with Blazor WebAssembly Apps and Telerik UI for Blazor
-description: Make your first steps with Telerik UI for Blazor and build an app that hosts the Blazor UI components client-side (by using Blazor WebAssembly, WASM).
+page_title: First Steps with Blazor WebAssembly Apps
+description: Make your first steps with Telerik UI for Blazor client-side by using Blazor WebAssembly (WASM). Read more!
 slug: getting-started/client-side
 tags: get,started,first,steps,client
 published: true
 position: 5
 ---
 
-# First Steps with Client-Side UI for Blazor
+# First Steps with Blazor Client-Side
 
 This article explains how to get the <a href = "https://www.telerik.com/blazor-ui" target="_blank">Telerik UI for Blazor components</a> in your <a href = "https://www.telerik.com/faqs/blazor-ui/what-is-the-difference-between-blazor-webassembly-vs-server" target="_blank">Blazor WebAssembly app</a> and start using them quickly. You will create a new application from scratch, learn how to add the UI for Blazor components to a project, and finally, add a UI component to a view.
 
@@ -19,6 +19,10 @@ This article explains how to get the <a href = "https://www.telerik.com/blazor-u
 >
 > If you prefer the .NET 8 **Blazor Web App** template, then follow the [tutorial about .NET 8 Blazor Web App]({%slug getting-started/web-app%}).
 
+@[template](/_contentTemplates/common/get-started.md#prerequisites-tip)
+
+## Blazor Client Prerequisites
+
 @[template](/_contentTemplates/common/get-started.md#prerequisites-download)
 
 ## Step 1: Create a New Project
@@ -33,7 +37,7 @@ This article explains how to get the <a href = "https://www.telerik.com/blazor-u
 
 ## Step 3: Install the Telerik UI for Blazor Components
 
-1. Right-click  the `.Client` project in the solution and select **Manage NuGet Packages**.
+1. Right-click the `.Client` project in the solution and select **Manage NuGet Packages**.
 
    ![Manage NuGet Packages](images/manage-nuget-packages-for-client-app.png)
 
@@ -72,7 +76,7 @@ In the `~/_Imports.razor` file, add the `@using` directives below. This configur
 
 ### 4.3. Add the TelerikRootComponent
 
-Use a single `TelerikRootComponent` component as a top-level component in the app.
+Use a single `TelerikRootComponent` component as a top-level component in the Blazor client-side app.
 
 @[template](/_contentTemplates/common/get-started.md#root-component-main-layout)
 

getting-started/server-blazor.md

@@ -14,6 +14,10 @@ This article explains how to get the Telerik UI for Blazor components in your .N
 
 > This article applies only to the **Blazor Server App** template in Visual Studio, which exists up to .NET 7. If you are using .NET 8, then follow the [tutorial about .NET 8 Blazor Web App]({%slug getting-started/web-app%}).
 
+@[template](/_contentTemplates/common/get-started.md#prerequisites-tip)
+
+## Prerequisites
+
 @[template](/_contentTemplates/common/get-started.md#prerequisites-download)
 
 ## Step 1: Create a New Project

getting-started/web-app.md

@@ -12,6 +12,10 @@ position: 10
 
 This article explains how to use the Telerik UI for Blazor components in a <a href = "https://learn.microsoft.com/en-us/aspnet/core/blazor/project-structure?view=aspnetcore-8.0#blazor-web-app" target="_blank">.NET 8 Blazor Web App</a> project template. You will create a new application from scratch, learn how to add the UI for Blazor components to a project, and finally, add a UI component to a view.
 
+@[template](/_contentTemplates/common/get-started.md#prerequisites-tip)
+
+## Prerequisites
+
 @[template](/_contentTemplates/common/get-started.md#prerequisites-download)
 
 ## Step 1: Create a New Project

introduction.md

@@ -1,12 +1,12 @@
 ---
 title: Introduction
-page_title: Complete Blazor Components Documentation
-description: Creating web apps with .NET, while using C# for the front-end part has never been easier. Check Telerik UI for Blazor documentation for guidance and examples.
+page_title: Blazor Documentation for UI Components
+description: Check out the Telerik UI for Blazor documentation for guidance and examples on creating web applications with .NET using C# for the front-end.
 slug: blazor-overview
 position: 1
 ---
 
-# Welcome to UI for Blazor
+# Welcome to UI for Blazor Documentation
 
 Thank you for choosing <a href="https://www.telerik.com/blazor-ui" target="_blank">Telerik® UI for Blazor</a>!
 
@@ -30,7 +30,7 @@ If you are new to Telerik UI for Blazor, visit the Getting Started tutorials tha
 * [Get Started with a .NET 8 Blazor Web App]({%slug getting-started/web-app%})
 * [Get Started with Blazor Hybrid]({%slug getting-started/hybrid-blazor%})
 
->tip This online documentation covers the latest version of Telerik UI for Blazor, which is `{{site.uiForBlazorLatestVersion}}`. If needed, [download the offline PDF documentation](#learning-resources) for the required older product version.
+>tip This online Blazor documentation covers the latest version of Telerik UI for Blazor, which is `{{site.uiForBlazorLatestVersion}}`. If needed, [download the offline PDF Blazor documentation](#learning-resources) for the required older product version.
 
 Developers who are familiar with the IDE and Blazor could prefer the [Workflow Details]({%slug getting-started/what-you-need%}) article. This is a shorter, more advanced version of the getting started tutorials above and explains the basics about the Telerik UI packages and how to set up a project.