Intermediate
Make the link look good when shared
This recipe page lives at https://ashaskitchen.example/recipes/pancakes, and its sharing image is https://ashaskitchen.example/og/pancakes.jpg (1200 × 630).
Add Open Graph tags for the title, description, type (article), URL and image, and the X card tag for the large-image layout.
What Check tests
- og:title and og:description are set
- og:type is article
- og:url is the page's full address
- og:image is the absolute image URL
- The X card uses the large image layout
- Open Graph tags use property, not name
Stuck? One hint at a time
The solution unlocks after your first Check. Try first: that is where the learning happens.
Runs in your browser. Your code is saved here.
Your page
Press Run to see the page.
Console
Nothing logged yet.