Question 1

What is css-tricks.com's Open Graph type?

Accepted Answer

css-tricks.com declares `og:type` as `website`. This tells Slack how to categorize the content when generating a preview.

Question 2

What size is css-tricks.com's social share image?

Accepted Answer

css-tricks.com's `og:image` is 1200×600 pixels. Slack recommends 800×418 (1.91:1 aspect).

Question 3

What headline does css-tricks.com use for social previews?

Accepted Answer

css-tricks.com's social headline is "CSS-Tricks - Learning for front-end designers and developers" (60 characters).

Question 4

What description does css-tricks.com use for social previews?

Accepted Answer

css-tricks.com's social description reads: "CSS-Tricks is where folks around the world come to learn about front-end code and everything related to it, including HTML, CSS, and yes, CSS." (142 characters).

Question 5

What site name does css-tricks.com display on social cards?

Accepted Answer

css-tricks.com sets `og:site_name` to "CSS-Tricks". This appears as a small attribution label on Facebook, LinkedIn, and Slack.

Question 6

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

Slack preview

Slack

Recommendations

Frequently Asked Questions

See css-tricks.com on other platforms

Validate other sites on Slack

Validate your own URL