《如何讓你的網站網頁鏈接分享到微信時,能正確顯示標題、縮略圖》要點:
本文介紹了如何讓你的網站網頁鏈接分享到微信時,能正確顯示標題、縮略圖,希望對您有用。如果有疑問,可以聯系我們。
相關主題:HTML和JS入門
當你的網頁被分享到微信上,標題、縮略圖、簡介三項很重要。
對于標題和縮略圖,可以這樣設置:
標題:會取當前頁面title里面的內容。
圖片:會取當前頁面body內最前面的一張符合條件的圖片。
圖片尺寸必須大于: 300px × 300px 把符合以上兩個條件的圖片放到<img>里,放到頁面<body>內的最前面。
這樣分享時就會取這張圖作為縮略圖了。
你可以放一張符合條件的圖在body后面隱藏起來,但是要注意的是,下面兩種做法,div標簽隱藏有效,如果直接在img標簽上做display:none,將不會有效。
【這樣可以】
<div style="display: none"> <img src="/images/img.jpg" /> </div>
【這樣不行】
<img src="/images/img.jpg" style="display: none" />
網上有這種做法:
在<head></head>標簽內加上一個meta標簽
<meta name="sharecontent" data-msg-img="你的縮略圖地址" data-msg-title="你的標題" data-msg-content="你的簡介" data-msg-callBack="" data-line-img="你的縮略圖地址" data-line-title="你的標題" data-line-callBack=""/>
這個沒有用,不會有效。
對于簡介,要用微信公眾號的JS-SDK開發了。另文。