Question 1

What is material.io's Open Graph type?

Accepted Answer

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

Question 2

Does material.io declare image dimensions?

Accepted Answer

material.io 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 material.io use for social previews?

Accepted Answer

material.io's social headline is "Material Design" (15 characters).

Question 4

What description does material.io use for social previews?

Accepted Answer

material.io's social description reads: "Material Design 3 - Google's open-source design system, provides comprehensive guidelines, styles, &  components to create user-friendly interfaces." (148 characters).

Question 5

What site name does material.io display on social cards?

Accepted Answer

material.io sets `og:site_name` to "Material Design". This appears as a small attribution label on Facebook, LinkedIn, and Slack.

Question 6

What's the biggest issue with material.io's Slack preview?

Accepted Answer

No og:title - falling back to <title> tag. Set og:title to control social sharing independently from your page title.

Question 7

How can I improve material.io'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 material.io Looks on Slack

Slack preview

Slack

Recommendations

Frequently Asked Questions

See material.io on other platforms

Validate other sites on Slack

Validate your own URL