SEO-Friendly Recipe Site (Schema markup, Structured Data) #1400
candidexmedia
started this conversation in
Ideas
Replies: 1 comment
-
|
A recipe plugin would be amazing for Publii. Creating a recipe site or importing one perhaps from Wp Maker pro would allow you to create a very fast static site |
Beta Was this translation helpful? Give feedback.
0 replies
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
Hi all!
I'm using this post to continue past discussions on recipe sites with proper structured data: Plugins for a recipe website and Looking For The Best Way To Include Schema Markup.
Wordpress has quite a few plugins for Recipes which make it easier to add the ingredients + steps, generate structured data, generate recipe cards, aggregated user-submitted star ratings, etc.:
I've gathered current experiments, ideas, and roadblocks below, in the hopes that someone could consolidate everything into a theme or plugin:
Ingredients Proportions Calculator
Gerechten, a previous forum poster, mentioned wanting a dynamic way for users to adjust the recipe ingredients for different portions, similar to this:
So I shared (with some GPT help) a similar, rough code which could embedded in a
post.hbsor specific post template for recipes using the Post Editor API:Source (hit the play▶️ button to preview): https://editor.p5js.org/candidexmedia/sketches/8CBi0FeEM
Structured Data
In ordered for recipes to appear as Rich Results in Google, the page needs structured data in the markup.
The full spec can be found here: https://developers.google.com/search/docs/appearance/structured-data/recipe
I also found the following generators:
What's missing: Easy way to add ingredients and steps once
My wish would be to have a post editor option (or popup?) where users can easily enter the ingredients list and steps just once, and then have that information be populated in the appropriate places (
<head>markup, recipe card, other places on the page, etc.)I think everything else for the recipe schema can be sourced using Publii Post tags and Featured image tags. I have a longer writeup on that in a gist.
A potential advanced schema plugin would also help...
What's missing: Aggregated Star Rating
The Hyvor Talk commenting platform (which has a Publii plugin 😉) has a ratings widget which can generate structured data, starting at 4$/mo. This is useful for displaying the average rating of a recipe in the Rich Results.
Besides that, though, I've had a lot of trouble finding other star rating platforms for static sites.
@Grosso2020's post on their php liking system made me think that perhaps that approach was a potential avenue for a star rating system for recipes? I'm looping in @HowToMeetLadies as well in case you have other ideas.
Beta Was this translation helpful? Give feedback.
All reactions