# useSeoMeta > The useSeoMeta composable lets you define your site's SEO meta tags as a flat object with full TypeScript support. This helps you avoid common mistakes, such as using `name` instead of `property`, as well as typos - with over 100+ meta tags fully typed. This is the recommended way to add meta tags to your site as it is XSS safe and has full TypeScript support. ## Usage ```vue [app/app.vue] ``` When inserting tags that are reactive, you should use the computed getter syntax (`() => value`): ```vue [app/app.vue] ``` ## Parameters There are over 100 parameters. See the [full list of parameters in the source code](https://github.com/harlan-zw/zhead/blob/main/packages/zhead/src/metaFlat.ts#L1035). ## Performance In most instances, SEO meta tags don't need to be reactive as search engine robots primarily scan the initial page load. For better performance, you can wrap your `useSeoMeta` calls in a server-only condition when the meta tags don't need to be reactive: ```vue [app/app.vue] ``` This previously used the [`useServerSeoMeta`](/docs/4.x/api/composables/use-server-seo-meta) composable, but it has been deprecated in favor of this approach. --- - [Source](https://github.com/unjs/unhead/blob/main/packages/vue/src/composables.ts)