# Meta Fields

## Usage

After successfully installing the package, you should now see the **Seo Settings** tab on each of your document types.

![](https://3203275429-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfcrAqnWRQs0h6U4YJ9yD%2Fuploads%2FwjUR1bVyBiUx7IffbPuv%2Fimage.png?alt=media\&token=ef7b5ea4-9aa0-4657-82de-f2a9fe749301)

The SEO settings will be turned off on each document type by default. By turning the settings on for this document type, it'll then also show this screen to you:

![](https://3203275429-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfcrAqnWRQs0h6U4YJ9yD%2Fuploads%2FfnbLqA3Up5aiRauIZLh0%2Fimage.png?alt=media\&token=1533630a-3969-4e4a-8b9d-54c73560b768)

This screen allows you to customize the way that the meta fields are filled in. By default the system will come with the following fields:

* Title: Used for the \<title> tag
* Meta Description: Used for the \<meta name="description"> tag
* Open Graph Title: Used for the \<meta property="og:title"> tag
* Open Graph Description: Used for the \<meta property="og:description"> tag
* Open Graph Image: Used for the \<meta property="og:image"> tag
* Canonical Url: Used for the \<link rel="canonical"> tag

By clicking on **Open settings**, it'll allow you to choose from any property editor matching the correct editors. You can choose these property editors for each field:

* Title: Umbraco.TextBox & Umbraco.TextArea
* Meta Description: Umbraco.TextBox & Umbraco.TextArea
* Open Graph Title: Umbraco.TextBox & Umbraco.TextArea
* Open Graph Description: Umbraco.TextBox & Umbraco.TextArea
* Open Graph Image: Umbraco.MediaPicker

You'll be making a list of property editors for each of the fields. When the system is instructed to find the value for Title, it'll go through the first property editor to find a value. If no value is found, it'll proceed with the next property editor. This way, you can easily connect the meta fields to the fields that you find important.

### Canonical Url

As you can see, the Canonical Url field is not listed with the other field above here. This is because the Canonical Url field does not use the property editors to fall back on. You are able to set your own value or use the special value %CurrentUrl% to have it translated to the current URL of the page.

## Editor input

After you enable the seo settings for a document type, it'll also allow your editors to see what the fields will be filled with. This is done by enabling a new content app on your node called **Seo.** This content app allows your editors to see the result of each field and also to override those values.

![](https://3203275429-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfcrAqnWRQs0h6U4YJ9yD%2Fuploads%2FF4q0BBuJsenJfAI4APaG%2Fimage.png?alt=media\&token=0bf8f93e-78b9-4e04-b7ff-21da08cd8476)

By clicking **Edit** it will change each field to an input field where the user can fill their value for the given fields. After clicking **Finish**, the values are saved and are now also shown on the overview. If the value filled by the user is empty, then it'll be ignored.

## Inheritance

You are also able to inherit document type settings from another document type. By clicking **Select Inheritance**, you can choose another document type that has SEO settings enabled. It'll then use the settings from that other document type. You do have the ability to override those settings and to use the inherited value in your settings.
