Skip to content

Website: Add per-page meta/SEO image cards/previews/thumbnails for each page #8085

@JoshuaKGoldberg

Description

@JoshuaKGoldberg

Before You File a Documentation Request Please Confirm You Have Done The Following...

Suggested Changes

Right now, when you share a link such as https://typescript-eslint.io/rules/no-floating-promises on social media, you get the general card/preview/thumbnail for all of typescript-eslint.io. Example from https://twitter.com/JoshuaKGoldberg/status/1736535394441650503:

Screenshot of a tweet reply with a preview image containing just the typescript-eslint logo and 'typescript-eslint.io

I really like how GitHub adds a per-page image. Example: https://twitter.com/JoshuaKGoldberg/status/1736536855632343166

Screenshot of a tweet reply with a GitHub issue preview image containing the org, repo, issue number, title, date, author, and number of comments for issue 8072

Proposal: let's add an equivalent image to each of our pages? That way, when folks share them, they get the nicer preview.

Affected URL(s)

https://typescript-eslint.io/rules/*

Metadata

Metadata

Assignees

No one assigned

    Labels

    accepting prsGo ahead, send a pull request that resolves this issueenhancementNew feature or requestpackage: websiteIssues related to the @typescript-eslint website

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions