Question 1

Does tailwindcss.com declare an og:type?

Accepted Answer

No - tailwindcss.com does not set an `og:type` meta tag. Most platforms default to `website`, but explicitly declaring it ensures consistent rendering.

Question 2

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

Accepted Answer

tailwindcss.com's `og:image` is 1200×630 pixels. Slack recommends 800×418 (1.91: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 Slack 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` (800×418), a clear `og:title` under 60 characters, and a 50-155 character `og:description`.

How tailwindcss.com Looks on Slack

Slack preview

Slack

Recommendations

Analysis

Frequently Asked Questions

See tailwindcss.com on other platforms

Validate other sites on Slack

Validate your own URL