# Heading

{% hint style="info" %}
The `heading` block allows you to give structure to your page by acting like a title or subtitle for important elements.
{% endhint %}

<figure><img src="https://3250709389-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MS33S0eoYwMaMrLb7T_%2Fuploads%2FWRRAu09SUEVLZteVkRCu%2FScreenshot%202023-07-18%20at%2010.54.02.png?alt=media&#x26;token=b1871c75-98e9-46dd-9af2-c524cd74293c" alt=""><figcaption></figcaption></figure>

## Basics

{% hint style="info" %}
`Headings` in general help search engines understand and index the structure of your page.
{% endhint %}

{% hint style="danger" %}
Do not use the `heading` block to make your paragraphs or text seem bold and big. They should be used to highlight important passages in your page.
{% endhint %}

The `heading` block is essentially a text block but allows you to specify its importance in the page.

Its importance can easily be described by the Tag property.

There are 6 levels of importance for the `heading` block: H1, H2, H3, H4, H5, and H6.

&#x20;&#x20;

<figure><img src="https://lh3.googleusercontent.com/50UWGlHZLh9iPa3mp466QpxR66NE-A9TcCtX0mQaQynAKMxmmSdwYc-Hr05rPo3ykrd0RCRh6fdR_cHZOK53XIZvHuYheCijBnMfdfsmKGSWlX0ck7z6asCRTEKd8KWEYSlQOFIrLwbAyp5P5DfNkpH4Iya1rQYuhlUBpS969twojZlYDV1vnxBCAzpv2Q" alt=""><figcaption></figcaption></figure>

## Add

The easiest way to add a Heading is through the Cwicly [Quick Inserter](https://docs.cwicly.com/cwicly/quick-inserter).

* Enable the [Quick Inserter](https://docs.cwicly.com/cwicly/quick-inserter).
* Find the Quick Inserter to the left of the editor and click the Heading icon to add a heading.

![](https://3250709389-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MS33S0eoYwMaMrLb7T_%2Fuploads%2F1kwZ2QCSonUrDGsDYUgd%2FScreenshot%202023-07-18%20at%2011.26.42.png?alt=media\&token=6e07febd-df59-4b42-9864-9aea922fcb9f)

## Tag

The Tag property allows you to specify the most important `headings` as well as the least important headings in the page.

The tag headings are styled globally in the Typography tab within the Global Styles tab.

{% hint style="info" %}
Always use the H1 tag to mark the most important `heading`, usually at the top of your page, followed by the lower-level headings such as H2, H3, H4, and so on.
{% endhint %}

{% hint style="warning" %}
You should not have more that one H1 tag per page.
{% endhint %}

## Modify

* Select a Heading Block.
* Open the Block Inspector.
* Navigate to the Primary tab.
* Open the Typography tab.
* Find the Tag property.
* Select desired Tag (H1, H2, H3, H4, H5, H6).

![](https://3250709389-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MS33S0eoYwMaMrLb7T_%2Fuploads%2FWKkrWU3K0ELd1Cr4gPUf%2FScreenshot%202023-07-18%20at%2011.32.09.png?alt=media\&token=996a5421-b95b-4eb6-9b2d-8fa23b7618a9)
