最近抬升寫了「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 property="twitter:url" content="https://tsraise.com"-->
<meta property="twitter:title" content="Word-Commenter">
<meta property="twitter:description" content="簡單強大的單字註記工具，提高你紀錄單字的效率">
<meta property="twitter:image" content="https://easonc13.github.io/WordCommenter/featureImgNew.png">修改完之後你再去 Facebook 的分享偵錯工具
點選「再次抓取」要求臉書重新抓取你的連結
然後內容就會被更新了！
同樣的道理也適用在 Google 的搜尋結果
你可以去 Google 的搜尋中心 要求重新抓取網頁
至於聊天軟體，以 Telegram 為例
你可以去 Telegram 專用的 Web Page ChatBot更新網址數據
這樣一來
你就可以確保自己呈現給使用者的分享畫面
是你自己想要的啦！
另外，這個專案其實是為要練習爬蟲才寫的
後端使用 Python 爬 Google 翻譯來運作
意外發現，原來爬蟲其實不難
看來我用爬蟲搶課的日子指日可待了呢！
