Tutorial: A very basic website - Meta tags and more

We need your assistance to make the documentation accurate, user friendly and understandable. Therefore we welcome any tips or suggestions regarding documentation. Thank you in advance for your contribution.

However, we will not respond to technical support questions submitted using this form. If you are having difficulty with CMSMS and cannot find the solution on this website, please submit your question appropriately on our support forum at: http://forum.cmsmadesimple.org. Please remember to follow the forum rules when posting.

CMS Made Simple™ Partner



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