How to work with the Title Object

Best Practices > Step 4 - Pages >

How to work with the Title Object

 Previous pageReturn to chapter overviewNext page
Show/Hide hidden text

When you double-click on a Title Object in the Page layout table or you select it and click on the button, the Text Object window opens. In this window, you can enter the title, format it and define the style.

Click to expand/collapseHow to manage automatic <h1> and <h2> title tags

In HTML, the <h1></h1> to <h6></h6> tags are used to identify titles.

The <h1> tag must be used for the main title, the <h2> tag is used for the sub-title of the next subsection and so on, until you reach the lowest title level, represented by the <h6> tag. The tags must obviously be used in the correct order, without missing out levels, if you want to obtain an efficient page structure.

WebSite X5 can set the <h1> and <h2> tags automatically, in the following way:

▪In Step 1 - Website Settings | Advanced, go to the Statistics, SEO and Code | Basic section and select the Automatic heading tag management option:
•if you choose the H1 for page title item, the <h1> tag is assigned to the title (or extended title) that was given to the page when creating the map (see Text Style);
•if you choose the H1 for heading and H2 for page title item, the <h1> tag is assigned to the title of the page, followed by a hyphen and then the website title (<h1> = "Page Title - Site Title"). The <h1> title is added to the page code and linked to the template's header. The page title on its own, or the extended page title, will be assigned to the <h2> tag.
Click to expand/collapseHow to deactivate automatic <h1> and <h2> title tags

If you want to manage title tags manually, you must first ensure that the <h1> and <h2> tags are not assigned automatically by the Program.

To do this, you must:

▪go to Step 1 - Website Settings | Advanced and, in the Statistics, SEO and Code | Basic section, select H1 for page title in the Automatic heading tag management option.
▪go to Step 2, Template Settings and open the Text Style window to deactivate the Visible option for the Page Title.
Click to expand/collapseHow to manually set title tags

When you have deactivated automatic settings for the <h1> and <h2> title tags, you can decide which titles and text elements to assign to these tags, using the lower level tags, from <h3> to <h6> if necessary.

This can be done in several ways, The first method is by using the Title Object:

▪Use the specific Title Object to add all the titles that you want to give a title tag to, in the template's header or as page content.
▪For each Title Object added, go to the Title Object and give the Heading tag the appropriate value, from <h1> to <h6>.

Alternatively, instead of the Title Object you can use the Text Object:

▪When the object has been added, open the editor and type in and format the text, including the title.
▪Click on the Enable HTML Code button to insert the code.
▪Put the title you want to work on between the appropriate title tags: for example, type: <h1>Title</h1>.

The same is true if you choose to use the HTML Code Object: in this case, however, you cannot use the tools in the editor to format the text.

Even if you have not deactivated automatic tag management, you can still follow the procedures given above to complete the page structure with the lower title levels: from <h2> to <h6> if, in the Automatic heading tag management option, you have selected the H1 for page title item, or from <h3> to <h6> if you have selected the H1 for heading and H2 for page title option.