Managing Your Page's Heading Tags

Heading tags are elements in your site's HTML code that represent the headings on your page. The tags have a top-down hierarchy from H1 (Heading 1) to H6 (Heading 6).

Headings help your site visitors understand what each page is about and can help your site's search engine optimization. They also help AI tools, like Google's AI Overviews and ChatGPT, understand and quote your content. When each section has a clear heading and covers one focused topic, AI tools are more likely to surface that section as an answer.

You can use different levels of heading tags as titles to structure the content on a page into sections and sub-sections. For example, you could use H2 tags for section titles and H3 tags for sub-section titles in your Wix Blog posts.

Important:

Heading tags are important for your site's accessibility as they help web browsers and screen readers understand how your site is organized, and how to present the content. Learn more about accessibility

Adding a heading tag to your page

You can add heading tags (i.e. HTML tags) to your site's pages in your editor.

For example, you can add an H1 tag to the top of your page. The H1 heading tag acts as the title of each page. This tag is the headline of a page, similar to the headline of a page in a newspaper.

Important:

• You can assign a heading tag to more than one line of text (or have line breaks between words) by pressing Shift + Enter to create line breaks.

• Make sure there are no empty line breaks set to the H1 text theme, as these generate blank H1 tags.

To add a H1 tag:

Wix Editor

1. Go to your editor.

2. Click Add Elements

   

   on the left side of the editor.

3. Click Text.

4. Click Add Heading 1 and drag it to your site page.

1. Click the text element and enter your headline.

Studio Editor

1. Go to your editor.

2. Click Add Elements

   

   on the left side of the editor.

3. Click Text.

4. Click Add Heading 1 and drag it to your site page.

1. Click the text element and select Edit Text.

2. Enter your headline.

Wix Harmony Editor

1. Go to your editor.

2. Click + Add at the top left of the editor.

3. Select the Text category.

4. Select the Titles tab.

5. Drag Heading 1 onto your page.

Changing the hierarchy of your text's heading tag

You can change the hierarchy of a heading tag of a piece of text without affecting its content or design. For example, you could change a title's heading tag from H1 to H4. This can be helpful if you need to restructure your page while keeping the look of your text the same.

To change your heading tag's hierarchy:

Wix Editor

1. Go to your editor.

2. Select the relevant text element.

3. Click Edit Text.

4. Click SEO & accessibility.

5. Select the new heading tag from the Choose HTML tag drop-down.

Studio Editor

1. Go to your editor.

2. Select the relevant text element.

3. Click Edit Text.

   Tip: This opens the Inspector panel on the right side of the editor.

4. (In the Inspector) Scroll down to the HTML tag setting.

5. Select the new heading tag (e.g. H1, div, P, etc.)

Wix Harmony Editor

1. Go to your editor.

2. Select the relevant text element.

3. Click the Text styles drop-down on the action bar.

4. Select a new heading tag.

Customizing your heading tags

You can make changes to the font, color and font size, and text style of your heading tags in your editor. After you save it, the change is applied across your whole site.

To customize a heading tag:

Wix Editor

1. Go to your editor.

2. Click the text box that is used as the title of the page.

3. Click Edit Text.

4. Click the Style drop-down and select Edit Theme at the bottom.

5. Customize a heading theme using the options. You can change the font, color and formatting.

   Tip: If needed, click Reset to Theme at the bottom to change the text theme back to the most recently saved version of the theme.

6. Click Apply.

Studio Editor

1. Go to your editor.

2. Click Site Styles

   

   on the left side of the editor.

3. Click the Typography tab.

4. Click the text style you want to update (e.g. Heading 3) under Text styles.

5. Customize the text style as you wish:

   • Choose a new font from the drop-down.

   • Choose the font size.

   • Make the text scale proportionally so it looks ideal on every screen size and set the maximum and minimum size in px (pixels).

   • Bold and / or italicize the text.

   • Set the line and character spacing.

   • Choose the text's color.

6. Go back to the main panel by clicking the Arrow icon

   

   at the top left.

These changes apply to all text elements with this style, except for text elements where you've made style overrides.

Wix Harmony Editor

1. Go to your editor.

2. Select the relevant text element.

3. Click the Text styles drop-down on the action bar.

4. Click Edit Text Styles.

5. Click the heading you want to customize.

6. Choose what you want to customize:

   • Choose a new font from the drop-down.

   • Choose the text's color.

   • Bold and / or italicize the text.

   • Choose the font size.

   • Set the line and character spacing.

Viewing your heading tags in your page's source code

You can check the source code to make sure it displays the correct heading tags for your page.

To view your page's heading tags in the source code:

1. Access the source code of the relevant page on your live site.

2. Press Ctrl + F to open the search bar.

3. Type <H1 (or <H2, <H3, etc.) in the search bar to locate the heading tag.