我也是個部落客，我也會擔心，如果沒有人願意看我的文章，那該怎麼辦？
一篇文章能否打動讀者，只有不到15秒的時間。
如果能讓讀者撐過這15秒，讀者願意看完文章的機率就會大增。
身為部落客，我每天都在想，要如何讓讀者待超過15秒大關。
我們都知道，要打動讀者，靠的肯定不是文筆。
在讀者無情地滾動滑鼠時，他根本沒時間欣賞你華麗的詞藻。
在滑鼠滾動到頁面尾巴之前，如果沒有足夠獨特的元素，那基本上不用15秒，就GG了。
怎麼辦才好？
面對耐心不足的讀者，你可以…
- 避免長篇幅文字
- 口語化敘述
- 善用圖片
- 加入圖表
OK，1.2.3.你都會，我們來談談4。
圖表是好東西，你用Excel也可以做，但Google圖表，比較炫，它能夠讓人跟你的圖表互動。
讓讀者有點驚喜，就更有機會留下好的印象。
各位站長，從今天起，
你也可以在部落格中附上互動性的圖表，讓你的讀者，乖乖撐過那該死的15秒。
Google 的圖，其實挺精美的，點此觀看所有Google Charts 的圖表類型。
在WordPress網站嵌入Google 圖表的步驟
- 安裝Per Page Add to Head外掛
- 到Google Chart選取需要的圖
- 在JS Fiddle上簡單修改數據，製作你要的圖
- 將程式碼加到Add to Head的欄位
- 將圖表的div標籤加在文章裡面
看起來很難嗎？
相信我，一點都不難。
步驟1. 安裝Per Page Add to Head外掛
要在WordPress網站嵌入Google圖表，我們要將Google的Javascript置入網站的HTML header，而且只要在有用到圖表的文章才置入js。因此我們需要這個外掛Per Page Add to Head，它能夠以頁面或文章為單位將程式碼加入header。安裝後會有個Add to Head欄位在每個頁面/文章下方。
步驟2. 選擇要製作的圖表類型
接著，再到Google Chart裡面選擇圖表。選擇後會看到以下畫面，點擊進入JSFiddle。
步驟3. 到JSFiddle修改參數
然後我們就可以用JSFiddle修改參數，不會程式語言沒關係，動手改改看那些數字，就知道什麼是什麼了。改完之後按左上角的Run，便能Preview你的圖表。以下為JSFiddle畫面：
圖表的ID，建議改成獨特的名字，這樣一篇文章塞進多張圖也不會出錯，之後要修改CSS也比較方便。而JS裡面的ID改掉的話，HTML的部分也要改成一樣的。
步驟4. 將程式碼複製貼到Add to Head欄位
接著將Google圖表程式碼複製，並加入Add to Head欄位（每個頁面跟文章的下方），它的格式是這樣的：
步驟5. 在文章中加入div標籤
在編輯文章時，選取文字模式，並將div標籤貼上，就完成了。CSS style部分，建議width可以設成100%，height為auto，就算不改也沒關係，圖表本來就已經是RWD了。
以下是圖表範例：
第一張圖
第二張圖
我在這篇如何優化購物網站的SEO文章裡面，也有使用到Google Charts，可以點進去看看效果喔～
我也是個部落客，我也會擔心，如果沒有人願意看我的文章，那該怎麼辦？
一篇文章能否打動讀者，只有不到15秒的時間。
如果能讓讀者撐過這15秒，讀者願意看完文章的機率就會大增。
身為部落客，我每天都在想，要如何讓讀者待超過15秒大關。
我們都知道，要打動讀者，靠的肯定不是文筆。
在讀者無情地滾動滑鼠時，他根本沒時間欣賞你華麗的詞藻。
在滑鼠滾動到頁面尾巴之前，如果沒有足夠獨特的元素，那基本上不用15秒，就GG了。
怎麼辦才好？
面對耐心不足的讀者，你可以…
OK，1.2.3.你都會，我們來談談4。
圖表是好東西，你用Excel也可以做，但Google圖表，比較炫，它能夠讓人跟你的圖表互動。
讓讀者有點驚喜，就更有機會留下好的印象。
各位站長，從今天起，
你也可以在部落格中附上互動性的圖表，讓你的讀者，乖乖撐過那該死的15秒。
Google 的圖，其實挺精美的，點此觀看所有Google Charts 的圖表類型。
在WordPress網站嵌入Google 圖表的步驟
看起來很難嗎？
相信我，一點都不難。
步驟1. 安裝Per Page Add to Head外掛
要在WordPress網站嵌入Google圖表，我們要將Google的Javascript置入網站的HTML header，而且只要在有用到圖表的文章才置入js。因此我們需要這個外掛Per Page Add to Head，它能夠以頁面或文章為單位將程式碼加入header。安裝後會有個Add to Head欄位在每個頁面/文章下方。
步驟2. 選擇要製作的圖表類型
接著，再到Google Chart裡面選擇圖表。選擇後會看到以下畫面，點擊進入JSFiddle。
步驟3. 到JSFiddle修改參數
然後我們就可以用JSFiddle修改參數，不會程式語言沒關係，動手改改看那些數字，就知道什麼是什麼了。改完之後按左上角的Run，便能Preview你的圖表。以下為JSFiddle畫面：
圖表的ID，建議改成獨特的名字，這樣一篇文章塞進多張圖也不會出錯，之後要修改CSS也比較方便。而JS裡面的ID改掉的話，HTML的部分也要改成一樣的。
步驟4. 將程式碼複製貼到Add to Head欄位
接著將Google圖表程式碼複製，並加入Add to Head欄位（每個頁面跟文章的下方），它的格式是這樣的：
步驟5. 在文章中加入div標籤
在編輯文章時，選取文字模式，並將div標籤貼上，就完成了。CSS style部分，建議width可以設成100%，height為auto，就算不改也沒關係，圖表本來就已經是RWD了。
以下是圖表範例：
第一張圖
第二張圖
我在這篇如何優化購物網站的SEO文章裡面，也有使用到Google Charts，可以點進去看看效果喔～