Question 1

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 2

What headline does material.io use for social previews?

Accepted Answer

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

Question 3

What description does material.io use for social previews?

Accepted Answer

material.io's social description reads: "Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital…" (163 characters).

Question 4

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 5

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

Accepted Answer

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

Question 6

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` (1200×630), a clear `og:title` under 60 characters, and a 50-155 character `og:description`.

How material.io Looks on Google Search

Google Search preview

Google Search

Material Design

Material Design

Recommendations

Frequently Asked Questions

See material.io on other platforms

Validate other sites on Google Search

Validate your own URL