search

open-design-kit / opendesignkit

Open Design Kit is a living toolkit for designing with distributed collaborators.
http://opendesignkit.org
Creative Commons Attribution 4.0 International
194 stars 79 forks source link

Add Twitter card support to opendesignkit.org #208

Closed ajpiano closed 8 years ago

ajpiano commented 8 years ago

Adding a Twitter "Summary Card with Large Image"to opendesignkit.org and possibly the subpages would increase the usefulness of any Tweets that mention the website. It's just 6 meta tags in the head plus making the image itself.

Here's the relevant documentation

And here's the code from them as implemented on cssconf.com;

    <meta name="twitter:creator" content="@cssconf">
    <meta name="twitter:site" content="@cssconf">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:description" content="CSSConf US is headed into its fourth year! Check out the lineup and grab your ticket today!">
    <meta name="twitter:title" content="CSSConf 2016 - Sept 25-27, 2016 in Boston">
    <meta name="twitter:image" content="https://2016.cssconf.com/assets/images/cssconf-speaker-mosaic.jpg?1472520381753">
susanjrobertson commented 8 years ago

@iamjessklein i can do this really quick if you'd make the image?

It'll go in the default layout and be for any page tweeted, so we should use generic wording.

iamjessklein commented 8 years ago

How does this look?

odk-twittercard