Summer。桑莫。夏天

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的重要性阿。 標籤這麼好用，是不是一個頁面上應該要多佈置一些標籤呢？

使用Node.js + Express建構一個簡單的微博網站。

這幾天和隔壁同事相約實踐前輩食夢黑貘的 成為資料工程師最初的 28 堂課 計畫，看完系列文章後便著手規畫要看的書還有想要實作的東西。在資料視覺化呈現(Data Visualization)的這一塊，身為前端工程師的我除了閱讀理論外，當然要找一套工具來玩玩。由於之前專案用過 Highcharts 、 Fusioncharts 、 jqGrid ，因此以上暫不考慮。東摸摸西看看之下就選了 D3.js 了。 以下是學習筆記啦，不是什麼教學文章。

Upload Photos to User's Facebook Profile via Graph API and Change Facebook Profile Picture 有不少活動都會引導使用者上傳圖片並設定為封面或是檔案頭像，例如 遮打革命 Umbrella Revolution - Support Campaign | Twibbon 。 先來看看遮打革命 Umbrella Revolution的分享美圖~

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 )。

Facebook Product Introduction 產品總整理與功能說明 Facebook產品總整理與功能說明(Social Plugins、Sharing、其他UI功能應用、Graph API功能應用、og相關、權限相關、成效衡量)，部份範例以粉多網站為例。 註： Facebook Product Introduction - 這篇文章的孿生兄弟，也是我寫的，因當時有分享需求而略做調整，是比較完整的版本，可以參考一下。

Facebook Graph API - Taggable Friends 有鑑於IKEA做了一個好玩的活動網站 來IKEA睡一晚 ，其中含有邀請朋友並標記、分享到Facebook上，因此也做了一個範例來玩玩。

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

Social Demo - FaceBook 常用Graph API說明與Example Demo。 什麼是Graph API？ Graph API是Facebook所推出的一種技術標準，它的核心概念是「物件與連結」。 為什麼稱為「Graph API」呢？ 因為整個Facebook就是透過這些物件與連結建立而成的Social Graph。 Facebook所提供存取的介面，就稱為「Graph API」。 (參考 Graph API是什麼東東? ) 例如，我可以經由我的ID(物件 "ME" ) -> Graph API(連結) -> 取得朋友、喜愛的電影、Po文(物件)。

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

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

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

RSS What is RSS? Why use RSS? RSS(Really Simple Syndication，簡易資訊聚合) 是一種消息來源格式規範，用以聚合經常發布更新數據的網站，例如博客文章、新聞、多媒體等的摘要或最新更新訊息(Ref： RSS )。其目的為把新聞標題、摘要（Feed）、內容按照使用者的要求，「送」到使用者的面前。RSS摘要可以藉由RSS閱讀器、Feed Reader等軟體來閱讀(EX：Feedly、Digg)。 RSS vs Sitemap Sitemap是網站地圖，目的是完整呈現網站的所有內容，RSS則是負責列出更新的項目，在定義上是不同的。 而當GoogleBot來爬的時候，你最希望它收到什麼資訊呢？不會是整個網站全部的內容吧XD，應該是整個網站最重要或最近更新的項目，因此做RSS只提交更新的頁面是相對有用的，做全站的sitemap不見得有太大的意義(而且目前的網站份量都是很大的)。 另外，GoogleBot爬網站的週期是用PR值來訂(參考 Google爬蟲的大揭密 - Googlebot爬文週期 )。