Skip to content

Google reviews card

A Google reviews summary block: average star rating, review count and breakdown, expandable recent reviews and a link to leave a review, with schema.org structured data.

  • Tailwind
  • React
  • CSS
  • WordPress
Open in a new tab

Description

The rating, breakdown and reviews are readable without JavaScript; once the script loads, older reviews and the end of long ones expand on demand, with aria-expanded and focus moved to the first revealed review. The JSON-LD markup (LocalBusiness, AggregateRating, Review) mirrors the figures shown exactly. Replace both links with your Google listing's. Google does not show stars in its results for reviews a business publishes on its own site, but the markup stays valid and useful to other engines.

Code

Loading the code…

Archive contents

carte-avis-google-html-tailwind.zip3 files · 6 Ko

  • index.html27 Ko
  • README.md3 Ko
  • LICENSE.md1 Ko

Tags

Updated on October 16, 2026.

In the same spirit

  • A “Find us” card bringing together address, access, phone, email and opening hours, with an OpenStreetMap map loaded on demand and buttons to call, email, get directions or copy the address.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component
  • A shop card with the week's opening hours, today highlighted and a live status: open, closing soon, or closed with the reopening time.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component
  • Icon, title, short description, indicative price and link to the details.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component
  • Visual, recipe name, difficulty, duration and servings.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component