Summer。桑莫。夏天

利用Prerender Node為SPA做SEO 圖片來源： Wake Up, SEOs – the NEW New Google is Here 。 繼 利用PhantomJS為SPA做SEO 又來一個為SPA解決SEO問題的解法。

利用PhantomJS為SPA做SEO 隨著前端技術的不斷更新，使用前端框架(React、Vue等)來建構網站是普遍現象。但目前搜尋引擎無法有效讀取使用JavaScript render出來的頁面，且使用 AJAX Crawling 的解法只適用於Google又此法已被廢棄，因此另一解法就是使用PhantomJS。 這裡使用 Node.js + PhantomJS 為SPA/以Ajax讀取資料的頁面做SEO。

結構化資料之「商品」範例 - 使用JSON-LD 假設想在搜尋結果頁(SERPs)上對 單一商品 呈現更為吸引人的Rich Snippet效果，例如出現星等、評論數(如下圖)，就需要利用結構化資料(Structured Data)來達成。

語意網 - HTML5文件的段落和綱要 (Semantic Web - Sections and Outlines of an HTML5 Document) 最近有個朋友做了網站優化，才調整HTML5 Outline就讓該網站被Index的頁面快速增加。一個好懂的網頁能讓搜尋引擎有效爬完讀懂，而且優化成本相對不大。如果要開始做SEO，從頁面HTML結構開始做起，是較簡單、CP值又高的好選擇。

結構化資料之「活動」範例 (Part 2) - 使用Microdata與JSON-LD (圖片來源： WEBAFFIX ) 在上一個範例 結構化資料之「活動」範例 (Part 1) 中使用的規範是 Data-Vocabulary.org ，這次改用Microdata與JSON-LD，並記錄更多實作上的疑難雜症。

結構化資料之「活動」範例 (Part 1) (圖片來源： How To Add Rich Snippets To Your WP Blog Posts The Easy Way ) 「Promote Your Content with Structured Data Markup」，搜尋引擎愈來愈人性化，提供愈來愈多實用的資料給使用者做決策。因此，前端工程師的切版不再只是依照設計稿呈現美麗的畫面和特效而已，還要能利用結構化資料，讓網站內容在SERPs上顯示更多資訊。拿活動來說，如下圖紅框所示，搜尋活動「資策會數據創新應用黑客松 IDEAS Tech Hackathon」，第三則結果出現了活動時間「7月25日 - 7月26日」和活動地點「TAF空總創新基地-空軍總部舊址中正堂, 台灣」。使用者不但能在SERPs知道活動標題、短描述和網址外，還能馬上知道日期(區間)、地點。

Modern Web 2015：電子商務與活動平台的SEO到底要做哪些事？ 自從SEO成為顯學後，各大電子商務和活動網站都開始注意是否有做SEO - 是否能讓搜尋引擎正確剖析內容、商品、活動或報導是否出現在SERPs上，進而注意是否能從搜尋中帶入正確的TA和流量。但SEO到底要做什麼？搜尋引擎對於一般人來說像是個黑盒子，網路上的文件所述影響搜尋引擎的因子又非常多，到底要從哪裡開始優化？很多人光想到這裡就非常頭痛。 小黑在這次短短25分鐘真的把SEO基本該做的事情都講得一清二楚( 看投影片：電子商務的美麗與哀愁 - SEO 真的只要做這些事情就好 )，精采無冷場阿！以下除了小黑的演說內容外，也補充我的想法。

身為一個有實體社交恐懼症的人，其實很害怕以下這些事情： 參加實體社交活動，例如：聚餐、婚禮、尾牙、唱KTV 送禮，例如：生日禮物、伴手禮、禮金 穿搭，例如：婚禮要穿什麼？尾牙要穿什麼？跟長輩吃飯要穿什麼？ 話題，例如：許久不見的人該聊什麼？最近紅什麼？ 由於是一個實體方面的社交恐懼症的人，最有可能的解法就是上網看看大家怎麼做，然後學起來。可是上網看，就想求客製化的懶人包。

大部份會做SEO的網站不外乎是電子商務、活動網站、內容/服務平台(例如：新聞、旅遊)。而極端如Campaign Site這樣類型的網站由於存活時間短，便不需要做SEO，只要放置簡單的Meta Tag或Social Meta Tag即可(供SERPs顯示標題和描述、社群平台分享時帶出適當的文字與圖片，快速產出網站以搭配行銷活動與流程能順暢操作才是重點)。以下我們會先就電子商務的狀況作探討。

App Store Optimization (ASO) Guideline App Store Optimization (ASO) is the process of improving a mobile app’s visibility within mobile app stores (such as the iOS App Store and Google Play Store) by optimizing the content of the app’s store page for popular, targeted keyword phrases. From App Store Optimization (ASO): A Beginner’s Guide ASO和SEO的概念是類似的，同樣是企圖在搜尋引擎（不管是App Store或Web搜尋引擎上）在使用者特定的查詢字串下，將排名往前，取得較佳的排名。而為了取得較佳的排名，我們是有些工作必須完成的，分述如下。

談如何利用標籤(Tag)加強網站的近似辭彙(Relevant Terms) 前情提要：網站為何需要關鍵字、標籤？從2014 Ranking Factors看標籤的重要性 網站的流量來自於使用者的貢獻－使用者經由自然引擎(Organic Search)、推薦連結(Referral)、社群分享(Social)和直接連結(Direct)進入網站。其中，若使用者經由搜尋引擎找到網站內容，必定是使用特定的搜尋字串(精準或不精準的關鍵字)進入網站。而關鍵字的聚焦即為標籤，標籤集合頁匯集網站資源而能在SERPs上大放異彩。相關可參考 關鍵字 (Keyword) 與標籤 (Tag)－談選擇、聚焦與經營 。 與2013相較，2014年最大的不同在於CTR變成SERPs排行中最重要的因子，而標籤因匯集了網站相關關鍵字的能量，而能在SERPs勝出、得到更多點擊外，更因為站內使用者的聚焦而讓使用者不斷對這特定內容點擊，造成的強者恆強的效果。食夢黑貘在 深入了解 Google 放棄 Page 的真正原因 再次強調了標籤 / CTR的重要性阿。 標籤這麼好用，是不是一個頁面上應該要多佈置一些標籤呢？

RWD(Responsive Web Design)是一種設計概念，希望能讓網頁適用在不同的平台上。 而距離上一次專做RWD大約是一年前，公司最近想對產品大改版，於是又來練練RWD搂！

2014 SEO Ranking Factors - 點閱率CTR成為最重要的因子、利用標籤競爭SERPs排名 2013年的SEO Rankgin Factors著重於頁面優化、如何呈現好的內容與社群平台的散播。與2013相較，2014年最大的不同在於 CTR變成SERPs排行中最重要的因子 ，並強調了使用者的動向(User Signals)，除了CTR還有使用者停留時間(Time on Site)、跳出率(Bounse Rate)、更全面性的評估，例如相關詞彙(Relevant Terms)、網站速度(Site Speed)。而再來便沒有太大變化(即基本功)，依然是SNS、Semantic Web、網站架構與技術等(可參考 從搜尋到社群 - Semantics、Rich Snippets、Social Meta Tags )。

Ember.js & SEO - 測試搜尋引擎對JavaScript的剖析能力 Google Webmaster Central Blog在今年五月宣布 ，Google 搜尋能夠執行網頁上的 Javascript (見 Understanding web pages better )。而過去已知Crawler只會剖析網頁上的HTML Code，而不會(或少量)執行JavaScript。。又由於開發品質與速度的要求，使得Single Page Application (SPA) frameworks盛行(例如：Angular.js、Ember.js等)，於是了解搜尋引擎是否能夠執行並解讀JavaScript與解讀的程度便成為網站開發的其中一項需求。

keyword_tag_issues 許多網站都設置關鍵字與標籤，但網站一定需要關鍵字、標籤嗎？關鍵字和標籤有什麼差別？能夠帶給網站什麼樣的成效？

SEO_Guideline 搜尋引擎優化指南(SEO Guideline) 是一套有系統的優化網站的執行準則，每個崗位執行特定的工作項目即可讓網站(或專案)有一定品質以上的效果，並且這樣的優化效果是可以被評估、回饋與持續改進的。而系統化的實行也有助於在有限資源下做最大的利用，以得到最好的效果(例如：點閱率、排名)。　　 以下會說明實行SEO目的、原則、實作方法與成效評估方式。

粉多任務 x 一品禪 - 使用Microdata標記的網頁實例 什麼是Microdata？ 有興趣的可以參考 從搜尋到社群 - Semantics、Rich Snippets、Social Meta Tags ，這些標記符號的用途在於讓搜尋引擎有效讀懂網頁的內容，進而達到搜尋時呈現我們所提供的資料的方法。 畢竟直接告訴搜尋引擎重點在哪裡－－告訴它這是一篇文章的標題、內文、圖片和圖片說明，或告訴它這是商品區塊、這些文字是商品名稱或廠商名稱、告訴它這些數字是價錢(而非無意義的數字)，是比較有效率和精準的。而文中也說明標記如何使用和測試。

author_rank Author Rank 是評估作者影響力的指標，過去尚未被證實是否會影響搜尋結果的排名，但 Matt Cutts的一則Tweet 似乎證實在某些地方確實會用到，例如專門領域文章的分析。