Landing Page template

Landing Pages are used as an entry point for the audience to find content. They should be easy to scan and navigate, not display lengthy pieces of information.

Moving to the Help Hub

This guide has been moved to the Help Hub and this information will be removed soon.

See the Help Hub guide

On this page

Using landing pages

Do

  • Most landing pages should be very simple navigational pages with a hero banner at the top and cards below to link users to relevant content.
  • Do add a hero banner to your landing page. 
    • Add an image to the hero banner only if it supports the page content. 
      • A hero banner image is mandatory for top-level landing pages, that is, those that sit directly under the homepage.

      • An image is optional for lower-level landing pages.

  • For more complex landing page layouts:
    • A landing page should only consist of full-width layout sections (horizontal groups of related content) stacked on top of each other.
    • Each section should be separated by a section line separator component.
    • Each section can be divided into a 2, 3 or 4 column layout to suit the content.
  • Use a clean and easy to navigate layout that makes it easy for the audience to find what they are looking for.

  • Make sure your landing page layout is mobile-friendly and responsive, so it looks great on all devices.

Don't

  • Don't clutter your landing page with too much information or too many graphics, as this can overwhelm the audience and make it difficult to find what they're looking for.
  • Don't use landing pages to present lengthy pieces of information. Use a standard page instead. 

Create a new landing page

1. To create a new landing page go to Manage Menu > Content > Add Content > Landing Page.

 

""

 

2. Select Landing Page: Default > Submit

""

Mandatory page set up fields

Set up tabs

You will need to work through the following tabs – Content, Page, Media, Tags, Connections – to finish creating your page. Some fields are mandatory. 

 

""
Content tab – includes mandatory fields

Title (mandatory)

  • Use sentence case unless brand names or proper names are in use. No special characters. Try to aim for a maximum of 50 characters. 
  • The page title forms the end of the URL and appears in the breadcrumb and side navigation. 
  • The title displays as the H1 heading for the page and is the default meta title for SEO (Search Engine Optimisation).

Importance of page title (meta title) for SEO

The page title (also known as the meta title) is an important page elements for SEO.

  • The page title is the text that appears in the browser tab and is also used as the main link text in search engine results pages (SERPs).
  • It is the first thing the audience see when they come across your web page in search results.
  • It is important to make sure that the page title accurately describes the content of the page and includes relevant keywords to help search engines understand what the page is about.

Summary (mandatory)

  • The page summary will appear under the page title on the webpage.
  • Try to keep it less than 170 characters in length.
  • The summary is also the default meta description for SEO. 

Importance of the page summary (meta description) for SEO

  • The meta description is a brief summary of the content on the web page that appears below the page title in search results. 
  • It can influence click-through rates (CTR) from search results to your web page.
  • A well-crafted meta description can entice users to click through to your page by providing a concise summary of the content, include relevant keywords, and highlighting the benefits of visiting your page.
Page tab

Short title (optional)

Use the short title field if you want to shorten your page title for Side Navigation and Breadcrumbs to prevent text wrapping for long page titles. Use sentence case.  If no URL Slug is used, the short title will also modify the URL.

URL Slug (optional)

You can use the URL slug field to modify the end part of your URL. Use the URL slug to create a shorter, SEO-friendly URL and prevent duplication of words. 

The URL slug will override the URL that is automatically generated from the page title.

The URL slug:

  • must be lowercase

  • must separate words with a - (hyphen)

  • should include the page's primary keyword

  • should not exceed 32 characters.

Media tab

The media tab is only used when the landing page forms part of another component, for example, listings. 

Tags tab – includes mandatory fields

There are 3 mandatory fields you need to complete in this tab.

Agency (mandatory)

  • Start to type the name of the relevant Cluster or Agency in the Agency field and select from the drop down list.
  • You can choose more than one agency however, the first Agency listed will be the main agency for the content and will receive the Google Analytics data for the page.

Audience (mandatory)

  • You must select 1 or more audience types, that your content is relevant for. 

Topic (mandatory)

  • You must select at least 1 of the 20 main Topic tags, that is relevant to your content. 
  • The list of main topics can be found on the homepage.

Notes

  • It is optional to add other tags as relevant such as Region or Audience.
  • Discuss with your team what tagging may be required if you are planning on creating lists with your pages. 
  • Tags are only used to group related content together and do not play a part in SEO.
Connections tab – includes mandatory fields

Parent (mandatory)

  • Start to type the title for the nominated Parent page for your new web page.
  • The Parent you select will determine the URL structure and breadcrumb navigation at the top of the page. 
Governance – Editorial group – mandatory

1. Go to the Right hand side page menu > Governance > Editorial group.

 

""

2. Select the Editorial group/s that will be responsible for keeping this new web page updated. You can choose more than one group.

Once you have completed all the mandatory fields, scroll to the bottom of the page and click SAVE.

You can now edit your new Landing Page by selecting Pre-Published Draft from the page toolbar to access the Layout editor.


How the landing page template displays

The landing page template has the most design components available and there are many variations that agencies have created. See some live landing page examples from different agencies:


Top of page