improve open graph metadata

[bjohansebas]

Changes:

• Update the OpenGraph image (If you have any ideas to improve the image, you can check the following issue Update opengraph image #1564)
• Improve the metadata by adding the description field (Gradually, we can add these descriptions so that Google or other search engines don’t impose them).

[netlify]

✅ Deploy Preview for expressjscom-preview ready!

Name	Link
🔨 Latest commit	14323bf
🔍 Latest deploy log	https://app.netlify.com/sites/expressjscom-preview/deploys/66cbc2180ec6fd00081912b7
😎 Deploy Preview	https://deploy-preview-1572--expressjscom-preview.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[crandmck]

Can you explain simply what this does? I see it's something to do with social media sharing, but can you please clarify as I'm not familiar with how that works, thanks.

Also, there are currently merge conflicts that need to be resolved.

[bjohansebas]

@crandmck, these changes improve the preview of links on social media, as well as substantially enhance the page's SEO by adding the description tag

On Twitter, there is no link preview like there is for a Node.js link, and on Facebook or other platforms that use the OG protocol, the preview is basic (missing description and title). Adding those tags would improve the page and blog's presence.

node.js

express

[crandmck]

I don't have time to test this on all the social media platforms, so I'm going to assume this works as you describe. Hopefully, this won't come back to bite us later for any reason.