你知道 Facebook/Twitter 怎麼解析你貼的網址嗎?
覺得我們的內容實用嗎? MyApollo 電子報讀者募集中!歡迎訂閱電子報!
當你在 Facebook/Twitter 輸入框貼上網址時,它會試圖用 Open Graph protocol 去解析網頁中的 og:title
, og:url
, og:image
以及 og:type
4 個屬性(如果網頁沒遵守 Open Graph protocol 又是另一回事了),其中 og:image
就是 Facebook 貼文會顯示的那張圖,也是社群經理或編輯群一定會談到的專業術語,畢竟圖片夠吸引人也能夠帶來點擊率啊!
對前端工程師而言,其實就是在網頁的 <head></head>
之間多加幾個 <meta>
標籤而已,其中 og:title
, og:url
, og:image
以及 og:type
4 個都是必要屬性,如果你是前端工程師或者工作與社群經理相關,建議要看看 Open Graph protocol 文件,以學會你怎麼控制你的網頁出現在 Facebook/Twitter 等社群平台的模樣,以帶來更多的流量。