搜尋引擎優化

2021 年度回顧

這是我在 2021 年最值得聊聊的幾件事 (*´∀`)~♥

年度回顧 MOPCON 公路車 健身 高蛋白料理 旅遊 讀書會 閱讀 職涯 打造高速網站,從網站指標開始!全方位提升使用者體驗與流量的關鍵 Web Vitals Core Web Vitals SEO 搜尋引擎優化 效能調校 健身女孩安安 甜點 減醣 減糖 DIY 生活 Netflix Testable JavaScript 可測試的 JavaScript WorldGym · 留言


導讀《打造高速網站,從網站指標開始!全方位提升使用者體驗與流量的關鍵》逐字稿@新竹敏捷

導讀《打造高速網站,從網站指標開始!全方位提升使用者體驗與流量的關鍵》逐字稿@新竹敏捷

Web Vitals 效能調校 打造高速網站,從網站指標開始!全方位提升使用者體驗與流量的關鍵 Core Web Vitals SEO 搜尋引擎優化 趨勢科技 Trend Micro · 留言


關於「打造高速網站,從網站指標開始!全方位提升使用者體驗與流量的關鍵」這本書的點滴

關於這本書「打造高速網站,從網站指標開始!全方位提升使用者體驗與流量的關鍵」的點點滴滴。

Web Vitals 效能調校 打造高速網站,從網站指標開始!全方位提升使用者體驗與流量的關鍵 Core Web Vitals SEO 搜尋引擎優化 MOPCON 趨勢科技 Trend Micro · 留言


打造高速網站,從網站指標開始!(Speed Up Your App with Web Vitals) MOPCON 2021 逐字稿

MOPCON 逐字稿

MOPCON Web Vitals 打造高速網站,從網站指標開始!全方位提升使用者體驗與流量的關鍵 Core Web Vitals SEO 搜尋引擎優化 效能調校 Firebase Performance Firebase Image Optimization Lighthouse Loading Performance lighthouse-cli sharing 加載效能 圖片最佳化 趨勢科技 Trend Micro Real User Monitoring Synthetic Monitoring Mixtini 前端效能 系列文 · 留言


RSS 與 SEO

RSS 與 SEO 操作相關。網站在做 SEO 的時,做完基本的 HTML 優化後,接著就是要做 RSS 和標籤,這次來聊聊 RSS。

RSS sitemap SEO 搜尋引擎優化 SEO101 · 留言


網站如何控制索引範圍?

過去在操作規模較小的網站時,重點往往是增加網站的網頁索引數,但操作大型網站除了增加索引數外,更重要的是引導搜尋引擎爬取正確的路線 / 頁面,意即有效控制索引範圍。一方面是不浪費索引的額度(Google 對每個網站都有一定的索引額度),另一方面也是不增加我們網站本身的流量負擔(CDN 等也是很貴的)。

SEO 搜尋引擎優化 SEO101 · 留言


利用 Prerender Node 為 SPA 做 SEO

利用 Prerender Node 為 SPA 做 SEO

SEO 搜尋引擎優化 node.js SEO101 · 留言


利用 PhantomJS 為 SPA 做 SEO

隨著前端技術的不斷更新,使用前端框架(React、Vue 等)來建構網站是普遍現象。但目前搜尋引擎無法有效讀取使用 JavaScript render 出來的頁面,且使用 ajax Crawling 的解法只適用於 Google 又此法已被廢棄,因此另一解法就是使用 PhantomJS。

SEO 搜尋引擎優化 node.js SEO101 · 留言


加速行動版網頁(AMP, Accelerated Mobile Pages)

加速行動版網頁(AMP, Accelerated Mobile Pages)是 Google 推出的一套框架,用來使行動裝置網頁能快速載入。 在 Search Console 上會看到提示建議 Webmaster 使用與提交這樣的頁面。

AMP SEO 搜尋引擎優化 SEO101 · 留言


結構化資料之「商品」範例 - 使用 JSON-LD

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

SEO structured data rich snippets json-ld 結構化資料 複合式摘要 搜尋引擎優化 SEO101 · 留言


常見的 Google 搜尋演算法(Search Algorithms)

這幾天在準備 SEO Basics 的 slides,所以也順手整理了一下 Google 常見的搜尋演算法。

SEO 搜尋引擎優化 SEO101 · 留言


語意網 - HTML5文件的段落和綱要(Semantic Web - Sections and Outlines of an HTML5 Document)

最近有個朋友做了網站優化,才調整 HTML5 Outline 就讓該網站被 Index 的頁面快速增加。一個好懂的網頁能讓搜尋引擎有效爬完讀懂,而且優化成本相對不大。如果要開始做 SEO,從頁面 HTML 結構開始做起,是較簡單、CP 值又高的好選擇。

SEO Semantic Web HTML5 搜尋引擎優化 SEO101 · 留言


活動咖手機版網站上線了 - 活動平台行動裝置網站或 App 設計的現狀探討與改進

這陣子剛好在幫活動平台網站-活動咖 EventPal 設計 + 製作行動裝置版網頁,因此參考了不少前輩的作品 - Accupass、KKTIX、Pinkoi、friDay 等。在這裡記錄一些我對這些網站的想法,還有我們家產品所遇到的問題和設計的功能、解法。

SEO Responsive Web Design 搜尋引擎優化 響應式網頁 · 留言


結構化資料之「活動」範例(Part 2)- 使用 Microdata 與 JSON-LD

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

SEO structured data rich snippets json-ld microdata 搜尋引擎優化 結構化資料 複合式摘要 SEO101 · 留言


結構化資料之「活動」範例(Part 1)

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

SEO structured data rich snippets microdata 搜尋引擎優化 結構化資料 複合式摘要 SEO101 · 留言


Modern Web 2015:電子商務與活動平台的 SEO 到底要做哪些事?

自從 SEO 成為顯學後,各大電子商務和活動網站都開始注意是否有做 SEO - 是否能讓搜尋引擎正確剖析內容、商品、活動或報導是否出現在 SERPs 上,進而注意是否能從搜尋中帶入正確的 TA 和流量。但 SEO 到底要做什麼?搜尋引擎對於一般人來說像是個黑盒子,網路上的文件所述影響搜尋引擎的因子又非常多,到底要從哪裡開始優化?很多人光想到這裡就非常頭痛...

Modern Web SEO social meta tags sitemap rich snippets structured data RSS 搜尋引擎優化 結構化資料 複合式摘要 關鍵字經營 資訊架構 標籤系統 · 留言


電子商務網站 SEO 實例探討

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

SEO 搜尋引擎優化 SEO101 · 留言


App Store Optimization (ASO) Guideline

ASO 和 SEO 的概念是類似的,同樣是企圖在搜尋引擎(不管是 App Store 或 Web 搜尋引擎上)在使用者特定的查詢字串下,將排名往前,取得較佳的排名。而為了取得較佳的排名,我們是有些工作必須完成的,分述如下。

ASO SEO 搜尋引擎優化 · 留言


談如何利用標籤(Tag)加強網站的近似辭彙(Relevant Terms)

網站的流量來自於使用者的貢獻-使用者經由自然引擎(Organic Search)、推薦連結(Referral)、社群分享(Social)和直接連結(Direct)進入網站。其中,若使用者經由搜尋引擎找到網站內容,必定是使用特定的搜尋字串(精準或不精準的關鍵字)進入網站。而關鍵字的聚焦即為標籤,標籤集合頁匯集網站資源而能在 SERPs 上大放異彩。

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


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 · 留言


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

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

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


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

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

SEO sitemap RSS structured data social meta tags rich snippets 資訊架構 標籤系統 關鍵字經營 複合式摘要 結構化資料 social plugin sharing 搜尋引擎優化 SEO101 · 留言


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

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

SEO structured data rich snippets microdata 結構化資料 複合式摘要 搜尋引擎優化 SEO101 · 留言


Author Rank

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

SEO 搜尋引擎優化 SEO101 · 留言


RSS:概念與實作

RSS(Really Simple Syndication,簡易資訊聚合)是一種消息來源格式規範,用以蒐集經常更新內容的網站的最新資訊,例如部落格、新聞、多媒體等。其目的是把內容「送」到使用者的面前。RSS 可藉由各種閱讀器來閱讀。

RSS sitemap SEO 搜尋引擎優化 SEO101 · 留言


從搜尋到社群 - Semantics、Rich Snippets、Social Meta Tags

搜尋引擎提供使用者想要的資訊,而社群平台提供這些資訊更多露出的機會。我們希望將優質的內容提供給使用者,並利用社群的力量推廣出去。搜尋引擎不但想提供資訊給使用者而已,更想精準的回答使用者的問題。但如何讓搜尋引擎了解網頁內容呢?於是「Semantics」(語意學)便成為 SEO 很重要的議題。漸漸的,搜尋引擎可以了解網頁的內容,於是便能透過各種技術將適當的內容呈現給使用者來解決各種問題。

SEO structured data rich snippets social meta tags 複合式摘要 結構化資料 搜尋引擎優化 SEO101 · 留言


SEO:重複內容(Duplicate Content)

網路上存在著許多重複內容,搜尋引擎為了提供使用者最佳的搜尋結果,便會對這些內容作區別。而網頁內容重複是難免的,但造成了搜尋結果排序上的困擾。因此,我們可以對這些頁面做處理,修正搜尋引擎對它們的解讀。

SEO 搜尋引擎優化 SEO101 · 留言


IA for SEO:使用 IA 增進自然搜尋流量

在達到高的「有機搜尋引擎最佳化排行」(Organic Search Engine Optimization Ranking)中,IA(Information Architecture,資訊架構)是很重要的部份。

SEO 資訊架構 搜尋引擎優化 SEO101 · 留言