【SEO】分享網頁的預覽壞掉了? 一分鐘教你解決!|抬升 Raise
最近抬升寫了「 Word Commenter 」這個工具 因為要跟朋友分享,要貼到社群媒體,需要調整分享格式 也因此在過程中對於網頁優化學到了一些新知 在此跟你分享 首先,當你要分享文章至臉書時,會出現預覽圖片 有時候預覽圖片是小圖,或者內容不是你想要的 這時候就要再去做修正 像這樣的格式,圖片太小,抬升我不喜歡 這時候你需要去更改網頁的 <head> 裡面的 <meta> 標籤裡面的內容 這個標籤是用來給搜尋引擎與瀏覽器讀的 用來告訴機器,你這個網頁有些什麼內容?要怎麼呈現? 你可以在 <meta> 標籤中放上自己要的圖片,或想要的敘述 你可以參考下面的範例再作修改 <!-- Open Graph / Facebook --> <meta property="og:type" content="website"> <meta property="og:url" content="https://easonc13.github.io/WordCommenter/index.html"> <meta property="og:title" content="Word-Commenter"> <meta property="og:description" content="簡單強大的單字註記工具,提高你紀錄單字的效率"> <meta property="og:image" content="https://easonc13.github.io/WordCommenter/featureImgNew.png"> <!-- Twitter --> <meta property="twitter:card" content="summary_large_image"> <!--meta pr...