Incorrect OGP URL, Image Url and default Image type.

[shibomb]

Most appropriate sections of the p5.js website?

Home

What is your operating system?

None

Web browser and version

No response

Actual Behavior

Incorrect OGP URL or image type.

1. og:url and twitter:url start with localhost:4321.
2. og:image and twitter:image is not full path.
3. default og:image and twitter:image is an Astro's favicon.svg. (In addition, ogp image does not support svg.)
   
   

Expected Behavior

1. og:url and twitter:url start with p5js.org
2. og:image and twitter:image are set with full path.
3. default ogp image is set to a type such as png, jpg, webp.

Steps to reproduce

For url and image url:
Open https://p5js.org , Check the meta tag in the head tag

For default image file:
Open https://p5js.org/reference/ , Check the meta tag in the head tag.

See attached image in Actual Behavior.

Would you like to work on the issue?

I will send PR with Temporary image.