Open Graph, Twitter Card and Schema.org support in Ghost


#1

As of today, Ghost automatically generates rich meta tags to allow your content to look fantastic when embedded within social networks.


This is a companion discussion topic for the original entry at https://blog.ghost.org/structured-data/

#2

Had an excercise on Twitter Cards:

The tweet: https://twitter.com/msrjksk/status/988114544403861505

And the blog entry: https://blog.nopunen.fi/twitter-cards-twitter-kortit/


#3

And here is the scrapped data, Everything looks good.

    <meta name="twitter:title" content="Text entered into the Twitter Title field: Title shown on Twitter Card – Twitter-kortissa näkyvä otsikko" />
    <meta name="twitter:description" content="Text entered into the Twitter Description field: Description shown on Twitter Card – Twitter-kortissa näkyvä kuvaus." />
    <meta name="twitter:url" content="https://blog.nopunen.fi/twitter-cards-twitter-kortit/" />
    <meta name="twitter:image" content="https://blog.nopunen.fi/content/images/2018/04/TwitterCardsBlogIllustrationTwitterCard.png" />
    <meta name="twitter:label1" content="Written by" />
    <meta name="twitter:data1" content="Matti Sarjakoski" />
    <meta name="twitter:label2" content="Filed under" />
    <meta name="twitter:data2" content="Ghost, blog, Twitter" />
    <meta name="twitter:site" content="@msrjksk" />
    <meta name="twitter:creator" content="@msrjksk" />```