昨天完成了複製連結的分享按鈕,那當我們傳送連結時會長什麼樣子?
假設我們分享一篇IG貼文到Line上,會像下圖這樣。
簡單來說,會像下圖這種配置
不過在沒有做任何設定的情況時,HTML的部分會出現一些不該出現的內容。
例如我在讀取畫面加入了< p> LOADING... </ p>這個元素,那LOADING...這段文字就會出現在HTML內容。
修改這個部分會用到meta屬性
<meta property="og: " content=" ">
這裡稍微介紹會用到的幾個og屬性
og: title
分享時展示的標題,不做修改的話會和head裡設定的title相同。
og: description
設定完後會替換掉原先HTML內容的部分。
更改完可以利用FACEBOOK分享偵錯工具或LINE Page Poker來做測試。
參考資料/延伸閱讀