Question 1

Why does vuejs.org's Twitter card show a small image?

Accepted Answer

vuejs.org sets `twitter:card` to `summary`, which renders the image as a small thumbnail. To get the large hero image format, the meta tag would need to be `<meta name="twitter:card" content="summary_large_image">`.

Question 2

What Twitter card type does vuejs.org use?

Accepted Answer

vuejs.org uses the `summary` card type. This renders a small square thumbnail next to the title and description.

Question 3

What Twitter handle does vuejs.org associate with shared cards?

Accepted Answer

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

Question 4

Does vuejs.org declare image dimensions?

Accepted Answer

vuejs.org 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 5

What headline does vuejs.org use for social previews?

Accepted Answer

vuejs.org's social headline is "Vue.js" (6 characters).

Question 6

What description does vuejs.org use for social previews?

Accepted Answer

vuejs.org's social description reads: "Vue.js - The Progressive JavaScript Framework" (45 characters).

Question 7

How can I improve vuejs.org'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 vuejs.org Looks on Twitter / X

Twitter / X preview

Twitter / X

Recommendations

Analysis

Frequently Asked Questions

See vuejs.org on other platforms

Validate other sites on Twitter / X

Validate your own URL