Add html snippet recipe to a wordpress post template
- or -
Post a project like this2474
£50(approx. $63)
- Posted:
- Proposals: 4
- Remote
- #1619158
- Awarded
Description
Experience Level: Intermediate
General information for the website: recipes
Kind of development: Customization of existing website
Num. of web pages/modules: 1
Description of every page/module: Hi
I need some markup htm snippets adding to this page for recipe snippets to be compliant with Google.
The site is in development at the moment. I need someone to just edit the wordpress post recipe template to wrap the existing elements with the correct snippet markup tags for the recipe data format. Some elements will require adding/modifying some basic PHP to present some of the recipe attributes.
YOU MUST HAVE EXPERIENCE OF PHP AND HAVE PREVIOUSLY WORKED WITH A SITE AND STRUCTURED MARKUP FOR GOOGLE SNIPPETS.
This is the recipe post within wordpress. http://staging.startadesign.com/recipe-view/test-post/
Please see attached 2 images.
Image1
On image 1, there is an example of a snippet wordpress plugin.. This plugin will not be used. It is there to show the example markup.
This recipe post page needs all the relevant markup adding to the page for a recipe including;
Total time, rating review, ingredients, recipe Instructions, when published.
I have already added the snippet markup for the h1 recipe post title ' test post' at the top of the page.
The items circled in blue: the 'rating' items and 'total time' needs html markup adding. This will need to be done in the recipe post template.
I believe this would be the mark up for a rating review.
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.5",
"reviewCount": "276"
},
Image2
Image 2 shows the ingredients on the page. The ingredients are entered in the CMS on the recipe post.
All the ingredients need the html mark up adding for 'ingredient'
below is an example.
Let me know if you have any questions or if this is not clear.
Thanks
Rob
Description of requirements/features: Please use this for reference. https://developers.google.com/search/docs/data-types/recipes
This is an example of recipe markup
{
"@context": "http://schema.org/",
"@type": "Recipe",
"name": "Strawberry-Mango Mesclun Recipe",
"image": "http://images.media-allrecipes.com/userphotos/600x600/1116471.jpg",
"author": {
"@type": "Person",
"name": "scoopnana"
},
"datePublished": "2008-03-03",
"description": "Mango, strawberries, and sweetened dried cranberries are a vibrant addition to mixed greens tossed with an oil and balsamic vinegar dressing.",
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "5",
"reviewCount": "52"
},
"prepTime": "PT15M",
"totalTime": "PT14M",
"recipeYield": "12 servings",
"nutrition": {
"@type": "NutritionInformation",
"servingSize": "1 bowl",
"calories": "319 cal",
"fatContent": "20.2 g"
},
"recipeIngredient": [
"1/2 cup sugar",
"3/4 cup canola oil",
"1 teaspoon salt",
"1/4 cup balsamic vinegar",
"8 cups mixed salad greens",
"2 cups sweetened dried cranberries",
"1/2 pound fresh strawberries, quartered",
"1 mango - peeled, seeded, and cubed",
"1/2 cup chopped onion",
"1 cup slivered almonds"
],
"recipeInstructions": "\n1. Place the sugar, oil, salt, and vinegar in a jar with a lid. Seal jar, and shake vigorously to mix.\n2. In a large bowl, mix salad greens, sweetened dried cranberries, strawberries, mango, and onion. To serve, toss with dressing and sprinkle with almonds."
}
Extra notes:
Kind of development: Customization of existing website
Num. of web pages/modules: 1
Description of every page/module: Hi
I need some markup htm snippets adding to this page for recipe snippets to be compliant with Google.
The site is in development at the moment. I need someone to just edit the wordpress post recipe template to wrap the existing elements with the correct snippet markup tags for the recipe data format. Some elements will require adding/modifying some basic PHP to present some of the recipe attributes.
YOU MUST HAVE EXPERIENCE OF PHP AND HAVE PREVIOUSLY WORKED WITH A SITE AND STRUCTURED MARKUP FOR GOOGLE SNIPPETS.
This is the recipe post within wordpress. http://staging.startadesign.com/recipe-view/test-post/
Please see attached 2 images.
Image1
On image 1, there is an example of a snippet wordpress plugin.. This plugin will not be used. It is there to show the example markup.
This recipe post page needs all the relevant markup adding to the page for a recipe including;
Total time, rating review, ingredients, recipe Instructions, when published.
I have already added the snippet markup for the h1 recipe post title ' test post' at the top of the page.
The items circled in blue: the 'rating' items and 'total time' needs html markup adding. This will need to be done in the recipe post template.
I believe this would be the mark up for a rating review.
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.5",
"reviewCount": "276"
},
Image2
Image 2 shows the ingredients on the page. The ingredients are entered in the CMS on the recipe post.
All the ingredients need the html mark up adding for 'ingredient'
below is an example.
Let me know if you have any questions or if this is not clear.
Thanks
Rob
Description of requirements/features: Please use this for reference. https://developers.google.com/search/docs/data-types/recipes
This is an example of recipe markup
{
"@context": "http://schema.org/",
"@type": "Recipe",
"name": "Strawberry-Mango Mesclun Recipe",
"image": "http://images.media-allrecipes.com/userphotos/600x600/1116471.jpg",
"author": {
"@type": "Person",
"name": "scoopnana"
},
"datePublished": "2008-03-03",
"description": "Mango, strawberries, and sweetened dried cranberries are a vibrant addition to mixed greens tossed with an oil and balsamic vinegar dressing.",
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "5",
"reviewCount": "52"
},
"prepTime": "PT15M",
"totalTime": "PT14M",
"recipeYield": "12 servings",
"nutrition": {
"@type": "NutritionInformation",
"servingSize": "1 bowl",
"calories": "319 cal",
"fatContent": "20.2 g"
},
"recipeIngredient": [
"1/2 cup sugar",
"3/4 cup canola oil",
"1 teaspoon salt",
"1/4 cup balsamic vinegar",
"8 cups mixed salad greens",
"2 cups sweetened dried cranberries",
"1/2 pound fresh strawberries, quartered",
"1 mango - peeled, seeded, and cubed",
"1/2 cup chopped onion",
"1 cup slivered almonds"
],
"recipeInstructions": "\n1. Place the sugar, oil, salt, and vinegar in a jar with a lid. Seal jar, and shake vigorously to mix.\n2. In a large bowl, mix salad greens, sweetened dried cranberries, strawberries, mango, and onion. To serve, toss with dressing and sprinkle with almonds."
}
Extra notes:
REVIO
100% (64)Projects Completed
48
Freelancers worked with
37
Projects awarded
43%
Last project
26 Apr 2024
United Kingdom
New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-
There are no clarification messages.
We collect cookies to enable the proper functioning and security of our website, and to enhance your experience. By clicking on 'Accept All Cookies', you consent to the use of these cookies. You can change your 'Cookies Settings' at any time. For more information, please read ourCookie Policy
Cookie Settings
Accept All Cookies