Question 1

What is headlessui.com's Open Graph type?

Accepted Answer

headlessui.com declares `og:type` as `article`. This tells Slack how to categorize the content when generating a preview.

Question 2

Does headlessui.com declare image dimensions?

Accepted Answer

headlessui.com sets `og:image` but does not include `og:image:width` and `og:image:height`. Explicit dimensions let platforms render the preview faster without downloading the image first.

Question 3

What headline does headlessui.com use for social previews?

Accepted Answer

headlessui.com's social headline is "Headless UI" (11 characters).

Question 4

What description does headlessui.com use for social previews?

Accepted Answer

headlessui.com's social description reads: "Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS." (105 characters).

Question 5

How can I improve headlessui.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 headlessui.com Looks on Slack

Slack preview

Slack

Recommendations

Frequently Asked Questions

See headlessui.com on other platforms

Validate other sites on Slack

Validate your own URL