發表文章

目前顯示的是有「SPA」標籤的文章

利用Prerender Node為SPA做SEO

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

利用PhantomJS為SPA做SEO

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

Angular.js Form Example 表單練習

圖片
Angular.js Form Example 表單練習 這個表單會展示常用表單元件、基本Directive和Controller的功能運作。由於網路上有很多大大的教學文章,因此在這裡只記錄一些我在學習/實作上遇到的重要觀念。

AngularJS - TodoList

圖片
AngularJS - TodoList 圖片來源:Static translations with AngularJS。 大約一年多前(還在前公司),RD部門的工程師們 被迫 組了讀書會 駭客任務 ,其中一個主題是研究當前火紅的JavaScript框架為之後平台改版做準備,當時還小不懂事的我看到 EmberJS 的可愛LOGO便自告奮勇研讀。   最後公司選了 React ...。居然就這樣了...都沒好好玩到AngularJS XD 好吧,就當作是當年讀書會的複習!從TodoList開始吧!

Ember.js & SEO - 測試搜尋引擎對JavaScript的剖析能力

圖片
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與解讀的程度便成為網站開發的其中一項需求。