# Social share, SEO and Favicon meta tags
Just like the image component, `` is a component specially designed to work seamlessly with DatoCMS’s [`_seoMetaTags` and `faviconMetaTags` GraphQL queries](https://www.datocms.com/docs/content-delivery-api/seo) so that you can handle proper SEO in your pages.
You can use `` in your pages, and it will inject title, meta and link tags in the document's `` tag.
### Table of contents
- [Usage](#usage)
- [Example](#example)
## Usage
``'s `data` prop takes an array of `Tag`s in the exact form they're returned by the following [DatoCMS GraphQL API](https://www.datocms.com/docs/content-delivery-api/seo) queries:
- `_seoMetaTags` query on any record, or
- `faviconMetaTags` on the global `_site` object.
## Example
Here is an example:
```astro
---
import { Seo } from '@datocms/astro/Seo';
import { executeQuery } from '@datocms/cda-client';
const query = gql`
query {
page: homepage {
title
seo: _seoMetaTags {
attributes
content
tag
}
}
site: _site {
favicon: faviconMetaTags {
attributes
content
tag
}
}
}
`;
const result = await executeQuery(query, { token: '' });
---
```