Repository navigation
Add og:image and social preview meta to website - #1950
Merged
Merged
Conversation
Deploying htmlhint with
|
| Latest commit: |
34d57ac
|
| Status: | ✅ Deploy successful! |
| Preview URL: | https://29a6037d.htmlhint.pages.dev |
| Branch Preview URL: | https://add-og-image.htmlhint.pages.dev |
Contributor
There was a problem hiding this comment.
🟡 Changes recommended
The Twitter image lacks platform-specific alternative text for screen-reader users.
1 open finding
What changed in this PR
Adds a consistent social preview image across the HTMLHint website.
Changes:
- Adds a 1200×630 branded Open Graph image.
- Configures Open Graph and Twitter image metadata.
| File | Description |
|---|---|
website/astro.config.mjs |
Adds social preview metadata. |
website/public/og-image.png |
Provides the branded preview image. |
🧠 Review effort: Balanced
💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.
- Add 1200x630 social preview image (website/public/og-image.png) - Add og:image, og:image:width/height/alt, twitter:image and twitter:image:alt meta tags - Note in AGENTS.md that pull requests should be squashed to a single commit Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_013sSVPq8jM5vj3VFsnBEGPn
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Requested by Christian · project thread
Short description of what this resolves
Before: links to htmlhint.com shared on social media, chat apps and Slack showed no preview image, even though Starlight already sets
twitter:cardtosummary_large_image.After: every page has a 1200×630 preview image with the HTMLHint logo, name and tagline.
Proposed changes
website/public/og-image.png(1200×630, dark background, existing logo, brand red accent)og:image,og:image:width,og:image:height,og:image:alt,twitter:imageandtwitter:image:altto the Starlightheadconfig inwebsite/astro.config.mjs, using an absolutehttps://htmlhint.com/og-image.pngURLAGENTS.mdthat pull requests should be squashed to a single commitVerified with
npm run build: the tags render inbuild/index.htmlalongside Starlight's existingog:*tags.🤖 Generated with Claude Code
https://claude.ai/code/session_013sSVPq8jM5vj3VFsnBEGPn