Question 1

Why does alistapart.com's Twitter card show a small image?

Accepted Answer

alistapart.com 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 alistapart.com use?

Accepted Answer

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

Question 3

What Twitter handle does alistapart.com associate with shared cards?

Accepted Answer

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

Question 4

What size is alistapart.com's social share image?

Accepted Answer

alistapart.com's `og:image` is 1200×630 pixels. Twitter / X recommends 1200×675 (2:1 aspect).

Question 5

What headline does alistapart.com use for social previews?

Accepted Answer

alistapart.com's social headline is "A List Apart" (12 characters).

Question 6

What description does alistapart.com use for social previews?

Accepted Answer

alistapart.com's social description reads: "For people who make websites" (28 characters).

Question 7

What site name does alistapart.com display on social cards?

Accepted Answer

alistapart.com sets `og:site_name` to "A List Apart". This appears as a small attribution label on Facebook, LinkedIn, and Slack.

Question 8

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

Twitter / X preview

Twitter / X

Recommendations

Frequently Asked Questions

See alistapart.com on other platforms

Validate other sites on Twitter / X

Validate your own URL