Content modelling > SEO fields

SEO fields

If you are building a website, you need to think about SEO and provide special content for search engines and social networks.

To help content editors and marketers optimize your website, you can find a special "SEO and Social" type of field that lets you specify a custom title, description, image, and Twitter (X) card format, and gives a nice preview of how the result will look like on Google Search and Social Networks.

Here's how it works:

These are all the available fields:

  • Title: Customize the SEO title for your content.

  • Description: Craft a unique meta description to enhance search engine visibility.

  • Image: Set the featured image to be displayed in social previews.

  • No Index: Control whether the page should be indexed by search engines.

  • Twitter (X) Card: Fine-tune the appearance of shared content on X.

Pro tip: Set SEO fallback

You can set up fallback options for the SEO title and description for your models in case you don’t add SEO fields to a model or if your editors do not fill in the SEO fields. Just go to the Content area and click “SEO Preferences” in the sidebar.

Customizing SEO Fields and Social Link Previews

SEO Fields Customization

By navigating to Edit field > Presentation, you can tailor the SEO fields that are displayed to editors, by selecting from the options. Select the fields that align with your editorial needs, providing a more focused and efficient editing environment.

Social Link Previews Customization

By navigating to Edit field > Presentation, you can choose which social link previews to show your editors, ensuring your shared content looks compelling and engaging across various platforms. You can choose to display link previews for Google Search, X (Twitter), Facebook, Slack, Telegram and WhatsApp.

Global SEO preferences

Also, globally, you can define a favicon for your site and a set of fallback meta for the site title, image, and description:

API helpers

When fetching records from our GraphQL API, you'll find a _seoMetaTags helper which contains all the meta tags we offer, with the data already merged with the global SEO preferences and fallbacks.

You can read all the details in the relevant section of the CDA docs.

Want to know more about SEO customization in DatoCMS? Check out this video tutorials: