> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://developers.webflow.com/designer/set-page-metadata/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://developers.webflow.com/_mcp/server.

# Set page metadata

> Set the metadata of a page.

## `page.setMetadata(parameters)`

Updates the metadata of a page, including SEO-related properties, OpenGraph settings, and search configurations. For more information on the information and properties, see all methods in the Managing Pages section of the API Reference.

### Syntax

```typescript
page.setMetadata(metadata: PageMetadata): void

type PageMetadata = {
  name: string;
  slug: string;
  title: string;
  description: string;
  isDraft: boolean;
  usesTitleAsOpenGraphTitle: boolean;
  openGraphTitle: string;
  usesDescriptionAsOpenGraphDescription: boolean;
  openGraphDescription: string;
  openGraphImage: string;
  isExcludedFromSearch: boolean;
  usesTitleAsSearchTitle: boolean;
  searchTitle: string;
  usesDescriptionAsSearchDescription: boolean;
  searchDescription: string;
  usesOpenGraphImageAsSearchImage: boolean;
  searchImage: string;
}
```

### Parameters

* **metadata**: *PageMetadata* - An object containing the page metadata properties:
  * **name**: *string* - The name of the page
  * **slug**: *string* - The URL-friendly identifier for the page
  * **title**: *string* - The page title
  * **description**: *string* - The page description
  * **isDraft**: *boolean* - Whether the page is in draft status
  * **usesTitleAsOpenGraphTitle**: *boolean* - Whether to use the page title as the OpenGraph title
  * **openGraphTitle**: *string* - Custom OpenGraph title
  * **usesDescriptionAsOpenGraphDescription**: *boolean* - Whether to use the page description as the OpenGraph description
  * **openGraphDescription**: *string* - Custom OpenGraph description
  * **openGraphImage**: *string* - URL of the OpenGraph image
  * **isExcludedFromSearch**: *boolean* - Whether to exclude the page from search results
  * **usesTitleAsSearchTitle**: *boolean* - Whether to use the page title as the search title
  * **searchTitle**: *string* - Custom search title
  * **usesDescriptionAsSearchDescription**: *boolean* - Whether to use the page description as the search description
  * **searchDescription**: *string* - Custom search description
  * **usesOpenGraphImageAsSearchImage**: *boolean* - Whether to use the OpenGraph image as the search image
  * **searchImage**: *string* - Custom search image URL

### Returns

**Promise\<`null`>**

A promise that resolves to `null`.

### Example

```typescript
// Update page metadata
page.setMetadata({
  name: "Product Features",
  slug: "product-features",
  title: "Awesome Product Features",
  description: "Discover our product's amazing features",
  isDraft: false,
  usesTitleAsOpenGraphTitle: true,
  openGraphTitle: "",
  usesDescriptionAsOpenGraphDescription: true,
  openGraphDescription: "",
  openGraphImage: "https://example.com/og-image.jpg",
  isExcludedFromSearch: false,
  usesTitleAsSearchTitle: true,
  searchTitle: "",
  usesDescriptionAsSearchDescription: true,
  searchDescription: "",
  usesOpenGraphImageAsSearchImage: true,
  searchImage: ""
});
```

[Try this example](https://webflow.com/oauth/authorize?response_type=code\&client_id=19511de1ec410f9228d8dcbc9420e67916dea80d86d18f0c9a533eb475ea0f62)

### Designer Ability

| Designer Ability      | Locale | Branch | Workflow | Sitemode |
| :-------------------- | :----- | :----- | :------- | :------- |
| canManagePageSettings | Any    | Any    | Any      | Any      |

> Set the metadata of a page.

## Docs

- [Get page name](https://developers.webflow.com/designer/reference/get-page-name.md): Get the name of the page.
- [Set page name](https://developers.webflow.com/designer/reference/set-page-name.md): Set the name of the page.
- [Get page title](https://developers.webflow.com/designer/reference/get-page-title.md): Get the title of the page.
- [Set page title](https://developers.webflow.com/designer/reference/set-page-title.md): Set the title of the page.
- [Get page slug](https://developers.webflow.com/designer/reference/get-page-slug.md): Get the slug of the page.
- [Set page slug](https://developers.webflow.com/designer/reference/set-page-slug.md): Set the slug of the page.
- [Get page description](https://developers.webflow.com/designer/reference/get-page-description.md): Get the description of the page.
- [Set page description](https://developers.webflow.com/designer/reference/set-page-description.md): Set the description of the page.
- [Get page publish path](https://developers.webflow.com/designer/reference/get-page-publish-path.md): Get the publish path of the page.
- [Get page category](https://developers.webflow.com/designer/reference/get-page-category.md): Get the category of the page.
- [Get utility page key](https://developers.webflow.com/designer/reference/get-utility-page-key.md): Get the utility page key of the page.
- [Get collection ID from a CMS page](https://developers.webflow.com/designer/reference/get-collection-id-from-cms-page.md): Get the collection ID from a CMS page.
- [Get collection name from a CMS page](https://developers.webflow.com/designer/reference/get-collection-name-from-cms-page.md): Get the name of the collection that generated the page.