Tutorial: A very basic website - Meta tags and more

Tutorial: A very basic website - Meta tags and more

In this part you will make the page title dynamic, you will add a meta tag to the head sections and add a title heading to the body.

Steps

Open Design Manager (Layout → Design Manager). On the Templates tab click the Basic demo - 1 template.

Replace the code in the Template Content field:

<!doctype html>
<html>
<head>
  <title>{sitename} :: {title}</title>
  <meta name="description" content="{description}">
</head>
<body>
  <h1>{title}</h1>
  {content}
  <hr>
  {content_image block='image1'}
  <hr>
  {content block='content2' label='Second content block'}<br>
</body>
</html>

Submit the template

Refresh the home page (front end). You should now see the body displays the title heading. The browser tab shows the sitename and the title of the page.

Now have a look at the html source of this page. Review the <head> section of the source and check that the <title> and <meta> tags hold the expected values.

Visuals

More info

Next

Next page: Tutorial: A very basic website - Add a dynamic menu

Tutorial contents