Skip to content

fix(docs): add og:image meta so social share preview works - #12

Merged
Pantani merged 1 commit into
mainfrom
fix/social-preview-og-image
Jun 11, 2026
Merged

Pantani merged 1 commit into
mainfrom
fix/social-preview-og-image

Conversation

@Pantani

@Pantani Pantani commented Jun 11, 2026

Copy link
Copy Markdown
Owner

What

  • Add og:url, og:image (absolute URL), og:image:width/height, twitter:card and twitter:image to the VitePress head.
  • Render the existing .github/social-preview.svg to a 1280×640 PNG at docs/public/social-preview.png so it is served by GitHub Pages.

Why

Sharing https://pantani.github.io/ableton-mind/ showed no preview image: the head only declared og:title/og:description, and the preview asset was an SVG under .github/, which Pages does not serve and social crawlers (Twitter/Slack/WhatsApp/Discord) do not accept.

Reviewer notes

  • docs:build, typecheck and npm test (191 passed / 4 skipped) are green. npm run lint fails on clean main too — it scans stale worktrees under .claude/worktrees/; unrelated to this change.
  • After the Pages deploy, re-scrape with an OG validator since crawlers cache old results.
  • The GitHub repository social preview is separate: upload the image manually in Settings → Social preview.

🤖 Generated with Claude Code

The docs site had no og:image tag and the social preview asset lived in
.github/ as an SVG, which GitHub Pages does not serve and social crawlers
do not accept. Render the preview to a 1280x640 PNG under docs/public and
declare og:url, og:image (absolute URL), image dimensions and
twitter:card/twitter:image in the VitePress head.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@coderabbitai

coderabbitai Bot commented Jun 11, 2026

Copy link
Copy Markdown

Warning

Review limit reached

@Pantani, we couldn't start this review because you've reached your PR review rate limit.

More reviews will be available in 54 minutes and 47 seconds. Learn how PR review limits work.

Your organization has run out of usage credits. Purchase more credits in the billing tab to continue.

⌛ How to resolve this issue?

After more reviews become available, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

We recommend that you space out your commits to avoid hitting the rate limit.

🚦 How do rate limits work?

CodeRabbit enforces hourly rate limits for each developer per organization.

Our paid plans include higher PR review limits than trial, open-source, and free plans. In all cases, reviews become available again over time. During sustained high-volume PR review activity, CodeRabbit may temporarily slow when the next review becomes available.

Please see our Fair Usage Limits Policy for further information.

ℹ️ Review info
⚙️ Run configuration

Configuration used: Organization UI

Review profile: ASSERTIVE

Plan: Pro

Run ID: 33c8e7af-93f0-42d3-9581-c43613e94ba1

📥 Commits

Reviewing files that changed from the base of the PR and between a9ccde0 and bf19135.

⛔ Files ignored due to path filters (1)
  • docs/public/social-preview.png is excluded by !**/*.png
📒 Files selected for processing (1)
  • docs/.vitepress/config.ts

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

@Pantani
Pantani merged commit cadce15 into main Jun 11, 2026
9 checks passed
@Pantani
Pantani deleted the fix/social-preview-og-image branch June 11, 2026 19:11
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant