Skip to content

feat: add Open Graph and Twitter Card social preview tags - #593

Closed
astra-intelligence wants to merge 1 commit into
eslint:mainfrom
astra-intelligence:add-og-social-preview
Closed

astra-intelligence wants to merge 1 commit into
eslint:mainfrom
astra-intelligence:add-og-social-preview

Conversation

@astra-intelligence

@astra-intelligence astra-intelligence commented Oct 17, 2026 •

Copy link
Copy Markdown

Summary

This PR adds proper Open Graph and Twitter Card social preview tags to the ESLint Code Explorer site.

The repo already ships a clean 1200×630 public/opengraph-image.png, but it was never referenced in the head — so every link to explorer.eslint.org shared on X/Twitter, LinkedIn, Slack, Discord, or iMessage rendered as a bare URL with no preview card.

What's included:

  • Full OG set: og:type, og:site_name, og:title, og:description, og:url, og:image (+ og:image:type/width/height)
  • Twitter Card summary_large_image with matching twitter:title/twitter:description/twitter:image
  • Reuses the existing public/opengraph-image.png (already deployed at /opengraph-image.png) — no new assets, no build changes

Verification: the image is already served at https://explorer.eslint.org/opengraph-image.png (HTTP 200), so the tags take effect immediately on deploy.

This is a small, self-contained change (1 file, +20 lines) that makes every shared link render a proper branded preview card.

Summary by CodeRabbit

  • Sharing
    • Added preview metadata for social platforms, including a title, description, and image.

Wire the existing public/opengraph-image.png (1200x630) into proper
og:/twitter: meta tags so shared links render a rich preview card
instead of a bare URL. The asset already shipped in public/ but was
never referenced in the head.
@linux-foundation-easycla

Copy link
Copy Markdown

CLA Missing ID

  • ❌ The email address for the commit (22a9ead) is not linked to the GitHub account, preventing the EasyCLA check. Consult this Help Article and GitHub Help to resolve. (To view the commit's email address, add .patch at the end of this PR page's URL.) For further assistance with EasyCLA, please visit our EasyCLA portal and chat with our support bot.

@eslintbot eslintbot added this to Triage Oct 17, 2026
@netlify

netlify Bot commented Oct 17, 2026 •

Copy link
Copy Markdown

✅ Deploy Preview for eslint-code-explorer ready!

Name Link
🔨 Latest commit 22a9ead
🔍 Latest deploy log https://app.netlify.com/projects/eslint-code-explorer/deploys/6ad2f86ebb8fe7eec55b3033
😎 Deploy Preview https://deploy-preview-593--eslint-code-explorer.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
🤖 Make changes Run an agent on this branch

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

@github-project-automation github-project-automation Bot moved this to Needs Triage in Triage Oct 17, 2026
@coderabbitai

coderabbitai Bot commented Oct 17, 2026 •

Copy link
Copy Markdown

Review in Change Stack →

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info
⚙️ Run configuration
  • Configuration used: Repository: eslint/coderabbit/.coderabbit.yaml
  • Review profile: CHILL
  • Plan: Advanced
  • Run ID: a84fa0fc-85a6-42bc-989c-0e4ff4a5472f
📥 Commits

Reviewing files that changed from the base of the PR and between cd374e2 and 22a9ead.

📒 Files selected for processing: 1
  • index.html

Included review availability: This review used your included allowance. Your plan provides up to 1 included review per hour; 0 remain after this review.

📝 Walkthrough

index.html adds Open Graph metadata for the site and a Twitter large-image card. Both metadata sets specify the title, description, and preview image.

Changes: Social sharing metadata

Layer / File(s) Summary
Open Graph and Twitter card metadata
index.html
The page declares Open Graph site details, canonical URL, and preview image dimensions. It also declares a Twitter large-image card with the title, description, and image.

Priority: ⬇️ Low

Estimated code review effort: 1 (Trivial) | ~5 minutes

Change: Feature

Merge Risk: ⚪ Minimal · up to 22a9e

The social-preview tags identify the documented site and its existing preview image. No material issue remains, so the change appears ready to merge.

Pre-merge checks: Passed 5
Check name Status Explanation
Description Check Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check Passed The title clearly and concisely describes the main change: adding Open Graph and Twitter Card social preview metadata.
Docstring Coverage Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check. Docstring coverage is scoped to functions touched by this diff. Analyzed 0 functions across 0…
Linked Issues check Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check Passed Check skipped because no linked issues were found for this pull request.
Full details: Docstring Coverage

Explanation

No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check. Docstring coverage is scoped to functions touched by this diff. Analyzed 0 functions across 0 files. (1 skipped: 1 unsupported.)

✨ Finishing Touches: 💡 1
🛠️ Fix failing CI checks: 💡
  • Commit to this branch
  • Create a new PR
🧪 Generate unit tests (beta)
  • Create a new PR
  • Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

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.

@lumirlumir

Copy link
Copy Markdown
Member

Thanks for the PR, but we don’t accept AI-generated PRs without an accepted issue.

Please review our AI usage policy: https://eslint.org/docs/latest/contribute/ai-policy#pull-request-acceptance-criteria

@lumirlumir lumirlumir closed this Oct 17, 2026
@github-project-automation github-project-automation Bot moved this from Needs Triage to Complete in Triage Oct 17, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

Status: Complete

Development

Successfully merging this pull request may close these issues.

3 participants