Configure the main tag on a page

  • Release version: Yokohama
  • Updated January 30, 2025
  • 1 minute to read
  • Specify the main content of a page to include in the <main> tag to improve search engine optimization and accessibility.

    Before you begin

    Role required: sp_admin or admin

    About this task

    The <main> tag is a semantic HTML element that contains the main content of the page. The <main> tag should be applied to content that is unique to the page and should be configured for only one element on the page.

    Procedure

    1. Navigate to All > Service Portal > Service Portal Configuration.
    2. Select Designer.
    3. Select a page.
    4. Switch to the portal you want to design pages for by selecting the portal name in the header.
      Service Portal Designer header with the portal name SP highlighted
    5. Select a container, row, or column on the page that contains the main content of the page.

      See the breadcrumbs in the header to confirm you have the correct element selected. You can’t add the <main> tag to a widget.

    6. Select the edit icon [Edit icon].
    7. In the Semantic tag field, select Main.
    8. Select Save.

    Result

    In the HTML of the page, the <main> tag contains the container, row, or column. In Service Portal Designer, a <main> tag displays in the bottom-right corner of the element.

    Main tag configured for a page in Service Portal Designer