I have 2 domains; each domain and each category is different, i am not into coding, so what is right and what is wrong for A) BrowserGames and B) VideoGames?
Domain 1 for Browsergames:
A)Code for Site with Genre-Category:
<div class="footerRating"><br><span itemprop="aggregateRating" itemscope
itemtype="http://schema.org/AggregateRating">Durchschnittliche Bewertung:
<span
itemprop="ratingValue">4.4</span>/5 - <span
itemprop="reviewCount">13773600</span> Stimmen </span></div>
B)Code for Site with Game:
<div id="game_rate" itemprop="aggregateRating" itemscope
itemtype="http://schema.org/AggregateRating"><div
class='ratingLeftContainer'><div class='gameEstimateIcon spriteRatingBig3'>
<span itemprop="ratingValue">80%</span><meta itemprop="bestRating"
content="100%"/></div></div><div class='ratingMiddleContainer'>Wie gefällt
Dir das Spiel?<div class='iconline'><a class="spriteRatingMiddle0"
href="javascript:void(0);" rel="autoimageswitch" title="Schlecht"
onclick="rateGame('aTg1SDRDa01qZ3hNak0w',0,'intermediate_special');"></a> <a
class="spriteRatingMiddle1" href="javascript:void(0);" rel="autoimageswitch"
title="Mittel"
onclick="rateGame('aTg1SDRDa01qZ3hNak0w',1,'intermediate_special');"></a> <a
class="spriteRatingMiddle3" href="javascript:void(0);" rel="autoimageswitch"
title="Gut"
onclick="rateGame('aTg1SDRDa01qZ3hNak0w',2,'intermediate_special');"></a> <a
class="spriteRatingMiddle4" href="javascript:void(0);" rel="autoimageswitch"
title="Verdammt Gut!"
onclick="rateGame('aTg1SDRDa01qZ3hNak0w',3,'intermediate_special');"></a>
</div></div><div class='clear'></div><span class="ratingCount"><span
class="counterValue" itemprop="ratingCount">43315</span>  <span
class="counterText">x bewertet</span></span></div>
<div id='maincontent_container'><div id='content' class="gamePage"><div
id='flash_container'></div><div id="game_intermediate_special_container"
class="gameContainer"><div id="game_site_content"><div
id="game_intermediate_container" class=""><div class="breadcrumb"><div
style="display: inline; float:left;"><a href="*URL deleted*"
class="breadcrumbLink first" >Spiele</a> > </div><div
style="display: inline; float:left;"><ol itemscope
itemtype="http://schema.org/BreadcrumbList" style="margin: 0; padding: 0;">
<li itemprop="itemListElement" itemscope
itemtype="http://schema.org/ListItem" style="display: inline;list-style:
none;"><a itemscope itemtype="http://schema.org/Thing" itemprop="item"
href="*URL deleted*" title="Mädchen" class="breadcrumbLink"><span
itemprop="name">Mädchen</span></a><meta itemprop="position" content="1" />
</li><li itemprop="itemListElement" itemscope
itemtype="http://schema.org/ListItem" style="display: inline;list-style:
none;"><span class="gameInfoBreadcrumbArrow"> > </span> <a
itemscope itemtype="http://schema.org/Thing" itemprop="item" href="*URL
deleted*" title="Kochen und Backen" class="breadcrumbLink"><span
itemprop="name">Kochen und Backen</span></a><meta itemprop="position"
content="2" /></li></ol></div>
Domain 2 for VideoGames:
A)Code for Site with Game:
<div class="stiRightColGameOverview" itemscope
itemtype="http://schema.org/Product">
<meta itemprop="name" content="Grand Theft Auto 5">
<div itemprop="review" itemscope itemtype="http://schema.org/Review">
<p>
B)Code for Site with Genre-Category:
<body itemscope itemtype="https://schema.org/WebPage">
<li class="pull-left text-center" itemprop="reviewRating" itemscope
itemtype="http://schema.org/Rating">
<meta itemprop="worstRating" content="1">
<meta itemprop="bestRating" content="99">
<a href="/artikel/5548/1/"><span class="stiSpinxHigh"
itemprop="ratingValue" title="spieletipps Wertung 95%">95</span></a><br/>
<a href="/artikel/5548/1/"><span class="stiAwardInfoText">Wir meinen</span>
</a>
</li>
What is wrong? Any improvements?
#unor:PLZhelpme
Related
TYPO3 9.5.3 Fluid Bootstrap Package
How to make a mega menu in TypoScript with the placeholder I provide for example toplevel1 is the first then a dropdown toplevel2 and then a dropdown top-level 3? If you need the css I will upload it also and the JavaScript.
Thank you for you help. OR should I build the menu only with TypoScript?
Thank you
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="content-language" content="de-DE">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>HTL Villach</title>
<link rel="icon" type="image/png" href="images/logo_schwarz.png">
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.css" />
</head>
<body>
<!-- NAVBAR -->
<header>
<nav class="navbar navbar-expand-lg navbar-dark">
<a class="logo-link" href="index.html">
<img class="logo" width="190%" src="fileadmin/images/bannerlogo04.png">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" >
<img class="hamburger" src="images/menu.svg">
</button>
<!-- DESKTOP-DESIGN-AUSBILDUNG -->
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a class="desktop nav-link dropdown-toggle drop" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
{menuPrimary f:format.raw()}<i class="fas fa-caret-down faicon"></i>
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<div class="container">
<div class="row"><div class="desktop col-lg-3">
<ul class="nav flex-column">
<li class="nav-item">
<a class="nav-link-header" href="#">{toplevel2 f:format.raw()}</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">{toplevel3 f:format.raw()}</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</li>
<!-- MOBILE-DESIGN AUSBILDUNG -->
<li class="mobile nav-item dropdown">
<a class="nav-link md dropdown-toggle" href="http://example.com" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
{toplevel1 f:format.raw()} <i class="fas fa-caret-down faicon"></i>
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<li class="dropdown-submenu"><a class="dropdown-item dropdown-toggle col-lg-3" href="#">{toplevel2 f:format.raw()} <i class="fas fa-caret-down faicon"></i></a>
<ul class="dropdown-menu">
<li><a class="dropdown-item-sub" href="#">{toplevel3 f:format.raw()}</a></li>
</ul>
</ul>
</li>
<!-- DESKTOP-DESIGN-SCHULE -->
<li class="nav-item dropdown">
<a class="desktop nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
{toplevel1 f:format.raw()} <i class="fas fa-caret-down faicon"></i>
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<div class="container">
<div class="row">
<div class="desktop col-lg-4">
<ul class="nav flex-column">
<li class="nav-item">
<a class="nav-link-header" href="#">{toplevel2 f:format.raw()}</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">{toplevel3 f:format.raw()}</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</li>
<!-- MOBILE-DESIGN SCHULE -->
<li class="mobile nav-item dropdown">
<a class="nav-link md dropdown-toggle" href="http://example.com" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
{toplevel1 f:format.raw()} <i class="fas fa-caret-down faicon"></i>
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<li class="dropdown-submenu"><a class="dropdown-item dropdown-toggle col-lg-3" href="#">{toplevel2 f:format.raw()} <i class="fas fa-caret-down faicon"></i></a>
<ul class="dropdown-menu">
<li><a class="dropdown-item-sub" href="#">{toplevel3 f:format.raw()}</a></li>
</ul>
</li>
</ul>
</li>
<!-- DESKTOP-DESIGN-LEHRER -->
<li class="nav-item dropdown">
<a class="desktop nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
{toplevel1 f:format.raw()} <i class="fas fa-caret-down faicon"></i>
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<div class="container">
<div class="row">
<div class="desktop col-lg-5">
<ul class="nav flex-column">
<li class="nav-item">
<a class="nav-link-header" href="#">{toplevel2 f:format.raw()}</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">{toplevel3 f:format.raw()}</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</li>
<!-- MOBILE-DESIGN LEHRER -->
<li class="mobile nav-item dropdown">
<a class="nav-link md dropdown-toggle" href="http://example.com" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
{toplevel1 f:format.raw()} <i class="fas fa-caret-down faicon"></i>
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<li class="dropdown-submenu"><a class="dropdown-item dropdown-toggle col-lg-3" href="#">{toplevel2 f:format.raw()} <i class="fas fa-caret-down faicon"></i></a>
<ul class="dropdown-menu">
<li><a class="dropdown-item-sub" href="#">{toplevel3 f:format.raw()}</a></li>
</ul>
</li>
</ul>
</li>
</ul>
<!-- SUCHE -->
<form class="form-inline my-2 my-lg-0">
<input class="form-control" type="search" placeholder="Suche" aria-label="Search">
<a id="search" href="index.html"><i class="fas fa-search"></i></a>
</form>
</div>
</nav>
</header>
<!-- FOOTER -->
<div class="footer">
<span class="copyright">©</span>
<span class="mr-2">Höhere technische Bundeslehr- und Versuchsanstalt Villach, Tschinowitscher Weg 5, 9500 Villach</span>
<span class="vertical-line">|</span>
<span>Tel: +43 4242 37061-0</span>
<span class="vertical-line">|</span>
Kontakt
<span class="vertical-line">|</span>
Impressum
</div>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
<script src="js/nav.js"></script>
</body>
</html>
#Björn: Especially for megamenus, use of TS will offer you many possibilities of individual, partial caching. So it's a choice between performance and maintainability.
Fist of all I am new to css/javascript/bootstrap.
All I want is to place this code:
<i class="fi-guide-dog"></i>
inside my span (or somewhere) so the dog icon shows next to the "Dog" word.
Please find my code below:
{%load static%}
<link rel="stylesheet" type="text/css" href="{% static 'toarnatot/style.css' %}" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle= "collapse" data-target ="#topnavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href={%url 'toarnatot:home'%}><strong>ToarnaTot</strong></a>
</div>
<!-- items -->
<div class="collapse navbar-collapse">
<ul class ="nav navbar-nav">
<li class="">
<a href="{% url 'toarnatot:home'%}">
<span class="glyphicon glyphicon-something" aria-hidden="true">
Dog
</span>
</a>
</li>
</ul>
</div>
</div>
</nav>
Do not put anything inside the span tag , instead create another tag to print the text that you want to display with the glyphicon.
like:
<p>dog</p>
<span class="glyphicon glyphicon-something" aria-hidden="true"></span>
I tried a simple example, but the SiteNavigationElement is not working when I test it using the Google Structured Data Testing Tool. It gives the error:
SiteNavigationElement is not a known valid target type for the additionalType property.
The Microdata:
<div itemscope itemtype="http://schema.org/WebPageElement">
<link itemprop="additionalType" href="http://schema.org/ItemList" />
<meta itemprop="name" content="navigation_menu" />
<ul>
<li itemprop="additionalType" itemscope itemtype="http://www.schema.org/SiteNavigationElement">
<span itemprop="itemListElement">
<a href="http://www.example.com/link_1" itemprop="url">
<span itemprop="name">Link 1</span>
</a>
</span>
</li>
<li itemprop="additionalType" itemscope itemtype="http://www.schema.org/SiteNavigationElement">
<span itemprop="itemListElement">
<a href="http://www.example.com/link_2" itemprop="url">
<span itemprop="name">Link 2</span>
</a>
</span>
</li>
</ul>
</div>
The additionalType property should not be used to create another item (which you are doing with itemscope+itemtype). Its job is to provide the URI of additional types, so the URI itself is the value here.
It seems that you want to mark up each link in your navigation. This is not possible with SiteNavigationElement (it can only be used to mark up the whole navigation, so it’s typically useless).
It would be possible with ItemList, and you could provide SiteNavigationElement as additionalType (but I wouldn’t expect any consumer to make use of this):
<div itemscope itemtype="http://schema.org/ItemList">
<link itemprop="additionalType" href="http://schema.org/SiteNavigationElement" />
<ul>
<li itemprop="itemListElement" itemscope itemtype="http://schema.org/WebPage">
<span itemprop="name">Link 1</span>
</li>
<li itemprop="itemListElement" itemscope itemtype="http://schema.org/WebPage">
<span itemprop="name">Link 2</span>
</li>
</ul>
</div>
Or as an actual MTE (without additionalType):
<div itemscope itemtype="http://schema.org/ItemList http://schema.org/SiteNavigationElement">
<ul>
<li itemprop="itemListElement" itemscope itemtype="http://schema.org/WebPage">
<span itemprop="name">Link 1</span>
</li>
<li itemprop="itemListElement" itemscope itemtype="http://schema.org/WebPage">
<span itemprop="name">Link 2</span>
</li>
</ul>
</div>
Same as the MTE example above by #unor, except in JSON-LD.
(If your list has id's it makes sense to use them.)
<script type="application/ld+json">
{
"#context":"http://schema.org",
"#type":["ItemList", "SiteNavigationElement"],
"#id": "https://example.com/#nav",
"url":"https://example.com/#nav",
"itemListElement":[
{
"#type":"WebPage",
"position":1,
"name": "home",
"#id": "https://example.com/#home",
"url":"https://example.com/home.html"
},
{
"#type":"WebPage",
"position":2,
"name": "Core Solutions",
"#id": "https://example.com/#core",
"url":"https://example.com/core.html"
}
]
}
</script>
I'm designing a system which uses all bootstrap controls. on every page, an horizontal scroll is displayed. however there seems to be no control that is causing this. I give you the example of one of my pages. I think I have something wrong in the head, but I can not find it.
<!DOCTYPE html>
<?error_reporting(0);?>
<? include_once "include/checkSession.inc"; ?>
<? include_once "include/conexion.inc"; ?>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="../../favicon.ico">
<title>Clínica 25 de Mayo</title>
<!-- Bootstrap core CSS -->
<link rel="stylesheet" type="text/css" href="styles/bootstrap_flatly.css"/>
<script type="text/javascript" src="include/jquery.js"></script>
<script type="text/javascript" src="include/bootstrap.min.js"></script>
<script type="text/javascript" src="include/bootstrap-datepicker.js"></script>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="bienvenido.php?login=<?=$textLogin;?>">Clínica 25 de Mayo</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li class="active">Inicio</li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Mis Turnos <span class="caret"></span></a>
<ul class="dropdown-menu">
<li>Reservar Turno</li>
<li>Ver Turnos Reservados</li>
<li>Anular Turno</li>
</ul>
</li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Mi Cuenta<span class="caret"></span></a>
<ul class="dropdown-menu">
<li>Ingreso de mis Datos y/o de Otra persona.</li>
<li>Datos Propios</li>
<li>Cambiar Contraseña</li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><span class="glyphicon glyphicon-log-in"></span> Cerrar Sesión</li>
</ul>
</div>
</div>
</nav>
<form class="form-horizontal" name="formPwd" method="post" action="contraseniaGuardar.php">
<h4 class="text-center text-primary">Complete el formulario para cambiar la contraseña de acceso al sistema del Usuario<br><b><?=$_SESSION["nombreUsr"]; ?> <?=$_SESSION["apellidoUsr"]; ?></b></h4>
<input type="hidden" name="login" value="<?=$textLogin;?>">
<h2 class="text-center text-primary">Ingrese su nueva contraseña</h2>
<div class="form-group">
<label class="col-sm-3 control-label">Contraseña anterior:</label>
<div class="col-sm-6">
<input class="form-control" type="password" name="textAnterior" size="35" maxlength="50">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Nueva contraseña:</label>
<div class="col-sm-6">
<input class="form-control" type="password" name="textNueva" size="35" maxlength="50">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">Confirme la contraseña:</label>
<div class="col-sm-6">
<input class="form-control" type="password" name="textConfirma" size="35" maxlength="50">
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-3 col-sm-6">
<input type="button" value="Guardar" class="btn btn-lg btn-success btn-block" onClick="javascript:modificar();">
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-3 col-sm-6">
<input type="button" value="Cancelar" class="btn btn-lg btn-primary btn-block" onClick="javascript:cancelar();">
</div>
</div>
</form>
</body>
I am trying to implement Schema.org structured data to my website. On one of my pages, I have a possibility for users to rate and review a tourist attraction (for example St. Stephan's Cathedral in Vienna). Now I want to enhance my HTML with structured data for it.
Here is an example code of it (also available on http://pastebin.com/u8YZtrpW):
<!doctype html>
<html lang="de">
<head></head>
<body itemscope itemtype="http://schema.org/WebPage">
<div itemscope itemtype="http://schema.org/Place">
<article class="boxy-full">
<div>
<div class="rating" itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating" title="Rating: 4.50/5 <br># Ratings: 10">
<meta itemprop="ratingValue" content="4.50"/>
<meta itemprop="bestRating" content="5"/>
<meta itemprop="ratingCount" content="10"/>
<i class="glyphicon glyphicon-star"></i>
<i class="glyphicon glyphicon-star"></i>
<i class="glyphicon glyphicon-star"></i>
<i class="glyphicon glyphicon-star"></i>
<i class="glyphicon glyphicon-star-empty"></i>
</div>
</div>
<h1 itemprop="name">Vienna - St. Stephan's Cathedral</h1>
<div class="ccheader">
<meta itemprop="image" content="/myimg.jpg"/>
<img src="/myimg.jpg" alt="St. Stephan's Cathedral"/>
</div>
<div class="content">
<p>Here comes some text to describe the Place...</p>
</div>
</article>
<div class="boxy-full">
<h2>User-Bewertungen</h2>
<article class="blueblock" itemscope itemtype="http://schema.org/Review">
<div class="pull-right" itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating">
<meta itemprop="ratingValue" content="5"/>
<meta itemprop="bestRating" content="5"/>
<meta itemprop="worstRating" content="1">
<div class="rating" title="Rating: 5/5" data-placement="bottom">
<i class="glyphicon glyphicon-star"></i>
<i class="glyphicon glyphicon-star"></i>
<i class="glyphicon glyphicon-star"></i>
<i class="glyphicon glyphicon-star"></i>
<i class="glyphicon glyphicon-star"></i>
</div>
</div>
<meta itemprop="itemreviewed" content="Stephansdom in Wien">
<h3 itemprop="name">Review 1 Title</h3>
<div class="co" itemprop="reviewBody">
Here comes some review text...
</div>
<footer class="small">Created by Gastuser, on 19.01.2015
<meta itemprop="datePublished" content="2015-01-19">
</footer>
</article>
<article class="blueblock" itemscope itemtype="http://schema.org/Review">
<div class="pull-right" itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating">
<meta itemprop="ratingValue" content="5"/>
<meta itemprop="bestRating" content="5"/>
<meta itemprop="worstRating" content="1">
<div class="rating" title="Rating: 5/5" data-placement="bottom">
<i class="glyphicon glyphicon-star"></i>
<i class="glyphicon glyphicon-star"></i>
<i class="glyphicon glyphicon-star"></i>
<i class="glyphicon glyphicon-star"></i>
<i class="glyphicon glyphicon-star"></i>
</div>
</div>
<meta itemprop="itemreviewed" content="Stephansdom in Wien">
<h3 itemprop="name">Review 1 Title</h3>
<div class="co" itemprop="reviewBody">
Here comes some review text...
</div>
<footer class="small">Created by Gastuser, on 19.01.2015
<meta itemprop="datePublished" content="2015-01-19">
</footer>
</article>
</div>
</div>
</body>
</html>
My problem now is, that the Google webmaster tool for testing structured data (https://www.google.com/webmasters/tools/richsnippets) gives me the following error message:
No rich snippet will be generated for this data, because it appears to include multiple reviews of an item, but no aggregate review information.
But there is an aggregated rating markup. What I am doing wrong?
I don’t know why Google’s old SDTT reports this, but their new SDTT doesn’t:
Apart from the author property that Google would like to see for the Review items, no relevant errors or warnings are reported.