Add more semantic web / LD (e.g. OpenGraph)

[kinow]

For schema.org, I used:

• https://medium.com/@vilcins/json-ld-for-hugo-7e7f53cd6f39
• https://tekki-tipps.de/en/hugo-schemas-seo/
• https://jessicajournals.com/schema-on-hugo/
• https://discourse.gohugo.io/t/creating-a-json-schema-for-your-website/45850
• https://discourse.gohugo.io/t/auto-generating-schema-org-breadcrumbs/44328/4
• https://developers.google.com/search/docs/appearance/structured-data/sd-policies#nesting

[kinow]

For Open Graph:

• https://netpeak.net/blog/beginner-s-guide-to-open-graph-meta-tags/
• https://cards-dev.twitter.com/validator

Best practices for Open Graph

When working with Open Graph tags, you should use these tips:

Make sure you specify all mandatory Open Graph properties, and ideally, the recommended ones as well.
 You should not make og:title more than 60 characters.
The og:description should not exceed 60-65 characters.
For og:image, use quality images of at least 1,200x630pixels. The file size should not be larger than 8 MB.
Before you publish Open Graph markup for a page, always test it through the Open Graph debugger to see that all data is populated. Adjust it until you get the correct result. 
Use the og:image:width and og:image:height tags on your website so that Facebook and other social networks will load the image correctly.

• https://www.opengraph.xyz/