微信實現分享連結的縮圖和標題

本文主要和大家分享微信實作分享連結的縮圖和標題，希望能幫助大家。

一、微信內分享

在微信內開啟連結後，點擊右上角【…】選擇【傳送給朋友】或【分享到朋友圈】，這種分享方式取得縮略圖的方法：

• 方法一：在頁面body 最上方加入300*300 像素的img

如圖片不需要顯示，可以用css 隱藏，但不能直接對img 設定display: none;。

可以在父層 p 上設定 display: none; 或對 img 設定 position: absolute; visibility: hidden;。

<p style="display:none;">
<img src="/img/thumbnail.png" alt=""></p>

• 方法二：透過微信JS-SDK 的分享介面

這種方法需要一個微信公眾號的app_id，同時需要一個後端服務產生signature。好處是可以自訂分享的標題、縮圖、描述。

二、從瀏覽器分享

在瀏覽器開啟連結後，點分享圖標，選擇【微信】，這種分享方式取得縮圖的方法：

在頁面的head 部分新增Open Graph Metadata：

<meta property="og:type" content="website" />
<meta property="og:title" content="页面标题">
<meta property="og:description" content="页面描述">
<meta property="og:image" content=" 
<meta property="og:url" content="http://www.example.com/">

其中og:image 影響瀏覽器分享時的圖標，需要指定圖片的完整路徑。

以上是微信實現分享連結的縮圖和標題的詳細內容。更多資訊請關注PHP中文網其他相關文章！