Question 1

What Twitter card type does codesandbox.io use?

Accepted Answer

codesandbox.io uses the `summary_large_image` card type. This renders a large hero image above the title and description - the most engaging format.

Question 2

What Twitter handle does codesandbox.io associate with shared cards?

Accepted Answer

codesandbox.io sets `twitter:site` to `@codesandbox`. This handle is shown as attribution next to the card on Twitter.

Question 3

Does codesandbox.io declare image dimensions?

Accepted Answer

codesandbox.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 4

What headline does codesandbox.io use for social previews?

Accepted Answer

codesandbox.io's social headline is "CodeSandbox: Instant Cloud Development Environments" (51 characters).

Question 5

What description does codesandbox.io use for social previews?

Accepted Answer

codesandbox.io's social description reads: "CodeSandbox is a cloud development platform that empowers developers to code, collaborate and ship projects of any size from any device in record time…" (151 characters).

Question 6

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

Accepted Answer

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

Question 7

How can I improve codesandbox.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 codesandbox.io Looks on Twitter / X

Twitter / X preview

Twitter / X

Recommendations

Frequently Asked Questions

See codesandbox.io on other platforms

Validate other sites on Twitter / X

Validate your own URL