ComboStrap Semantic - Event

Undraw My Documents


An event page is a page that advertises an event.

To tag your page has a event, you need to have:

  • the type of page set to event
  • a date_start set to the start date of the event in the local timezone
  • a date_end set to the end date of the event
  • name - the name of the event
  • a description - the description of the event

How to generate a list of event pages?

From the event dates, you can generate a list of event pages. See this howto: iterator list event


We declare the page as event page for google but to be valid, you also need to add the location in the frontmatter.

You can add a virtual or physical location by adding a “json-ld” property. Below is an example of an event taking place online and offline (if this is not the case for you, just delete the non-relevant location)

  "json-ld": {
    "location": [
        "@type": "VirtualLocation",
        "url": "https://domain/online/location"
        "@type": "Place",
        "name": "Physical Location - Snickerpark Stadium",
        "address": {
          "@type": "PostalAddress",
          "streetAddress": "100 West Snickerpark Dr",
          "addressLocality": "Snickertown",
          "postalCode": "19019",
          "addressRegion": "PA",
          "addressCountry": "US"

Offers, performer, organizer

If you want to add more information such as offers, performer or organizer, you just need to add the properties defined in the event page of google to the json-ld property.

Showcase yourself and your brand

Get free news, tips, and tricks
to create a remarkable experience for your readers.

Related HowTo's
How to format a date ?

This page shows you how to format a date.
Undraw Animating
How to generate a list of events?

This howto shows you how you can generate a list of pages event with the iterator components. page sql a list element with the date_start and date_end formated date of a page event...

Recommended Pages
Google Article Card
Google Rich Result

The ComboStrap pages supports the setting of metadata to enable . are results as below shown in the search page of Google that have been...
Page Explorer List Name To Ui Region
Page-explorer: adding page navigation easily to your website

With the page-explorer component, you can add an explorer like panel that will list your pages in a list or collapsible tree fashion
Undraw Building Websites I78t
The variables that can be used anywhere

This page describes which variables you can use in your content.
Undraw File Analysis 8k9b
Which date format are supported

How to write a date in the frontmatter to be valid

Task Runner