Header tags (H1, H2, H3, etc.) are used to structure content on a website. They not only help organize content for readers but also play a key role in search engine optimization (SEO). Header tags are automatically applied to content on your site, but this guide will walk you through the simple steps of changing these tags to your content within the SiteSwan platform.
STEP 1: Accessing Your Content Editor
Navigate to the page where you want to edit or add content.
Click "edit" on the content area to open the content editor.
STEP 2 - Selecting the Text You Would Like to Change the Header Tag For
Highlight the text you want to modify the heading tag. This could be the title of a section or a subsection within your page.
STEP 3 - Applying the Header Tags
Remember, H1 is typically used for main titles, H2 for major headings, and H3 for subheadings, and so on.
1. With your text selected, look for the toolbar in the content editor.
2. Click on the SEO Tag drop-down menu. You will likely see Heading 1, 2, etc. selected by default.
3. Select the appropriate header tag (Heading 1, Heading 2, Heading 3, etc.) you would like to use for your text.
STEP 4 - Save Your Changes
Once you are satisfied with the application of your header tags, be sure to save your changes by clicking on the "Post" button.
Examples of How to Use H Tags and the Paragraph Tag
Let's say you are working on a website for a roofer. Here's how you might apply header tags to the content.
H1 Tag: Used once per page for the main title, like “Top-Rated Roofing Contractor in Syosset, NY,” setting the overall theme of the page.
H2 Tags: Used for main sections under the H1 tag to break down the main topic, such as “Residential and Commercial Roofing Services.”
H3 and H4 Tags: These are used for further detailing under H2 tags, organizing content into specific sections. For example, under “Residential and Commercial Roofing Services,” H3 tags might include “Roof Repair” and “New Roof Installation.”
Paragraph Tag (<p>): Defines individual paragraphs, providing detailed explanations or descriptions that follow the headings. For instance, after an H3 tag like “Emergency Leak Repair,” the Paragraph tag is used to detail the steps involved in such repairs.
By using these tags appropriately, you can create a well-structured and easy-to-navigate webpage, enhancing both readability and user experience."