HTML title element uses Page Title instead of jcr:title in AEM as a Cloud Service Edge Delivery Services

In Adobe Experience Manager as a Cloud Service with Edge Delivery Services, pages created with the Franklin Page template use the Page Title field for the rendered HTML <title> element when Page Title is populated. If different values are configured for jcr:title and Page Title, the browser title displays the Page Title value instead of jcr:title. To fix this, update the Page Title value or clear the Page Title field so the page falls back to jcr:title.

Description description

Environment

  • Adobe Experience Manager as a Cloud Service (AEMaaCS) with Edge Delivery Services (EDS)
  • Franklin Page template (all versions)

Symptoms

When different values are set for jcr:title and Page Title on content pages, the rendered HTML <title> element displays the Page Title value instead of jcr:title. For example:

  • jcr:title: Personal Loans
  • Page Title: Personal Loans | For Education

The browser displays:

<title>Personal Loans | For Education</title>

The expected behavior is for the jcr:title value to appear in the browser tab, but the Page Title is used instead. This occurs on pages created with the Franklin Page template and delivered via Edge Delivery Services. No error messages are shown, but there may be confusion about which field controls the browser title.

Cause

Edge Delivery Services and the Franklin Page template are designed to use the Page Title field for the HTML <title> element when it is populated. The jcr:title is used only as a fallback if Page Title is empty. This is expected behavior as documented in AEM Sites.

Resolution resolution

Follow these steps to display the desired title value in the browser:

  1. Review the page properties for the affected content page in Adobe Experience Manager.

  2. Confirm that both jcr:title and Page Title contain values.

  3. To display the jcr:title value in the HTML <title> element:

    • Update the Page Title field to the desired value, or
    • Clear the Page Title field so the page falls back to jcr:title.
  4. Republish the page.

  5. Verify the rendered HTML source and confirm that the <title> element displays the expected value.

Notes:

  • If you need a shorter title for navigation or breadcrumbs, use Navigation Title or a project-specific navigation field.
  • Keep a longer value in Page Title when it is required for SEO or browser title purposes.
recommendation-more-help
experience-cloud-kcs-help-kbarticles