chore: add meta/open graph tags

[mcturco]

Description

• Added general meta tags for title, description, type, url
• Added Open Graph tags for Facebook
• Added Twitter tags

Related issue(s)
Resolves #57

[netlify]

✔️ Deploy Preview for peaceful-ramanujan-288045 ready!

🔨 Explore the source changes: 571884e

🔍 Inspect the deploy log: https://app.netlify.com/sites/peaceful-ramanujan-288045/deploys/61843d23b39d1e0007621d6c

😎 Browse the preview: https://deploy-preview-71--peaceful-ramanujan-288045.netlify.app/

[github-actions]

Welcome to AsyncAPI. Thanks a lot for creating your first pull request. Please check out our contributors guide useful for opening a pull request.
Keep in mind there are also other channels you can use to interact with AsyncAPI community. For more details check out this issue.

[derberg]

@mcturco that was fast! how was it with PUG 😄

All is good except of the image. Look at Slack and Twitter:

docs say:

og:image The full URL for the image associated with the page—for example, https://yoursite.com/image.jpg rather than a relative URL like /image.jpg

try this in PUG config. URL is env variable that is populated by Netlify during the build, so it will work on production and previews too, no need to hardcode

image: `${process.env.URL}/images/meta/og-image.jpg`

[mcturco]

@derberg okay yup! I just noticed the same thing and fixed it! It was just the image path that wasn't nearly correct once it passes through netlify :) you can see the preview here: https://www.opengraph.xyz/url/https%3A%2F%2Fdeploy-preview-71--peaceful-ramanujan-288045.netlify.app%2F/

[mcturco]

how was it with PUG 😄

It was honestly not terrible! But probably would take some getting used to. I'm used to writing HTML the normal way, although with emmet abbreviations its not too bad 😄

[derberg]

oh, so the docs lie and you can actually have a relative path, interesting

anyway, just made one suggestion so we do not hardcode the URL of the conference website (as it will later turn into conference.2021.asyncapi.com and we forget to change)

[sonarqubecloud]

Kudos, SonarCloud Quality Gate passed!   

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
No Duplication information

[mcturco]

oh, so the docs lie and you can actually have a relative path, interesting

I think it is due to Netlify deploying it. It must fill in the blanks for us 😄

just made one suggestion so we do not hardcode the URL

Good idea, thank you! Committed that in.

[derberg]

Perfect work 🚀
Thank you so much 🍺