---
schema_version: "1"
id: 8436e1cea09407eef97024d71c2c07529dbc87a7ff631063aedee8f4be7dc3b6
title: Add Markup to the Page <head> to Customize Your Experience Builder Site
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/experience/264-0-0/community_builder_page_head.md
canonical_url: https://help.salesforce.com/s/articleView?id=experience.community_builder_page_head.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: f9c99d99459899995d8ab5abb6062b80b1eeee69c58242478f92c8d29221e5c1
description: Add custom analytics, improve your SEO results, and more by adding custom markup to the page <head> in Experience Builder. For example, you can include SEO meta tags that are visible only to search engines, add a favicon, or add custom code for Adobe Analytics and Google Tag Manager.
products:
  - Experiences
release: "264"
---
# Add Markup to the Page `<head>` to Customize Your Experience Builder Site

Add custom analytics, improve your SEO results, and more by adding custom markup to the page `<head>` in Experience Builder. For example, you can include SEO meta tags that are visible only to search engines, add a favicon, or add custom code for Adobe Analytics and Google Tag Manager.

### Required Editions

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small edition"><colgroup><col></colgroup><tbody><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;">Available in: both Salesforce Classic and Lightning Experience</td></tr><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;">Available in: <strong>Enterprise</strong>, <strong>Performance</strong>, <strong>Unlimited</strong>, and <strong>Developer</strong> Editions</td></tr></tbody></table>

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small permission">
        <colgroup>
          <col style="width:50%">
          <col style="width:50%">
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="colgroup" class="slds-cell-wrap" colspan="2" style="text-align:center;vertical-align:top;" id="d36577e79">User Permissions
              Needed</th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="User Permissions Needed" class="slds-cell-wrap" style="vertical-align:top;" headers="d36577e79 ">To customize or publish an Experience Cloud site:</td>

            <td class="slds-cell-wrap" style="vertical-align:top;" headers="d36577e79 ">
              <ul>
                <li>Create and Set Up Experiences AND View Setup and Configuration AND be a member
                  of the site<p>OR</p>
                </li>

                <li>View Setup and Configuration AND be a member of the site AND have appropriate
                  <a href="https://help.salesforce.com/s/articleView?id=experience.networks_access_control_overview.htm&amp;language=en_US" target="_blank">role-based site access</a>
                </li>

              </ul>
            </td>

          </tr>
        </tbody>
      </table>

![Tip](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-experience-communities-264-0-0-production-enus/bf7df212-91a1-4fa3-a007-4d6f3e3b470b/images/icon_tip.png)

Tip Google Analytics is supported out-of-the box by Salesforce, and doesn’t require the following steps. However, before using Google Analytics, you must [configure it for your site](https://help.salesforce.com/s/articleView?id=experience.networks_google_analytics_setup.htm&release=264.0.0&type=5 "Set up Google Analytics to track user IDs, user types, and search activity so that users can pull this information into meaningful reports.").

For security purposes, we restrict the tags, attributes, and values allowed in the `head` markup of your pages.

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
        <colgroup>
          <col style="width:37.453183520599254%">
          <col style="width:62.546816479400746%">
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d36577e143">Allowed Tags</th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d36577e146">Allowed Attributes</th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="Allowed Tags" class="slds-cell-wrap" style="vertical-align:top;" headers="d36577e143 ">&lt;base&gt;</td>

            <td data-label="Allowed Attributes" class="slds-cell-wrap" style="vertical-align:top;" headers="d36577e146 ">href, target</td>

          </tr>
          <tr class="">
            <td data-label="Allowed Tags" class="slds-cell-wrap" style="vertical-align:top;" headers="d36577e143 ">&lt;link&gt;</td>

            <td data-label="Allowed Attributes" class="slds-cell-wrap" style="vertical-align:top;" headers="d36577e146 ">
              <p>as, charset, crossorigin, disabled, href, hreflang, id, import, integrity,
                media, rel,<sup>1</sup> relList, rev, sheet, sizes, target, title,
                type</p>
              <p style="margin-bottom:0;"><sup>1</sup> For rel, allowed values are alternate, apple-touch-icon,
                apple-touch-icon-precomposed, apple-touch-startup-image, author, bookmark,
                canonical, external, help, icon, license, manifest, mask-icon, next, nofollow,
                noopener, noreferrer, pingback, prefetch, preload, prev, search, shortcut icon,
                stylesheet, and tag.</p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Allowed Tags" class="slds-cell-wrap" style="vertical-align:top;" headers="d36577e143 ">&lt;meta&gt;</td>

            <td data-label="Allowed Attributes" class="slds-cell-wrap" style="vertical-align:top;" headers="d36577e146 ">
              <p>charset, content, http-equiv,<sup>2</sup> name, property, scheme
              </p>
              <p><sup>2</sup> For http-equiv, allowed values are cleartype, content-type,
                content-language, and default-style.</p>
              <p style="margin-bottom:0;">The attribute <code>http-equiv="X-UA-Compatible"</code> is only supported in combination with
                <code>content="IE=Edge"</code>.
              </p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Allowed Tags" class="slds-cell-wrap" style="vertical-align:top;" headers="d36577e143 ">&lt;noscript&gt;</td>

            <td data-label="Allowed Attributes" class="slds-cell-wrap" style="vertical-align:top;" headers="d36577e146 ">
              <p>Within &lt;noscript&gt; only the following elements are supported: &lt;a&gt;,
                &lt;iframe&gt;, &lt;img&gt;, and &lt;meta&gt;<sup>3</sup>
              </p>
              <p><sup>3</sup>For &lt;meta&gt;, allowed attributes are http-equiv and content. Both
                attributes are required.</p>
              <p style="margin-bottom:0;">refresh is the only allowed value for the attribute
                http-equiv. </p>
            </td>

          </tr>
          <tr class="">
            <td data-label="Allowed Tags" class="slds-cell-wrap" style="vertical-align:top;" headers="d36577e143 ">&lt;script&gt;</td>

            <td data-label="Allowed Attributes" class="slds-cell-wrap" style="vertical-align:top;" headers="d36577e146 ">Use for custom content</td>

          </tr>
          <tr class="">
            <td data-label="Allowed Tags" class="slds-cell-wrap" style="vertical-align:top;" headers="d36577e143 ">&lt;style&gt;</td>

            <td data-label="Allowed Attributes" class="slds-cell-wrap" style="vertical-align:top;" headers="d36577e146 ">type, media, nonce, title</td>

          </tr>
          <tr class="">
            <td data-label="Allowed Tags" class="slds-cell-wrap" style="vertical-align:top;" headers="d36577e143 ">&lt;title&gt;</td>

            <td data-label="Allowed Attributes" class="slds-cell-wrap" style="vertical-align:top;" headers="d36577e146 ">None allowed</td>

          </tr>
        </tbody>
      </table>

If the content in your `<head>` tag is invalid, you can’t save your work. If you entered unsupported code, hover over ![Code error indicator](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-experience-communities-264-0-0-production-enus/bf7df212-91a1-4fa3-a007-4d6f3e3b470b/communities/images/builder_headererror.png) to see details on the issues.

Existing `head` elements that contain invalid markup are stripped from the page before it’s rendered. To get the `head` working again, use Experience Builder to remove the unsupported tags.

1. In Experience Builder, click **![Settings](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-experience-communities-264-0-0-production-enus/bf7df212-91a1-4fa3-a007-4d6f3e3b470b/communities/images/community_builder_settings.png)** | **Advanced**.
    
    ![Advanced section of the Settings area in Experience Builder.](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-experience-communities-264-0-0-production-enus/bf7df212-91a1-4fa3-a007-4d6f3e3b470b/communities/images/community_builder_page_head2.png)
2. Click **Edit Head Markup**.
3. Enter the markup and save your changes.
    
    When you add custom markup, the code is added to the `head` of every page in your site, including login pages.
4. Before deploying the site to your production org, test the `head` markup in your sandbox or DE orgs.
    
    Depending on the CSP security level of your site, head markup sometimes doesn’t work as expected. See [Select the Relaxed CSP security level](https://help.salesforce.com/s/articleView?id=experience.networks_security_csp_tips.htm&release=264.0.0&type=5 "Whether you’re an administrator, content manager, or developer, be aware of the impact of the different security levels on your Experience Builder site. This impact can be far-ranging and unexpected.").
    
    Alternatively, conflicts can arise with Lightning Locker. See [Resolve Lightning Locker Conflicts in Experience Builder](https://developer.salesforce.com/docs/atlas.en-us.communities_dev.meta/communities_dev/communities_dev_security_limitations.htm) in the Experience Cloud Developer Guide.

![Example](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-experience-communities-264-0-0-production-enus/bf7df212-91a1-4fa3-a007-4d6f3e3b470b/images/icon_example.png)

Example

Here we added HTML to include a favicon on our site’s pages.

![Edit Head Markup dialog box](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-experience-communities-264-0-0-production-enus/bf7df212-91a1-4fa3-a007-4d6f3e3b470b/communities/images/community_builder_page_head1.png)

#### See Also

- [_Experience Cloud Developer Guide_: Example: Adobe Analytics and Lightning Locker in Experience Builder Sites](https://developer.salesforce.com/docs/atlas.en-us.communities_dev.meta/communities_dev/communities_dev_security_example.htm)
- [_LWR Sites for Experience Cloud Developer Guide_: Head Markup in LWR Sites](https://developer.salesforce.com/docs/atlas.en-us.250.0.exp_cloud_lwr.meta/exp_cloud_lwr/template_differences_markup.htm)