Setting page options
Content editors can configure page-specific metatags and a URL alias for search engine optimization (SEO). They can also control whether to display elements such as the title, breadcrumbs, and the page’s last updated date. These controls are in the right sidebar of a page’s “Edit” interface:
Administrative interface for page options
Contents
Set page-specific 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:
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, the “Open Graph Image” metatag must be supplied. The Drupal Kit provides an interface to configure a default social media image at Configuration > Drupal Kit Configuration (/admin/config/content/utexas).
Content types that provide an image upload field, such as News articles and Events, will automatically populate the Open Graph Image from image uploaded for the page. For other page types, set a page-specific image by entering the image URL in the Open Graph “Image” field:
Navigate to the web page you want to prepare for social media platforms.
Right-click on an image on the page that will be the preview image.
Obtaining the URL differs between browsers:
Chrome / Edge: “Copy Image address”
Firefox / Safari: “Open Image in New Tab”, then get the image URL from the URL field at the top of the page
Paste the URL into the “Image” field:
To display image previews on X (formerly Twitter), set the Open Graph “Card type” to “Summary Card with large image” as shown below:
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.
Remove breadcrumb
The breadcrumb is a navigational You are here for the information hierarchy of the website. To disable it on specific pages, uncheck the corresponding box under “Page display options”:
Remove page title
Some pages may not require a visual title, which normally displays in large 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.
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.
Display page update timestamp
On pages where it is important indicate when the page was last updated, enable its display under the “Page display options” vertical tab:
Notes on the last updated date
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