Title Core

The Title Core Component is a section heading component.

Purpose

Headings are used for highlighting important topics. They provide valuable information and tell us about the structure of the page.

There are six heading elements: H1, H2, H3, H4, H5 and H6. H1 is the highest level and H6 is the lowest. Header sizes should be used in order of the hierarchy of the page.

H1 is reserved for the main page title. There should only ever be one H1 heading per page. The H1 heading at the top of the page will automatically populate with the Long Page Title that is in the page properties. If there is no Long Page Title, then the Short Page Title will be used, instead.

The Title Core Component is intended to be used as the heading of a section of content. Authors can select from the remaining five heading elements in the configure dialog (H2, H3, H4, H5 and H6).

Short and Long Page Titles

The Page Title (also referred to as the Short Page Title) is the required title of the page. When a page is being linked to within census.gov, or as a search result within a search engine such as Google, users will see the Short Page Title.

In order to comply with Search Engine Optimization best practices, the Short Page Title has a 70-character limit. For additional information on Page Title best practices, please see the Internal Resources section.

The Long Page Title is an optional field within page properties that should be used for pages that have a title that exceeds the 70-character limit. The Long Page Title does not have a character limit.

If the Title Core Component is left blank, the text shown will automatically populate with the Long Page Title. If there is no Long Page Title, then it will populate with the Short Page Title, instead.

Configure Dialog

The configure dialog allows authors to define the title text as well as select the heading level.

Tab: Properties

Title - The text that will show as the header.
- The Title does not have a character limit.
- If left blank, the Long Page Title will be used automatically.
- If left blank and the page has no Long Page Title, then the Short Page Title will be used automatically.
Type / Size - Defines the heading level of the title.
Link - Defines the content to which the title will link. This can be a path to a content page, an external URL, or a page anchor.
- Disabled per component policy.
Open link in new tab - When checked, the link will open in a new browser tab.
- Disabled per component policy.
ID - The unique identifier of the component in the HTML and in the Data Layer.
- If left blank, a unique ID is automatically generated for you and can be found by inspecting the resulting page.
- If an ID is specified, it is the responsibility of the author to make sure that it is unique.
- Changing the ID can have an impact on CSS, JS and Data Layer tracking.

Tab: Styles

The Title Component supports the AEM Style System.

Use the drop-down to select the styles that you want to apply to the component. Selections made in the edit dialog have the same effect as those chosen from the component toolbar.