響應式網頁(Responsive Web Design)實作筆記

響應式網頁(Responsive Web Design)是一種設計概念,希望能讓網頁適用在不同的平台上。公司最近想對產品大改版,於是又來練練 RWD 摟!

Media Query Responsive Web Design 響應式網頁


2014 SEO Ranking Factors - 點閱率是最重要的因子、利用標籤競爭排名

2013 年的 SEO Rankgin Factors 著重於頁面優化、如何呈現好的內容與社群平台的散播,而 2014 年最大的不同在於 CTR 變成排行中最重要的因子,並強調了使用者的動向 (User Signals),除了 CTR 還有使用者停留時間 (Time on Site)、跳出率 (Bounce Rate)、更全面性的評估,例如相關詞彙 (Relevant Terms)、網站速度 (Site Speed)。再來便沒有太大變化 (即基本功),依然是 SNS、Semantic Web、網站架構與技術等。

SEO 標籤系統 搜尋引擎優化 SEO101


Facebook Graph API - Taggable Friends

由於 IKEA 做了一個好玩的活動網站「來IKEA睡一晚」,其中含有邀請朋友並標記、分享到 Facebook 上,因此也做了一個範例來玩玩。

Facebook Graph API


關鍵字 (Keyword) 與標籤 (Tag)-談選擇、聚焦與經營

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

SEO 標籤系統 關鍵字經營 搜尋引擎優化 SEO101


Facebook Graph API 與 Demo Example

常用 Graph API 說明與 Example Demo。

Facebook Graph API


搜尋引擎優化指南 (SEO Guideline) - 如何有系統的優化網站、評估與持續改進?

這篇文章將我到目前為止的 SEO 相關操作整理為搜尋引擎優化指南 (SEO Guideline),它是一套針對搜尋引擎優化網站的執行準則,每個崗位執行特定的工作即可讓網站有一定的效果,並且這樣的優化過程是可以被評估、回饋與持續改進的;而系統化的實行也有助於將有限資源做最大利用,以得到最好的效果,例如:提高點閱率、排名等。

SEO sitemap RSS structured data social meta tags


粉多任務 x 一品禪 - 使用 Microdata 標記的網頁實例

什麼是 Microdata?這些標記符號的用途在於讓搜尋引擎有效讀懂網頁的內容,進而達到搜尋時呈現我們所提供的資料的方法。畢竟直接告訴搜尋引擎重點在哪裡,是比較有效率和精準的,文中也會說明標記如何撰寫和測試。

SEO structured data rich snippets microdata 結構化資料