Question 1

What Twitter card type does tailwindcss.com use?

Accepted Answer

tailwindcss.com uses the `summary_large_image` card type. This renders a large hero image above the title and description - the most engaging format.

Question 2

What size is tailwindcss.com's social share image?

Accepted Answer

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

Question 3

What headline does tailwindcss.com use for social previews?

Accepted Answer

tailwindcss.com's social headline is "Tailwind CSS - Rapidly build modern websites without ever leaving your HTML." (76 characters).

Question 4

What description does tailwindcss.com use for social previews?

Accepted Answer

tailwindcss.com's social description reads: "Tailwind CSS is a utility-first CSS framework for rapidly building modern websites without ever leaving your HTML." (114 characters).

Question 5

What's the biggest issue with tailwindcss.com's Twitter / X preview?

Accepted Answer

Title is 76 characters - truncated on most platforms. Google cuts at ~60, Facebook at ~65, Twitter at ~70 characters.

Question 6

How can I improve tailwindcss.com'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 tailwindcss.com Looks on Twitter / X

Twitter / X preview

Twitter / X

Recommendations

Analysis

Frequently Asked Questions

See tailwindcss.com on other platforms

Validate other sites on Twitter / X

Validate your own URL