Question 1

Why does web.dev's Twitter card show a small image?

Accepted Answer

web.dev sets `twitter:card` to `summary`, which renders the image as a small thumbnail. To get the large hero image format, the meta tag would need to be `<meta name="twitter:card" content="summary_large_image">`.

Question 2

What Twitter card type does web.dev use?

Accepted Answer

web.dev uses the `summary` card type. This renders a small square thumbnail next to the title and description.

Question 3

What Twitter handle does web.dev associate with shared cards?

Accepted Answer

web.dev sets `twitter:site` to `@ChromiumDev`. This handle is shown as attribution next to the card on Twitter.

Question 4

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

Accepted Answer

web.dev's `og:image` is 1200×675 pixels. Twitter / X recommends 1200×675 (2:1 aspect).

Question 5

What headline does web.dev use for social previews?

Accepted Answer

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

Question 6

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 7

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 8

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 Twitter / X

Twitter / X preview

Twitter / X

Recommendations

Analysis

Frequently Asked Questions

See web.dev on other platforms

Validate other sites on Twitter / X

Validate your own URL