Question 1

What size is web.dev's social share image?

Accepted Answer

web.dev's `og:image` is 1200×675 pixels. Discord recommends 1200×675 (16:9 aspect).

Question 2

What headline does web.dev use for social previews?

Accepted Answer

web.dev's social headline is "web.dev" (7 characters).

Question 3

What description does web.dev use for social previews?

Accepted Answer

web.dev's social description reads: "Guidance to build modern web experiences that work on any browser." (66 characters).

Question 4

What site name does web.dev display on social cards?

Accepted Answer

web.dev sets `og:site_name` to "web.dev". This appears as a small attribution label on Facebook, LinkedIn, and Slack.

Question 5

How can I improve web.dev's social previews?

Accepted Answer

Review the recommendations above - they list specific issues and provide ready-to-paste meta tag snippets. The highest-impact fixes are usually a properly sized `og:image` (1200×675), a clear `og:title` under 60 characters, and a 50-155 character `og:description`.

How web.dev Looks on Discord

Discord preview

Discord

Recommendations

Frequently Asked Questions

See web.dev on other platforms

Validate other sites on Discord

Validate your own URL