社交分享的默認網站圖片

有沒有什麼辦法可以設置我在Facebook上分享我的網站時出現的默認圖片？我注意到Facebook通常從網站取得第一張圖片作爲縮略圖。社交分享的默認網站圖片

2013-10-28 paz

您需要設置facebook的圖像meta標籤：

<meta property="og:image" content="http://example.com/logo.jpg"> 
<meta property="og:image:type" content="image/png"> 
<meta property="og:image:width" content="1024"> 
<meta property="og:image:height" content="1024">

欲瞭解更多信息檢查docs

來源

2013-10-28 10:28:53

我用這種方式，它仍然從我的網站挑選一個隨機圖像？ – Rossco

我同意 - 仍然在等待這個答案。只是在我的網站上挑選一些隨機圖像... – Andy

隨機你是否認爲每隔一段時間它會發生變化或是它是相同的圖片，但不是你在元標記中設置的圖片？ –

<meta property="og:image" content="http://example.com/lamb-full.jpg"> 
<meta property="og:image:type" content="image/jpeg"> 
<meta property="og:image:width" content="200"> 
<meta property="og:image:height" content="200">

圖片大小應是至少200像素X 200像素

來源

2015-06-25 12:15:35

不錯。所有共享鏈接的網站的默認設置是什麼？這只是Facebook的API？ – JoshYates1980

@ JoshYates1980查看http://stackoverflow.com/questions/10397510/do-services-other-than-facebook-use-open-graph查看更多使用開放圖的網站 –

Facebook的服務器將'刮'你的網站尋找一個人們分享時使用的圖像。如果要指定要使用的圖像，把這個在您的網站的<head></head>部分：

<meta property="og:image" content="http://url-to-your-image.png">

Facebook可能已緩存先前隨機圖像的副本。要獲得Facebook的再次獲取：

https://developers.facebook.com/tools/debug/

來源

2016-03-22 22:51:45

設置在HTML文檔的<head>像這樣的og:image：

<meta property="og:image" content="http://example.com/ogp.jpg" />

這是的Open Graph協議的一部分，尊重至少由以下社交媒體網站：

的Facebook（見https://developers.facebook.com/docs/sharing/webmasters/#images）
推特（見https://dev.twitter.com/cards/getting-started#opengraph）
LinkedIn（見https://developer.linkedin.com/docs/share-on-linkedin）
Google+的（見https://developers.google.com/+/web/snippet/）
Pinterest的（見https://developers.pinterest.com/docs/rich-pins/reference/）

（...和可能還有更多。）

除了設置上面的標籤，你可能也希望：

清除社交媒體平臺緩存的頁面圖像版本（例如，通過使用平臺的開發人員工具），以便您可以立即看到所反映的更改。例如，您可以在Facebook上使用https://developers.facebook.com/tools/debug/
添加其他「結構化屬性」，以使用http://ogp.me/#structured中描述的語法指定圖像的寬度或高度等內容。這被Facebook描述爲「最佳做法」https://developers.facebook.com/docs/sharing/best-practices#images。

來源

2017-09-10 10:18:20

這是我的解決方案，它的工作很好：

<head> 
    <!--FACEBOOK--> 
    <meta property="og:image" content="https://www.website.com/logo.jpg"> 
    <meta property="og:image:type" content="image/png"> 
    <meta property="og:image:width" content="1024"> 
    <meta property="og:image:height" content="1024"> 
    <meta property="og:type" content="website" /> 
    <meta property="og:url" content="https://www.website.com/"/> 
    <meta property="og:title" content="Website title" /> 
    <meta property="og:description" content="Website description." /> 
<head>

您可以測試與Facebook Debug site。

來源

2018-02-06 08:36:49 iLandes

社交分享的默認網站圖片

回答

相關問題