Managing Your Page's Heading Tags

5 min read
Heading tags are elements in your site's HTML code that represent the headings on your page. Heading 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.
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.
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
In this article, learn more about:

Adding a heading tag to your page

You can add heading 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. 
A screenshot of a H1 heading on a website
  • 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. 

Learn how to add an H1 tag in:

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 of your page while keeping the look of your text the same. 

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.  
You can find your customized text themes in the Add menu and in the drop-down under Themes.

To customize a heading tag:

  1. Click the text box that is used as the title of the page.
  2. Click Edit Text.
  3. Edit the Heading 1 text theme.
Click Reset to Theme at the bottom of Text Settings to change the text theme back to the most recently saved version of the theme.

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. 
A GIF of heading tags in the source code of a site

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

  1. Access the page's source code.
  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.

Did this help?