Select a site

IMPORTANT: This version of Sitefinity CMS is out of support and the respective product documentation is no longer maintained and can be outdated. Use the version selector to view a supported product version.

Configure Open Graph properties

To configure Open Graph properties, perform the following:

  1. Open the static module whose content items you want to configure and in the right pane, click Custom Fields for <content type>.
    For dynamic modules, navigate to Administration » Module builder, click the module and, then, the content type.
  2. Create the following custom fields:
    • Name: OpenGraphTitle, Type: Short text
    • Name: OpenGraphDescription, Type: Short text or Long Text
    • Name: OpenGraphImage, Type: Short text or Related media (Image)
    • Name: OpenGraphVideo, Type: Short text or Related media (Video)

      NOTE: When you create the fields, you can make them localizable. This way, you can display different content items for different language versions.

      For more information about creating custom fields, see Create custom fields.
  3. Create a new content item or edit an existing one.
    You will see the new fields.
  4. To configure the Open Graph presentation, fill out the OpenGraphTitle, OpenGraphDescription, and the OpenGraphImage or OpenGraphVideo fields.

    RECOMMENDATION: To get an optimal display, we recommend setting the length of the Title field not longer than 70 symbols, and the length of the description field to be between 160 and 200 symbols

    In OpenGraphImage and OpenGraphVideo fields, you enter a link to the image or the video that you want to represent the content item. It can be a link to an image or a video from a Sitefinity CMS library or any other link to a media item. 
  5. To display the content item in an Open Graph format, paste the link to the detailed page in a social network, for example.

RESULT: When you paste a link to the detailed page of a content item in a social network that supports Open Graph, your content item will be displayed with the title, description, and image or video that you specified above. The Open Graph meta fields are added in the <head> tag of the page that displays the detailed item.

Back To Top

Next: Association of custom fields and Open Graph meta properties