Why 60 and 160 characters?

Those are roughly where Google truncates a title and a description.

Why is the Twitter card set to summary_large_image?

Because the default renders a small square thumbnail beside the text, which wastes the picture.

Title, description and social cards, with a preview of the result.

Title0/60Description0/160Canonical URLShare image1200x630 works everywhereX handle

Paste into <head>


<meta property="og:type" content="website" />

<meta name="twitter:card" content="summary" />

Why 60 and 160 characters?: Those are roughly where Google truncates a title and a description.
Does the description affect ranking?: Not directly.
What size should the share image be?: 1200 by 630 pixels.
Why is the Twitter card set to summary_large_image?: Because the default renders a small square thumbnail beside the text, which wastes the picture.