Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Better late than never...</p> <p>It's in the <a href="https://developers.facebook.com/docs/share/" rel="noreferrer">Facebook documentation</a>:</p> <blockquote> <p>In order to make sure that the preview is always correctly populated, you should add the tags shown below to the element in your HTML code. If you don't tag your page, Facebook Share will grab the title of your page as specified in the tag, and will create a summary description from the first text that appears in the body of your page. A list of thumbnails will all be selected from available images on your page.</p> <p>You can control the exact title, description, and thumbnail that Facebook Share uses by adding the following meta tags to the element in your page:</p> <pre><code>&lt;meta property="og:title" content="title" /&gt; &lt;meta property="og:description" content="description" /&gt; &lt;meta property="og:image" content="thumbnail_image" /&gt; </code></pre> <p>So an example news story could have the following:</p> <pre><code>&lt;meta property="og:title" content="Smith hails 'unique' Wable legacy"/&gt; &lt;meta property="og:description" content="John Smith claims beautiful football is the main legacy of Akhil Wable's decade at the club. " /&gt; &lt;meta property="og:image" content="http://www.onjd.com/design05/images/PH2/WableAFC205.jpg" /&gt; </code></pre> <p>As shown, <em>og:title</em> contains the preview title, <em>og:description</em> contains the preview summary and <em>og:image</em> contains the preview image. Please make sure that none of the content fields contain any HTML markup because it will be stripped out.</p> <p>The title and description tags are the minimum requirements for any preview, so make sure to include these two.</p> <p>The <em>og:image</em> is the URL to the image that appears in the Feed story. The thumbnail's width AND height must be at least 50 pixels, and cannot exceed 130x110 pixels. The ratio of both height divided by width and width divided by height (w/h, h/w) cannot exceed 3.0. For example, an image of 126x39 pixels will not be displayed, as the ratio of width divided by height is greater than 3.0 (126/39 = 3.23). Images will be resized proportionally.</p> </blockquote>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload