很多時候我們只要在社交網站如facebook及手機通訊程式line的個人主頁，貼上URL，都會自動擷取指定的網頁簡介及縮圖等資料。身為網頁設計者，為了要善用社交網站來增加網頁連結分享的吸引力，究竟是如何設定的呢？
方法是在html上運用Open Graph，在head tab裏面的meta tab加入眾多的property參數，例如網頁標題是"og:title"，簡介是"og:description"，網址是"og:url"，縮圖是"og:image"，更可設定多款圖選給分享者。本人的語法就如附圖所示，而更多參數及形式可往以下頁面參考：
|
Open Graph protocol |
最後，要知道自己的語法是否正確無誤，也可到facebook的Object Debugger頁面輸入網址測試，非常便利。各位也可嘗試輸入別人的網址，看看是甚麼模樣。
| Debugger - Facebook developers |
文章標籤
全站熱搜
版主您好，想請教您，如果縮圖要放的是個人網站小圖示的話，那語法內的圖片網址連結要怎麼放？
淺拖仔您好，抱歉現在才看見您的留言。 如果縮圖要放的是個人網站小圖示的話，只要將那個小圖示位址放進meta tab的"og:image"便可。例如你知道你的網站小圖示位址是"https://towardfung.site44.com/jambudvipa/fb01.jpg"，那麼meta tab的語法便是"<meta property="og:image" content="https://towardfung.site44.com/jambudvipa/fb01.jpg" />"。