Question 1

What is ui.dev's Open Graph type?

Accepted Answer

ui.dev declares `og:type` as `website`. This tells Slack how to categorize the content when generating a preview.

Question 2

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

Accepted Answer

ui.dev's `og:image` is 1200×630 pixels. Slack recommends 800×418 (1.91:1 aspect).

Question 3

What headline does ui.dev use for social previews?

Accepted Answer

ui.dev's social headline is "Fireship | JavaScript, but fun." (31 characters).

Question 4

What description does ui.dev use for social previews?

Accepted Answer

ui.dev's social description reads: "We help JavaScript developers make more money - and enjoy themselves in the process." (84 characters).

Question 5

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

Accepted Answer

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

Question 6

What's the biggest issue with ui.dev's Slack preview?

Accepted Answer

No favicon detected. Google search results show a small icon next to your domain. Without a favicon, your result looks generic and less trustworthy. Browsers and bookmarks also fall back to a default icon.

Question 7

How can I improve ui.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` (800×418), a clear `og:title` under 60 characters, and a 50-155 character `og:description`.

How ui.dev Looks on Slack

Slack preview

Slack

Recommendations

Frequently Asked Questions

See ui.dev on other platforms

Validate other sites on Slack

Validate your own URL