Ratings and Reviews
Ratings and Reviews are provided by a third-party. This component wraps around that content in order to override some of the default styles.
The Ratings and Reviews component is now deprecated. It was only used in conjunction with the HTML and CSS content provided by PowerReviews, giving a Vistaprint styling to that content. Vistaprint has changed to writing its own HTML/CSS for the ratings, so should use the Ratings Stars component instead.
<RatingsAndReviews hideAskAQuestion={false}>{contentFromTheThirdPartyRatingsProvider}</RatingsAndReviews>
<div class="ratings-and-reviews ratings-and-reviews-hide-ask-a-question"><!-- content from the third-party ratings provider --></div>
Hiding "Ask a Question"
You can hide the "Ask a Question" button:
<RatingsAndReviews hideAskAQuestion={false}>{contentFromTheThirdPartyRatingsProvider}</RatingsAndReviews>
<div class="ratings-and-reviews ratings-and-reviews-hide-ask-a-question"><!-- content from the third-party ratings provider --></div>
Props
RatingsAndReviews
| Prop | Type | Default | Description |
|---|---|---|---|
| hideAskAQuestion | boolean | If true will hide the "Ask a Question" button |
All other props are forwarded to the element specified in thecomponentprop(default: <div/>)
Guidelines
Developer Guidelines
Ratings and Reviews are provided by a third-party, and comes with a default set of visuals. Visage overrides these with its own stylesheet.
SEO Considerations
Ratings & Reviews should be rendered on the server side as part of the page's source HTML, not loaded dynamically.
Average ratings, best ratings, and number of ratings should be displayed on the page to be eligible on Structured Data.
Ratings & Reviews should be integrated into Structured Data in order to enrich snippet shown on SERP (Search Engine Result Pages) and maximize CTR + Clicks.
At least one single complete review should be added to the Structured Data declaration to make it complete.
Contact the Organic Search team for a Structured Data JSON Script you can use as a reference for integration, and be aware of the Schema.org Review Declaration.