<h2 itemprop="name">
<a href="#" itemprop="url">Service name</a>
</h2>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
<h3 class="h4">Rechercher l'entité compétente selon la commune ou le numéro postal (NPA)</h3>
<form class="input-group vd-search-form-regular" action="#" role="search">
<label class="sr-only" for="search-form" id="search-form-label">Rechercher l'entité compétente selon la commune ou le numéro postal (NPA)</label>
<input id="search-form" type="text" class="form-control" aria-describedby="search-form-label">
<span class="input-group-btn">
<button class="btn btn-dark" type="submit" aria-label="Rechercher"><i class="fas fa-search" aria-hidden="true"></i></button>
</span>
</form>
<ul>
<li><a href="#">Bofflens</a></li>
<li><a href="#">Bogis</a></li>
<li><a href="#">Bonvillard</a></li>
</ul>
<h2 itemprop="name"
{%- if titleModifier %} class="{{ titleModifier }}" {% endif %}>
{%- if url %}
<a href="{{ url }}" itemprop="url">
{%- endif %}
{%- if accessibleName %}
<span class="sr-only">{{ accessibleName }}</span>{% endif -%}
{{ name }}
{%- if url -%}
</a>
{%- endif %}
</h2>
{% if division -%}
<h3 class="vd-heading-light h4 mt-0">{{ division }}</h3>
{%- endif %}
{% if description %}<p>{{ description }}</p>{% endif %}
{% render '@search-form--regular', search, true %}
{% if suggestions %}
<ul>
{% for suggestion in suggestions %}
<li><a href="{{ suggestion.url }}">{{ suggestion.text }}</a></li>
{% endfor %}
</ul>
{% endif %}
{
"name": "Service name",
"accessibleLink": "Accéder à la page de: ",
"url": "#",
"division": null,
"description": "Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.",
"address": {
"streetAddress": "Rue de la Barre 2",
"postOfficeBoxNumber": "5278",
"postalCode": "1000",
"addressLocality": "Lausanne",
"addressCountry": "Suisse"
},
"account": {
"type": "CCP",
"number": "10-206496-4"
},
"person": {
"name": "Alain Duvoisin",
"jobTitle": "Garde Forestier"
},
"telephone": "+41 21 123 45 67",
"email": "service.departement@vd.ch",
"additionalUrl": [
{
"url": "https://www.fake-url.com",
"text": "Lien libre"
}
],
"button": {
"text": "Nous écrire",
"href": "#",
"title": "Formulaire de contact"
},
"openingHours": {
"title": "Heures d'ouverture",
"openingHours": [
{
"text": "du lundi au vendredi de 8h00 à 11h30 et de 13h30 à 16h30",
"microdata": "Mo,Tu,We,Th,Fr 08:00-11:30,13:30-16:30"
}
],
"info": "Nous sommes fermés pendant la période des fêtes"
},
"image": true,
"search": {
"heading": {
"level": "h3",
"text": "Rechercher l'entité compétente selon la commune ou le numéro postal (NPA)",
"styleModifier": "h4"
},
"label": "Rechercher l'entité compétente selon la commune ou le numéro postal (NPA)",
"placeholder": false
},
"suggestions": [
{
"text": "Bofflens",
"url": "#"
},
{
"text": "Bogis",
"url": "#"
},
{
"text": "Bonvillard",
"url": "#"
}
]
}
Make sure to follow structred data and test them.