Meta Fields
Last updated
Last updated
After successfully installing the package, you should now see the Seo Settings tab on each of your document types.
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:
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.
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.
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.
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.
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.