Setting page options

Content editors configure page-specific metatags and URL alias for search engine optimization, as well as display elements such as the title, breadcrumbs, and last updated date. The controls for these display elements are in the right sidebar of a page’s Edit and Create interfaces, as shown below:

Fieldsets of page specific settings for revision message, menu, metatags, URL alias, and authoring information

Administrative interface for page options

Contents

Metatags

Metatags are non-visible page data, used primarily by search engines, which convey the purpose and content of a web page. In the Drupal Kit, some metatags are autopopulated with default page data. Modify these as needed through the input fields found under the “Metatags” section in a page’s Edit interface shown below:

The collapsible Metatags section on a Flex page's edit form.

While there are many metatags that can convey information, the most important are “Page title” and “Description.”

  • By default, the “Page title” is autopopulated with the page title and the name of the website. You can usually leave this as-is.

  • “The “Description” field will not be automatically populated on Flex Pages. It is a best practice to enter a short, one sentence description of the page content here to improve Search Engine Optimization (SEO).

Metatags for social media sharing

For social media platforms to render an image preview of pages from your website when shared, enter an image URL in the Open Graph “Image” field:

The Open Graph section of the Metatags
  1. Navigate to the web page you want to prepare for social media platforms.

  2. Right-click on an image on the page that will be the preview image.

  3. Obtaining the URL differs between browsers:

  1. Chrome / Edge: “Copy Image address”

  2. Firefox / Safari: “Open Image in New Tab”, then get the image URL from the URL field at the top of the page

  1. Paste the URL into the “Image” field:

The field for adding an image URL in the Metatags Open Graph section

To display image previews on X (formerly Twitter), set the Open Graph “Card type” to “Summary Card with large image” as shown below:

The Metatags Twitter Cards section showing the "Summary Card with large image" option selected so images will appear with X (formerly Twitter) posts

After saving the page, the page source should contain in the <head> section something similar to the following:

<meta property="og:image" content="https://text.utexas.edu/sites/default/files/image.png">

Tip: use https://developers.facebook.com/tools/debug/ to preview what the page will look like in social media.

URL alias

A page URL (Uniform Resource Locator) is the machine-based path to a specific page (example: www.example.edu/1234). A URL alias provides a more understandable name to the content (example: www.example.edu/about-us).

By default, a URL alias derives automatically from the page title. This can be overridden under the “URL alias” section by unchecking “Generate automatic URL alias” and supplying your own string. For more information on URL aliases, read 15 SEO Best Practices for Structuring URLs.

Page title

Some pages may not require a visual title (which normally displays in large sans-serif font, below the breadcrumb trail and above page content). One example would be a landing page whose content starts with a hero image. To disable page titles on specific pages, uncheck the corresponding box under “Page display options.”

For accessibility, the page title will still be present in the page markup, but visually hidden.

Note that there is no option to display the page title in a different location than its default. To locate a page title elsewhere on the page, accomplish this by using a Basic block field containing text and create a “Heading 1” item from the rich text toolbar.

Last updated date

On pages where it is important indicate when the page was last updated, editors can print the updated timestamp as shown below.

Text of the page's last updated date

To toggle this display, navigate to the editing interface of any page (Look for the “Edit” tab above the page content) and go to the “Page display options” vertical tab:

Interface for toggling the date setting

Notes on the last updated date functionality

  • This functionality come from the Last updated Drupal module

  • The location of the last updated date can be changed by users with access to Structure > Block layout (/admin/structure/block)

  • On Flex Pages, content editors can optionally position the last updated date within the layout by choosing Layout > Add block > Last updated date

Default setting per content type

Who can manage content type defaults?

Developers and site builders who have access to content type configuration can set whether the title, breadcrumbs, and last-updated date display. To change any of these values: navigate to Manage > Content Types (admin/content/types) and go to the “Edit” page for the desired content type.