Add Reviews & Ratings To Your Webflow Recipe Blog ๐ฅ - Create A Recipe Schema โญ
In this video, I will show you how to add a reviews system to your recipe blog built with the Webflow CMS in 5 minutes - 100% no-code! Through this solution, your audience can post comments (with star ratings) on each recipe page, and the average rating will be calculated on each recipe page..
Unlike other solutions, the one shown in this video gives you full design freedom to customize your reviews section & form in the Webflow Designer.
Adding reviews to your recipe blog is a powerful method for improving SEO, as it unlocks the ability to feature average rating data with your recipe's search results via a Schema markup. The social proof from showing ratings on your recipe's Google results via a Schema (like the below examples) can improve the chances of a user clicking on your recipe over others. Especially if your recipe is rated the best ๐. And this is just the beginning of the SEO and audience engagement benefits reviews can bring to your Webflow sites.
So if you are thinking of building your own recipe blog or migrating an existing one from Wordpress, now is a great time to build this with Webflow because of the recipe reviews solution shown in this video.
---
๐ Timestamps
0:00 - Intro
1:02 - Installation
4:53 - Testing
6:23 - Extra Features
6:59 - Custom Schema
13:10 - Collection List Ratings
14:10 - Wrapping Up
--
๐ Links
Supersparks - https://app.supersparks.io/
Cloneable - https://webflow.com/made-in-webflow/website/Webflow-Recipe-Template
Recipe Schema - https://developers.google.com/search/docs/appearance/structured-data/recipe
--
๐ท My social media
https://x.com/ian_ruta
Watch on YouTube โ
(saves to browser)
Sign in to unlock AI tutor explanation ยท โก30
More on: UI Design
View skill โRelated AI Lessons
โก
โก
โก
โก
Creating Dynamic Lists in React: A Step-by-Step Guide
Dev.to ยท Amirah Nasihah
Built a Modern Tailwind Template for SaaS & Corporate Websites
Dev.to ยท Hicham
The Designerโs Secret Weapon: Advanced AI Tools Thatโll Change How You Work Forever
Medium ยท UX Design
AI Is Not Replacing Designers, Itโs Giving Them a Superpower
Medium ยท AI
Chapters (7)
Intro
1:02
Installation
4:53
Testing
6:23
Extra Features
6:59
Custom Schema
13:10
Collection List Ratings
14:10
Wrapping Up
๐
Tutor Explanation
DeepCamp AI