Add OpenGraph image and Twitter card metadata

[stefan-burke]

Summary

• Adds OpenGraph meta tags for social sharing and Twitter card metadata to improve previews.
• Uses an absolute image URL to ensure compatibility across platforms.

Changes

Files

• _includes/head-scripts.html: Injected OpenGraph and Twitter meta tags into the head.

Details

• og:image content: https://www.ukegroupnorth.com/assets/screenshot.png
• og:image:type: image/png
• og:image:width: 1200
• og:image:height: 630
• og:image:alt: "Uke Group North - Join Our Musical Community"
• twitter:card: summary_large_image
• twitter:image: https://www.ukegroupnorth.com/assets/screenshot.png

Testing plan

• Validate that the meta tags appear in the page head (view source or devtools)
• Check Open Graph preview using Facebook Sharing Debugger for the site URL
• Check Twitter card rendering in Twitter Card Validator
• Ensure URLs are correct and accessible (HTTPS, domain).

Notes

• No existing behavior affected; this only adds metadata for social previews.

🌿 Generated by Terry

---

ℹ️ Tag @terragon-labs to ask questions and address PR feedback

📎 Task: https://www.terragonlabs.com/task/f8f4ddfa-fcb7-4541-b58a-b5e72100ae0f