---
title: "FoundationNg Site Config"
description: "The FoundationNg Site Config is used to do some Settings for the Site itself."
path: https://www.eonshowroom.eon.com/en/aem-basics/configuration-pages/foundationng-site-config.html
lastModified: 2026-01-07T10:48:02.125Z
---

# FoundationNg Site Config

# FoundationNg Site Config

The FoundationNg Site Config is used to do some Settings for the Site itself. For Example:

- Image Settigs
- Site Name & Title (for SEO)
- Tracking APIs

### Usage

As this normally should be the same for all Pages, do it on Homepage Configuration Page.

## Configuration

![](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/EON_Pattern_4-1%3A3-1?fmt=webp-alpha)

![](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/foundation-ng_site-config_updated%3A16-9?fmt=webp)

### Options of FoundationNg Site Config

- Use "It's on us" Color Scheme

For only showing "It's on Us" Color Schemes in Editor Dialogs.

- Use Accessible Footer (including Icon Links)

For Websites that are on E.ON Brand Redesign and fully accessible the Footer Site Links must include the Link Icon.

So, if using the latest Version of the Footer, please activate this Checkbox to enable the Link Icons for the Site Links.

- Allow Schema.org Attributes

For Rendering Microscheme Attributes of [Schema.org](/content/foundationNG/en/aem-basics/schema-org.html) this Checkbox needs to be activated.

- Default WebP Image Quality

For [WebP Image Optimization](/content/foundationNG/en/aem-basics/webp-image-options.html) it is possible to define the default WebP Image Quality. The Standard is set to 50. This is a good Compromize between Page Performance and Image Quality.

If better Performance is wanted, it could be reduce to 40, which result in lower Image Quality. For High Quality Images 70 or 80 can be set, having negative Impact on Performance.

- Default Language for hreflang Alternate Tag

Set the default language code for hreflang tags on multi-language pages. This marks the language as x-default, helps search engines show the correct version, and improves international SEO. Leave the field empty for single-language sites. This ensures that your site is correctly indexed in different languages and improves visibility in international search results.

- Enable Tracking

Check to enable Datalayer Servlet. This is needed for proper [Tracking of configured Events](/content/foundationNG/en/aem-basics/tracking.html).

- Externalizer Key

This Key will be used to compute full URLs with the Link Externalizer Service for the current Site.

- Google Maps API Key

To configure the Google Map, Editor needs to provide a [Google Map API Key](https://developers.google.com/maps/documentation/javascript/get-api-key).

- Marketo ID

To use Marketo, Editor needs to provide a Marketo ID.

- Meta Title Appendix

If a Meta Title Appendix is maintained, it will be added to the Meta Title of [Pages effected by this Configuration Page](#range).

- No JS fallback path

Enter the site-relative Path (starting with /content/...) to the dedicated static fallback Page used for Users without JavaScript. If this Path is configured, Users with disabled JavaScript will be automatically redirected to this Page to receive essential Information.

- Site Name

Enter a Name for the Site.

- Open Graph default image

Choose a default Image for Sharing on Social Networks.

- Placeholder Box for Lazy Loading Images

Should be activated to ensure the correct Position of Anchor Links.

- Remove .html Appendix for Anchor Links

This Checkbox should only be set if Public Pages do not have .html Appendix of URL. This is needed to configure [Anchor Links](/content/foundationNG/en/content-elements/link.html) correctly.

- Enable HTML Compression

For Compressing the HTML of the rendered Page, which reduces the Amount of Data required (as the default AEM HTML is really bloated) and hence improve Page Load Times and connected Metrics.

- Language Code for Hypenation

For adding valid Language Names here for applying Hyphenation (Language Code must be in Small Case).

For Deleting a Language Name, Editor needs to click the Minus Icon (-) of the Line that should be deleted.

For Adding a Language Name, Editor needs to click on a Plus Icon (+). This adds a new empty Line under the Line of clicked Plus Icon. There, the Language Name and Language Code needs to be added.