News Feed Preview

When a reader encounters your Instant Article in News Feed, they are presented with a preview of the article in a similar way that article previews are presented for the web version of your article.

By default, the News Feed Preview of your Instant Article uses the same title, description and image as the previews for the web version of the article.

Options

Name Description Definition

Cover

An image shown in the News Feed Preview for your article.

By default, the News Feed Preview for your Instant Article will contain an image specified for the web version of your article. There is no option to create a unique cover image for an Instant Article. The cover image is defined either by the og:image tag on your web article or by a share through the Feed Dialog.

Description [required]

Description shown in the News Feed Preview for your article.

The News Feed Preview will always use the description specified for the web version of your article. There is no option to create a unique description for an Instant Article. The title is defined either by the og:description tag on your web article or by a share through the Feed Dialog.

Title [required]

Title shown in the News Feed Preview for your article.

The News Feed Preview always uses the title specified for the web version of your article. There is no option to create a unique title for an Instant Article. The link share title is defined either by the og:title tag on your web article or by a share through the Feed Dialog.

Examples

Image-based preview

The image-based News Feed Preview for your Instant Article is typically specified using the Open Graph meta tags added directly to the web version of your article.

There is no option to create a unique image-based News Feed Preview from within the HTML markup for your Instant Article. This information must be specified on the web version of the article.

<head>
  <meta property="og:title" content="Article title">
  <meta property="og:description" content="Article description">
  <meta property="og:image" content="http://myserver.com/image.jpg">
</head>