Question 1

What size is frontendmentor.io's social share image?

Accepted Answer

frontendmentor.io's `og:image` is 1200×630 pixels. Discord recommends 1200×675 (16:9 aspect).

Question 2

What headline does frontendmentor.io use for social previews?

Accepted Answer

frontendmentor.io's social headline is "Front-end coding challenges using a real-life workflow | Frontend Mentor" (72 characters).

Question 3

What description does frontendmentor.io use for social previews?

Accepted Answer

frontendmentor.io's social description reads: "Improve your front-end skills by building real projects. Solve real-world HTML, CSS and JavaScript challenges whilst working to professional designs." (149 characters).

Question 4

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

Accepted Answer

frontendmentor.io sets `og:site_name` to "Front-end coding challenges using a real-life workflow | Frontend Mentor". This appears as a small attribution label on Facebook, LinkedIn, and Slack.

Question 5

What's the biggest issue with frontendmentor.io's Discord preview?

Accepted Answer

Title is 72 characters - truncated on most platforms. Google cuts at ~60, Facebook at ~65, Twitter at ~70 characters.

Question 6

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

How frontendmentor.io Looks on Discord

Discord preview

Discord

Recommendations

Frequently Asked Questions

See frontendmentor.io on other platforms

Validate other sites on Discord

Validate your own URL