vaadin · veerapaananen · Jun 12, 2025 · Jun 12, 2025 · Jun 12, 2025 · Jun 12, 2025
diff --git a/articles/building-apps/deep-dives/application-layer/background-jobs/index.adoc b/articles/building-apps/deep-dives/application-layer/background-jobs/index.adoc
@@ -1,6 +1,8 @@
 ---
 title: Background Jobs
+page-title: How handle background jobs in your Vaadin applications
 description: How to handle background jobs.
+meta-description: There are different ways of implementing background jobs. To reduce the risk, you should learn one way, and then apply it consistently in your Vaadin apps.
 order: 11
 ---
 

diff --git a/...ng-apps/deep-dives/application-layer/background-jobs/interaction/callbacks.adoc b/...ng-apps/deep-dives/application-layer/background-jobs/interaction/callbacks.adoc
@@ -1,6 +1,8 @@
 ---
 title: Callbacks
-description: How to use callbacks to iteract with the user interface.
+page-title: How to use callbacks to interact with your UI | Vaadin 
+description: How to use callbacks to interact with the user interface.
+meta-description: When using a Flow user interface, the simplest way of allowing background jobs to interact with it is through callbacks. Learn more here.
 order: 10
 section-nav: badge-flow
 ---

diff --git a/...ding-apps/deep-dives/application-layer/background-jobs/interaction/futures.adoc b/...ding-apps/deep-dives/application-layer/background-jobs/interaction/futures.adoc
@@ -1,6 +1,8 @@
 ---
 title: Futures
-description: How to use CompletableFuture to iteract with the user interface.
+page-title: How to use CompletableFuture to interact with your app's UI
+description: How to use CompletableFuture to interact with the user interface.
+meta-description: Learn to use standard Java `CompletableFuture` with your user interface in your application.
 order: 20
 section-nav: badge-flow
 ---

diff --git a/...ilding-apps/deep-dives/application-layer/background-jobs/interaction/index.adoc b/...ilding-apps/deep-dives/application-layer/background-jobs/interaction/index.adoc
@@ -1,6 +1,8 @@
 ---
 title: UI Interaction
+page-title: How to interact with jobs from the UI | Vaadin
 description: How to interact with jobs from the user interface.
+meta-description: See explanations of different options for allowing a user to interact with a background job, and vice versa.
 order: 25
 ---
 

diff --git a/...ing-apps/deep-dives/application-layer/background-jobs/interaction/reactive.adoc b/...ing-apps/deep-dives/application-layer/background-jobs/interaction/reactive.adoc
@@ -1,6 +1,8 @@
 ---
 title: Producing Reactive Streams
+page-title: How to use reactive streams to interact with the UI | Vaadin
 description: How to use reactive streams to interact with the user interface.
+meta-description: Learn to use reactive streams in your applications to interact with the user interface.
 order: 30
 ---
 

diff --git a/articles/building-apps/deep-dives/application-layer/background-jobs/jobs.adoc b/articles/building-apps/deep-dives/application-layer/background-jobs/jobs.adoc
@@ -1,6 +1,8 @@
 ---
 title: Implementing Jobs
+page-title: How to implement background jobs in your applications
 description: How to implement background jobs.
+meta-description: Learn how to implement background jobs in your applications - transactions, security, batch jobs and more.
 order: 10
 ---
 

diff --git a/articles/building-apps/deep-dives/application-layer/background-jobs/triggers.adoc b/articles/building-apps/deep-dives/application-layer/background-jobs/triggers.adoc
@@ -1,6 +1,8 @@
 ---
 title: Triggering Jobs
+page-title: How to trigger background jobs in your applications
 description: How to trigger background jobs.
+meta-description: See visual examples of different job triggers and learn more about how to use triggers for your application's background jobs.
 order: 20
 ---
 

diff --git a/articles/building-apps/deep-dives/application-layer/consistency/eventual.adoc b/articles/building-apps/deep-dives/application-layer/consistency/eventual.adoc
@@ -1,6 +1,8 @@
 ---
 title: Eventual Consistency
+page-title: What is Eventual Consistency and how to achieve it | Vaadin
 description: Learn about eventual consistency and how to achieve it.
+meta-description: Learn what eventual consistency is and how you can achieve it.
 order: 50
 ---
 

diff --git a/articles/building-apps/deep-dives/application-layer/consistency/index.adoc b/articles/building-apps/deep-dives/application-layer/consistency/index.adoc
@@ -1,6 +1,8 @@
 ---
 title: Data Consistency
+page-title: How to ensure data consistency in your Vaadin apps
 description: How to ensure data consistency in your applications.
+meta-description: Learn about data consistency and how to ensure it in your Vaadin applications.
 order: 25
 ---
 

diff --git a/.../building-apps/deep-dives/application-layer/consistency/optimistic-locking.adoc b/.../building-apps/deep-dives/application-layer/consistency/optimistic-locking.adoc
@@ -1,6 +1,8 @@
 ---
 title: Optimistic Locking
+page-title: How to use optimistic locking in your application
 description: Learn about optimistic locking and when to use it.
+meta-description: Learn about optimistic locking and when you should use it in your application.
 order: 20
 ---
 

diff --git a/...building-apps/deep-dives/application-layer/consistency/pessimistic-locking.adoc b/...building-apps/deep-dives/application-layer/consistency/pessimistic-locking.adoc
@@ -1,6 +1,8 @@
 ---
 title: Pessimistic Locking
+page-title: How to use pessimistic locking in your apps | Vaadin
 description: Learn about pessimistic locking and when to use it.
+meta-description: Learn more about pessimistic locking and when you could or should use it in your applications.
 order: 30
 ---
 

diff --git a/articles/building-apps/deep-dives/application-layer/consistency/strong.adoc b/articles/building-apps/deep-dives/application-layer/consistency/strong.adoc
@@ -1,6 +1,8 @@
 ---
 title: Strong Consistency
+page-title: How to achieve strong consistency in your app | Vaadin
 description: Learn about strong consistency and how to achieve it.
+meta-description: Learn about strong consistency and how to achieve it in your applications.
 order: 5
 ---
 

diff --git a/...ing-apps/deep-dives/application-layer/consistency/transactions/declarative.adoc b/...ing-apps/deep-dives/application-layer/consistency/transactions/declarative.adoc
@@ -1,6 +1,8 @@
 ---
 title: Declarative Transactions
+page-title: How to manage transactions declaratively in Vaadin apps
 description: How to manage transactions declaratively in Vaadin applications.
+meta-description: Learn about declarative transactions and how you can manage transactions that way in your Vaadin applications.
 order: 10
 ---
 

diff --git a/.../building-apps/deep-dives/application-layer/consistency/transactions/index.adoc b/.../building-apps/deep-dives/application-layer/consistency/transactions/index.adoc
@@ -1,6 +1,8 @@
 ---
 title: Transactions
+page-title: How to use ACID transactions in your Vaadin applications
 description: Learn about ACID transactions and how to use them in Vaadin applications.
+meta-description: Learn about ACID transactions from things like deadlocks to overall management. 
 order: 10
 ---
 

diff --git a/...ng-apps/deep-dives/application-layer/consistency/transactions/programmatic.adoc b/...ng-apps/deep-dives/application-layer/consistency/transactions/programmatic.adoc
@@ -1,6 +1,8 @@
 ---
 title: Programmatic Transactions
-description: How to manage programmatically transactions in Vaadin applications.
+page-title: How to manage transactions programmatically in Vaadin apps
+description: How to manage transactions programmatically in Vaadin applications.
+meta-description: Learn about programmatic transactions and how you can use them in your Vaadin applications.
 order: 20
 ---
 

diff --git a/articles/building-apps/deep-dives/application-layer/consistency/validation.adoc b/articles/building-apps/deep-dives/application-layer/consistency/validation.adoc
@@ -1,6 +1,8 @@
 ---
 title: Validation
+page-title: How to validate your data in your Vaadin apps
 description: Learn how to validate your data.
+meta-description: Learn about data validation - principles, semantics, sanitization and more.
 order: 15
 ---
 

diff --git a/articles/building-apps/security/add-login/flow.adoc b/articles/building-apps/security/add-login/flow.adoc
@@ -1,7 +1,7 @@
 ---
 title: Flow
 page-title: How to add a Flow login view to a Vaadin application
-meta-description: Learn how to create a secure login view in Vaadin Flow using Spring Security. This guide covers authentication setup, in-memory authentication, and best practices.
+meta-description: Learn to create a secure login view in Vaadin Flow using Spring Security. This guide covers authentication setup, in-memory authentication, and best practices.
 order: 5
 ---
 

diff --git a/articles/building-apps/security/add-logout/flow.adoc b/articles/building-apps/security/add-logout/flow.adoc
@@ -1,7 +1,7 @@
 ---
 title: Flow
 page-title: How to logout from a Vaadin Flow application
-meta-description: Learn how to implement logout functionality in a Vaadin Flow application using AuthenticationContext. This guide covers logout handling, custom redirects, and best practices.
+meta-description: Learn to implement logout functionality in a Flow application using AuthenticationContext. This guide covers logout, custom redirects and best practices.
 order: 5
 ---
 

diff --git a/articles/building-apps/security/add-logout/hilla.adoc b/articles/building-apps/security/add-logout/hilla.adoc
@@ -1,7 +1,7 @@
 ---
 title: Hilla
 page-title: How to logout from a Vaadin Hilla application
-meta-description: Learn how to implement logout functionality in a Vaadin application with Hilla views using the useAuth hook. This guide covers logout handling, redirects, and best practices.
+meta-description: Learn to implement logout functionality with Hilla views using the useAuth hook. This guide covers logout handling, redirect, and best practices.
 order: 10
 ---
 

diff --git a/articles/building-apps/security/add-logout/index.adoc b/articles/building-apps/security/add-logout/index.adoc
@@ -1,8 +1,8 @@
 ---
 title: Add Logout
-page-title: How to logout a user from a Vaadin application
+page-title: How to implement secure logout in your Vaadin application
 description: Learn how to securely logout users from a Vaadin application using Spring Security.
-meta-description: Discover how to implement secure logout in a Vaadin application using Spring Security. Learn about session invalidation and Vaadin's dedicated logout API for Flow and Hilla.
+meta-description: Learn to implement secure logout in a your application using Spring Security. Learn about session invalidation and Vaadin's logout API for Flow and Hilla.
 layout: tabbed-page
 tab-title: Overview
 order: 2

diff --git a/articles/building-apps/security/index.adoc b/articles/building-apps/security/index.adoc
@@ -2,7 +2,7 @@
 title: Security
 page-title: How to secure a Vaadin application
 description: Learn how to secure Vaadin applications using both Flow and Hilla.
-meta-description: Learn how to secure your Vaadin application with authentication, role-based access control, and best practices. This guide covers protecting views, services, login, logout, and method security for both Flow and Hilla applications.
+meta-description: This Vaadin guide covers protecting views, services, login, logout, and method security for both Flow and Hilla applications.
 order: 40
 ---
 
diff --git a/articles/building-apps/security/protect-services/flow.adoc b/articles/building-apps/security/protect-services/flow.adoc
@@ -1,7 +1,7 @@
 ---
 title: Flow
 page-title: How to protect Flow services in a Vaadin application
-meta-description: Learn how to protect Vaadin Flow services using Spring method security. This guide covers enabling method security, securing service methods, and best practices for access control.
+meta-description: Protect Flow services using Spring method security. This guide covers enabling method security, securing service methods, and best practices for access control.
 order: 5
 ---
 

diff --git a/articles/building-apps/security/protect-services/hilla.adoc b/articles/building-apps/security/protect-services/hilla.adoc
@@ -1,7 +1,7 @@
 ---
 title: Hilla
 page-title: How to protect browser callable services in a Vaadin application
-meta-description: Learn how to secure browser-callable services in Vaadin Hilla using role-based access control. This guide covers authentication, authorization, and best practices for protecting services.
+meta-description: Secure browser-callable services in Hilla with this guide - authentication, authorization, and best practices for protecting services.
 order: 10
 ---
 

diff --git a/articles/building-apps/views/add-router-layout/flow.adoc b/articles/building-apps/views/add-router-layout/flow.adoc
@@ -1,7 +1,7 @@
 ---
 title: Flow
 page-title: How to add a Flow view to a Vaadin application
-meta-description: Learn how to create and apply router layouts in Vaadin Flow, including automatic and explicit layouts, nested layouts, and route prefixes for structured navigation.
+meta-description: Learn to create and apply router layouts in Vaadin Flow, including automatic and explicit layouts, nested layouts, and route prefixes for structured navigation.
 order: 5
 ---
 

diff --git a/articles/building-apps/views/add-view/flow.adoc b/articles/building-apps/views/add-view/flow.adoc
@@ -1,7 +1,7 @@
 ---
 title: Flow
 page-title: How to add a Flow view to a Vaadin application
-meta-description: Learn how to create and organize Flow views in a Vaadin application. This guide covers defining routes, naming conventions, using route aliases, and structuring views into Java packages. Includes a hands-on tutorial to apply key concepts.
+meta-description: Learn about defining routes, naming conventions, using route aliases, and structuring views into Java packages. Includes a hands-on tutorial to apply key concepts.
 order: 5
 ---
 

diff --git a/articles/building-apps/views/add-view/hilla.adoc b/articles/building-apps/views/add-view/hilla.adoc
@@ -1,7 +1,7 @@
 ---
 title: Hilla
 page-title: How to add a Hilla view to a Vaadin application
-meta-description: Learn how to create, name, and organize views in Hilla. This guide covers routing conventions, directory structures, route aliases, and best practices for defining explicit routes.
+meta-description: Learn to create, name, and organize views in Hilla - routing conventions, directory structures, route aliases, and best practices for defining explicit routes.
 order: 10
 ---
 

diff --git a/articles/building-apps/views/index.adoc b/articles/building-apps/views/index.adoc
@@ -1,7 +1,7 @@
 ---
 title: Views & Navigation
-page-title: How to build views and navigate between them in Vaadin applications
+page-title: Building views and navigating between them in Vaadin apps
 description: Learn how to build views and navigate between them in Vaadin applications.
-meta-description: TODO Write a meta-description
+meta-description: Learn how to build views and navigate between them in Vaadin applications.
 order: 10
 ---
diff --git a/articles/building-apps/views/pass-data/index.adoc b/articles/building-apps/views/pass-data/index.adoc
@@ -2,7 +2,7 @@
 title: Pass Data to a View
 page-title: How to pass data to a view in a Vaadin application 
 description: Learn how to pass data between the views of a Vaadin application.
-meta-description: Learn how to pass data between views in Vaadin using URL parameters, enabling deep linking, bookmarking, and seamless navigation with route and query parameters.
+meta-description: Learn to pass data between views in Vaadin using URL parameters, enabling deep linking, bookmarking, and seamless navigation with route and query parameters.
 order: 16
 ---
 

diff --git a/articles/building-apps/views/pass-data/route-parameters/hilla.adoc b/articles/building-apps/views/pass-data/route-parameters/hilla.adoc
@@ -1,7 +1,7 @@
 ---
 title: Hilla
 page-title: How to use route parameters in Hilla | Vaadin
-meta-description: Learn how to use route parameters in Hilla to pass data between views, including required, optional, and wildcard parameters, for dynamic and flexible navigation.
+meta-description: Learn to use route parameters in Hilla to pass data between views, including required, optional, and wildcard parameters, for dynamic and flexible navigation.
 tab-title: Hilla
 order: 10
 ---

diff --git a/articles/building-apps/views/pass-data/route-templates.adoc b/articles/building-apps/views/pass-data/route-templates.adoc
@@ -2,7 +2,7 @@
 title: Route Templates
 page-title: How to use route templates in Flow | Vaadin
 description: Learn how to use route templates in Flow.
-meta-description: Learn how to use route templates in Vaadin Flow to handle multiple route parameters, optional and wildcard parameters, and constrain values with regular expressions.
+meta-description: Learn to use route templates in Flow to handle multiple route parameters, optional and wildcard parameters, and constrain values with regular expressions.
 section-nav: badge-flow
 order: 20
 ---

diff --git a/articles/components/auto-crud/index.adoc b/articles/components/auto-crud/index.adoc
@@ -3,7 +3,7 @@ title: Auto CRUD
 page-title: Auto CRUD component | Vaadin components
 order: 10
 description: Used to populate automatically CRUD views and actions based on a Java backend service.
-meta-description: Learn how to use Vaadin Auto CRUD component to streamline CRUD operations in your applications. Explore features, configuration options, and implementation examples.
+meta-description: How to use Vaadin Auto CRUD component to streamline CRUD operations in your applications. Explore features, configuration options, and implementation examples.
 section-nav: badge-hilla
 ---
 

diff --git a/articles/components/button/index.adoc b/articles/components/button/index.adoc
@@ -2,7 +2,7 @@
 tab-title: Usage
 layout: tabbed-page
 title: Button
-page-title: Button Component | Vaadin Components
+page-title: Button Component | Vaadin components
 description: The Button component allows users to perform actions. It comes in several different style variants and supports icons, as well as text labels.
 meta-description: The Vaadin component Button allows users to perform actions. It comes in several different style variants and supports icons, as well as text labels.
 page-links:

diff --git a/articles/components/confirm-dialog/styling.adoc b/articles/components/confirm-dialog/styling.adoc
@@ -2,7 +2,7 @@
 title: Styling
 page-title: How to style Confirm Dialog component | Vaadin components
 description: Styling API reference for the Confirm Dialog component.
-meta-description: Learn how to style the Vaadin Confirm Dialog component with custom themes and CSS. Discover tips and examples for creating visually consistent and unique dialogs.
+meta-description: Learn to style the Vaadin Confirm Dialog component with custom themes and CSS. Discover tips and examples for creating visually consistent and unique dialogs.
 order: 50
 ---
 = Styling

diff --git a/articles/components/list-box/index.adoc b/articles/components/list-box/index.adoc
@@ -4,7 +4,7 @@ layout: tabbed-page
 title: List Box
 page-title: List Box component | Vaadin components
 description: List Box allows the user to select one or more values from a scrollable list of items.
-meta-description: Discover how to use the Vaadin List Box component to create interactive lists with customizable items. Learn about styling, features, and implementation examples.
+meta-description: Learn to use the Vaadin List Box component to create interactive lists with customizable items. Learn about styling, features, and implementation examples.
 page-links:
   - 'API: https://cdn.vaadin.com/vaadin-web-components/{moduleNpmVersion:@vaadin/list-box}/#/elements/vaadin-list-box[TypeScript] / https://vaadin.com/api/platform/{moduleMavenVersion:com.vaadin:vaadin}/com/vaadin/flow/component/listbox/ListBox.html[Java]'
   - 'Source: https://github.com/vaadin/web-components/tree/v{moduleNpmVersion:@vaadin/list-box}/packages/list-box[TypeScript] / https://github.com/vaadin/flow-components/tree/{moduleMavenVersion:com.vaadin:vaadin}/vaadin-list-box-flow-parent[Java]'

diff --git a/articles/components/menu-bar/index.adoc b/articles/components/menu-bar/index.adoc
@@ -2,7 +2,7 @@
 tab-title: Usage
 layout: tabbed-page
 title: Menu Bar
-page-title: Menu Bar Component | Vaadin Components
+page-title: Menu Bar Component | Vaadin components
 description: Menu Bar is a horizontal button bar with hierarchical drop-down menus.
 meta-description: Learn how to implement the Vaadin Menu Bar component in Vaadin applications and how you can customize it for a better user experience.
 page-links:

diff --git a/articles/contributing/docs/types.adoc b/articles/contributing/docs/types.adoc
@@ -1,8 +1,8 @@
 ---
 title: Types of Documentation
-page-title: Types of Documentation | How to contribute to Vaadin Documentation
+page-title: Types of Vaadin Documentation
 description: Learn about the different types of Vaadin documentation - how-to guides, reference manuals, and deep dives - and understand best practices for writing each type effectively.
-meta-description: Learn about the different types of Vaadin documentation - how-to guides, reference manuals, and deep dives - and understand best practices for writing each type effectively.
+meta-description: Learn about the different types of Vaadin documentation and understand best practices for writing each type effectively.
 order: 5
 ---
 

diff --git a/articles/contributing/tests.adoc b/articles/contributing/tests.adoc
@@ -1,6 +1,6 @@
 ---
 title: Creating Tests
-page-title: Creating
+page-title: How to create tests for code contributions | Vaadin
 description: How to create tests for code contributions to ensure changes and additions work properly.
 meta-description: Learn how to create tests for your Vaadin code contributions to ensure changes and additions work properly.
 order: 30

diff --git a/articles/control-center/getting-started/configure-installation.adoc b/articles/control-center/getting-started/configure-installation.adoc
@@ -1,6 +1,8 @@
 ---
 title: Configure Installation
+page-title: Configuring the installation of Control Center using Helm
 description: How to configure the installation of Control Center using Helm.
+meta-description: This page explains how to configure the installation of Control Center using Helm. You can set many values, including your domain and user information.
 order: 30
 ---
 

diff --git a/articles/control-center/getting-started/docker-desktop.adoc b/articles/control-center/getting-started/docker-desktop.adoc
@@ -2,7 +2,7 @@
 title: Kubernetes on Docker Desktop
 page-title: Learn how to set up a Kubernetes cluster on Docker Desktop
 description: Learn how to set up a Kubernetes cluster on Docker Desktop.
-meta-description: Vaadin Control Center simplifies the management of Vaadin applications on Kubernetes clusters. Learn how to first set up a Kubernetes cluster on Docker Desktop.
+meta-description: Vaadin Control Center simplifies the management of Vaadin applications on Kubernetes clusters. Learn to first set up a Kubernetes cluster on Docker Desktop.
 order: 50
 ---
 

diff --git a/articles/flow/advanced/server-client-communication.adoc b/articles/flow/advanced/server-client-communication.adoc
@@ -1,6 +1,8 @@
 ---
 title: Server to Client Communication
+page-title: How server to client communications work | Vaadin docs 
 description: Technical details of how server to client communications work.
+meta-description: Learn technical details of how server to client communications work.
 order: 800
 ---
 

diff --git a/articles/flow/binding-data/index.adoc b/articles/flow/binding-data/index.adoc
@@ -1,6 +1,6 @@
 ---
 title: Forms pass:[&] Data Binding
-page-title: How to bind data effectively to forms and selection components in Vaadin.
+page-title: How to bind data to forms and selection components | Vaadin
 description: Learn how to bind data to forms and selection components in Vaadin Flow.
 meta-description: Learn how to bind data to forms and selection components in Vaadin Flow.
 order: 60

diff --git a/articles/flow/create-ui/dnd/index.adoc b/articles/flow/create-ui/dnd/index.adoc
@@ -2,7 +2,7 @@
 title: Drag pass:[&] Drop
 page-title: How to implement drag and drop in Vaadin
 description: Drag and drop between components as well as between the UI and the operating system.
-meta-description: Learn how to implement drag-and-drop functionality in Vaadin applications to drag and drop between components as well as between the UI and the operating system.
+meta-description: Learn to implement drag-and-drop functionality in Vaadin applications to drag and drop between components as well as between the UI and the operating system.
 order: 140
 ---
 

diff --git a/articles/flow/create-ui/templates/components.adoc b/articles/flow/create-ui/templates/components.adoc
@@ -2,7 +2,7 @@
 title: Binding to Components
 page-title: How to integrate and use components in Vaadin Flow templates
 description: How to use the @Id annotation to reference a JavaScript LitElement template.
-meta-description: Learn how to integrate and use components in Vaadin Flow templates. Explore best practices for creating interactive UIs with reusable and customizable components.
+meta-description: Learn to integrate and use components in Vaadin Flow templates. Explore best practices for creating interactive UIs with reusable and customizable components.
 order: 3
 ---