Readable web pages help people find and understand information quickly. Clear structure also supports people who use assistive technology and makes a page easier for search engines and other tools to interpret.
Elementor gives you control over both the structure and appearance of your content. Choose widgets and HTML tags based on their purpose, then use approved styles to control how they look.
Headings divide a page into meaningful sections. They help people scan the page and allow screen readers to navigate directly between sections.
Use Elementor’s Heading widget for page and section headings. Do not create a heading by enlarging or bolding text in a Text Editor widget.
The page title already appears as the page’s H1—do not add any other H1s to page as this negatively impacts search optimization.
Choose a heading level based on structure, not on how large you want the text to appear.
A heading should tell users what they will find in the section below it. Keep headings concise, specific and easy to understand without relying on internal terminology.
Vague | Clear |
More information | Application deadlines and required documents |
Resources | Teaching and learning resources |
Add a heading when the topic changes or when it would help users find a specific section. Avoid adding a heading for every short paragraph, and make sure all content below a heading relates to it.
Lists make related information easier to scan. They are especially useful for options, requirements, steps and short sets of supporting details.