![\"page-title-intro\"](\"https:\/\/blogs.ncl.ac.uk\/web\/files\/2017\/04\/page-title-intro.png\")
<\/a>An example from the School of English Literature, Language and Linguistics website.<\/p><\/div>\n
In the case of masthead pages<\/strong>, the title and introduction are contained within the masthead image. Here\u2019s an example on the Electron Microscopy Research Services site<\/a>.<\/p>\n On tabbed pages<\/strong>, a page title should be added as usual, but introductions should be included on each individual tab<\/strong>. Here\u2019s an example on the School of Modern Languages site<\/a>.<\/p>\n There are different heading styles available in the 01. General Purpose Content<\/strong>\u00a0content type. Across University websites each of the headings are the same size and font, but the colours will vary depending on the design of your website.<\/p>\n Heading 2 is the first sub-heading on a page.<\/strong> If you want to introduce a new topic you will need to add a new Heading 2 by adding a new piece of general purpose content.<\/p>\n Heading 3 is the first sub-heading following Heading 2. You would use Heading 3 to introduce information related to Heading 2, but that contains enough content to form a sub section of information. Then Heading 4 is used as a sub-heading following Heading 3 and so on.<\/p>\n This creates a clear hierarchy of information both to users and search engines.<\/p>\n Headings in general purpose content will look something like this:<\/p>\n Heading styles in general purpose content.<\/p><\/div>\n You can use the same heading style multiple times on the same page. Use them to organise information in a clear, sensible way eg the first Heading 2 on the below page is followed by two Heading 3s:<\/p>\n Example of a page using multiple headings to organise information<\/p><\/div>\n Headings should never be used as links<\/strong>. If you want to add an impactful link, use a Call to Action (CTA) button<\/a> (the\u00a008. Button content type).<\/p>\n Titles in tabs are Heading 2. This means that all headings underneath them should be Heading 3 or smaller. Like this:<\/p>\n Headings on a tabbed page.<\/p><\/div>\n The title text on expandable content\u00a0defaults to\u00a0Heading 3. It looks like this:<\/p>\n An expandable box using Heading 3.<\/p><\/div>\n If you use a piece of expandable content under a Heading 3, you should change it’s title to Heading 4. Like this:<\/p>\n An example from the International Preparation Courses website.<\/p><\/div>\n For advice about writing good titles\u00a0and introductions, see our quick guides on headings<\/a> and introductions<\/a>, and our tips\u00a0for improving introductions<\/a> and page titles<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":" There are several different headings available in T4. The style of these headings (font, size, colour) is part of our branded University web template. To comply with accessibility guidelines and the University style guide, they should always be used in … Continue reading
\nGeneral purpose content<\/h2>\n
<\/a><\/a>
\nTabbed content<\/h2>\n
<\/a>
\nExpandable content<\/h2>\n
<\/a><\/a>
\nRelated posts<\/h2>\n