How to Specify a Link Title and Image for a Shared Link

Overview

This topic describes how to specify the title and image that is displayed for a URL hosted on your server. It assumes that you have a web host and are able to modify it.

Step-by-Step Instructions

  1. Collect the link details: link URL, link title, and link image URL.
  2. Modify the HTML response header for your URL to include the following meta tags. Replace the content attributes with your information.
    <meta property="og:title" content="your_link_title">
    <meta property="og:image" content="your_image_url">
  3. Open the Sharing Debugger to verify that your server is returning the correct metadata to Facebook for sharing.

    Open the Sharing Debugger

  4. In the Sharing Debugger, type the URL for your page and click Debug. This gives you a page that reveals what information the Facebook scraper pulled from your page. The image below shows the Sharing Debugger results for http://developers.facebook.com/docs.

Remarks