Skip to content

Conversation

@caugner
Copy link
Contributor

@caugner caugner commented Jan 19, 2026

Description

Updates the twitter:card meta value from summary_large_image to summary.

Motivation

Avoid the image from being shown unnecessarily large in link previews.

Additional details

Before After
image image

Related issues and pull requests

Fixes #960.

@caugner caugner requested a review from a team as a code owner January 19, 2026 17:44
@caugner caugner requested a review from LeoMcA January 19, 2026 17:44
@github-actions
Copy link
Contributor

github-actions bot commented Jan 19, 2026

4cf74f6 was deployed to: https://fred-pr1227.review.mdn.allizom.net/

@caugner caugner marked this pull request as draft January 19, 2026 22:31
@caugner
Copy link
Contributor Author

caugner commented Jan 19, 2026

I tested how it looks on X, and unfortunately the image doesn't look good:

image

So we would probably want to change it at the same time.

Comment on lines 181 to 182
"The MDN Web Docs logo, featuring a blue accent color, displayed on a solid black background.",
"og:site_name": "MDN Web Docs",
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Might we want to remove references to "MDN Web Docs" here? Perhaps a question for @mdn/content-team

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@LeoMcA are you suggesting we just have "MDN" here (I think we should keep sitename)

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yes, sorry: I'm not suggesting we remove the site name nor description, just change references of "MDN Web Docs" to "MDN" in these places, as we appear to have dropped the former from our branding

@Rumyra
Copy link
Contributor

Rumyra commented Jan 21, 2026

So we would probably want to change it at the same time.

@caugner Yes I agree here - let's make it look ok now and not have to do a follow up

"og:image:height": "1024",
"og:image:width": "1024",
"og:image:alt":
"The MDN Web Docs logo, featuring a blue accent color, displayed on a solid black background.",
Copy link
Contributor Author

@caugner caugner Jan 22, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Shall we improve the alt text? (cc @LeoMcA)

Suggested change
"The MDN Web Docs logo, featuring a blue accent color, displayed on a solid black background.",
"MDN logo on a near-black background, featuring a light-blue, stylized 'M' made of two alternating slashes and vertical bars, white 'mdn' lettering, and a light-blue underscore.",

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.

summary_large_image embed doesn't seem appropriate for MDN pages

3 participants