11/17/2017

Javascript SEO

解決 AngularJS 這種 Javascript Framework 的 SEO , 就目前經過大家實作 Google 的 Crawler 已經可以解讀 72%~78% 的碼, 而 Bing/Yahoo 更只有 28% 左右, 但不可能期待與碰運氣等待數年後這些爬蟲能完整正確執行解譯這些 Javascript, 除非網站本來就是不須要 SEO 的功能性網站, 而內容網站也不可能不管這問題, 放著三五年不管 SEO , 所以通常大家為了經營有兩種主要的方法:

1. 用 Pre-Render 的方式

   在前面用一台專門去執行 Javascript 的網站, 當然要排除像 GTM/GA, FB Pixel 之類的外掛, 以及須要互動的站內相關資訊圖表的 Javascript, 在這台 Pre-Render 的機器先執行產生有內容的 Javascript 碼, 這樣就可以讓 Crawler 正確的爬到資料...

   缺點: 須要多開一台機器更多資源去執行, 並學習 Pre-Render 的設定, 維護 Pre-Render, 速度會變慢一些
   優點: 須要改的程式最少

2. 區分 Agent/Client/Browser/Crawler 的方式

   一些 Javascript Framework 就可以依手機, 平版與網站或甚至 Non-Javascript Agent 的去吐出不同的 HTML/Javascript, 所以就可以當 Crawler 來抓時, 就吐出不同的 Source, 甚至包含 JSON-LD 等去有不同的內容.

   缺點: 針對每一種 Client 都要不同去寫作, 須要維護改版的程式碼較多, 容易乎略
   優點: 速度與資源須求都比較好, 大部份的功都可以只靠程式設計師解決

而要我建議, 會建議用 Pre-Render 的方式去解決, 畢竟要維護的程式碼比較單純, 短時間內因此須要的機器成本低於開發很多隻程式....

11/09/2017

Events Horizon

難得發聲,來講幾句話,這邊有幾個很有趣的問題,出資者是某黨籍的人,或是這是某黨出資的差別是相當大的,甚至須要因為這是某黨籍出資者的團隊,這團隊就須要以這人的黨籍背書嗎?事實上這個團隊不要說能夠代表這個政黨發言了,連這個出資者都代表不了了,更不要說這團隊成員,沒有一個人這個參與過這個政黨,甚至須要聽令或代表發言了。

事實上我蠻希望大家能夠繼續用放大鏡來檢驗,討論我們的錯誤,資料,想法,甚至包含立場都可以繼續豐富與修改,更鞭策我們往 "創作出台灣新社群社論" 的未來與可能性,有任何建言都歡迎,更不要說歡迎投稿與合作了,我認為台灣這塊土地與人民能夠蘊釀的文化與創意不該如此狹礙,所以之前是以 "社群語錄","產生器" 等等來傳遞與放大更多人的聲音。

雖然也這樣的期許著自己更多元,更完整的討論與思維,只是不否認這團隊還須要更多的努力才能打破同溫層的事件地平線,但更希望有更多的出資者,更多的團隊能夠成立,做像我們一樣的事,對這社會才是好事,只靠一個 "稍微有點戰力的左派團隊" 就可以讓現實翻轉,我不會像大家一樣想太多了,笑~~

過於淺碟的事,這才是我們該花更多心思與時間去改善的,當初還想要以提政策草案為目標說。
--
編輯 Gene
(我還認為大家應該懷疑的是我們是社民黨來臥底才是,咦?)

9/29/2017

選9

https://spotlights.news/tags/編輯嚴選/選9

咖哩東的這個創作不只是主題相當好的素材,加上用自己的畫技配上黃色書刊的風格可以說是另類的二創,當然裏面還有許多有趣的元素,像哆啦A夢等等。

但這個題目是光明的代價,黃色與黑色本來就是很好的素材,但這議題才是最重要的:

"保守主義者被受限的視界中,所謂過去的光榮是經過粉飾的。"

網路一直被保守主義者挑戰,一直提出 "網路讓這社會越來越亂" 這樣的話題,但事實上網路是不可能脫離現實社會之外的,網路的資訊是包含在整個現實社會的全部,但或許是 "媒質" 的關係造成觀點經過不同面相的放大,縮小,變型,但每一件事幾乎都是在網路之前就存在的 "事實",只是網路讓大家更容易 "看見"。

社群社論也是,以前能夠操作 "大眾媒體" 的言論在極少數人身上,而網路的社群社論讓各種不同的思維,觀點得以 "散播",更重要的是 "被看見",這或許是讓少數族群不再被歧視的第一步,但對於既有的掌權者無法再維護 "單一價值觀" 或是直接衝擊到附和他們的 "主流" 群眾,他們只好說 "社會真的是越來越亂了!不像以前那麼單純美好....."。

謹守份際

中山女高前一陣子發生教師的疑似性騷擾的問題,結果校方的反應是保護老師,但公開學生的姓名,甚至是認為學生 "不守份際" 所造成的,因此厭世姬畫出這幅畫來諷刺中山女高校方或某些老師的觀點。

第一屆台北漫畫節

台北市漫畫工會舉辦了第一屆台北漫畫節,這原本是好事,但其發言造成了很大的爭議,包含對台灣漫畫的政策,二創的價值,甚至本土漫畫的批評都跟多數目前的創作者有很大的落差,奈櫻做了這個被文字滿版的四格,雖然不像漫畫更像投影片,但也是個不錯的創作。

9/21/2017

TNL User-Driven Tag UX Redesign

SEO 第五階段開始

KPI:

1. Pageviews/Session 提高
2. SEO 的 KPI 提高

Todo:

1. Tag Portal
2. Tag 取代分類做導引
3. 個人化 Tag 與 Like 收藏結合

Next:
1. Tag 的 Tag

2. Pin Board
3. Following Team

SEO 階段
階段零: HTML 語法優化
階段一: 改正錯誤
階段二: 優化 Meta-Data
階段三: 優化 Tag 頁 (非內容性的增加頁數)
階段四: 內部連結建立 (推薦閱讀)

非階段
0. Web.mas.ter.tw
1. 透過 Search Console 讓編輯知道關鍵字演進
2. 編輯文章推薦

9/10/2017

世大運社群創作小結

這次世大運真的讓大部份的 "台灣居民" 做了一個好夢,雖然這個夢有很多紛紛擾擾,更浮現了很多問題,但也創造了一個神,這對台灣的未來是好是壞?讓我們來嘗試解讀看看。

圖文創作有幾個很大的特色,通常圖文創作的渲染力特別強,在臉書的圖文社論活躍 (談論人數超過 10) 的不到一百個,但社論專頁粉絲團是超過上千個的,佔總數不到十分之一,但整個社論談論人數前十名中,圖文社論專頁就占了五個一半,這些圖文社論的產量相較其他社論多是靠分享與評論差很多,代表著圖文能夠讓人有更強的觸及。

這次世大運收錄了 165 篇圖文創作,其中因為反年改的抗議行動,造成開幕式的暫停與改變的確是最大的話題,其中謝東霖的一篇 "2017世大運 唯一入場隊伍 反年金改革隊" 的分享數就超過 6500 次,更不用說有太多人下載上傳或不是用分享的方式都不計算在這邊,這數量已經成為世大運的代表作之一了。

這 165 篇中,泛藍的創作貢獻了 19 篇,泛綠的有 72 篇,沒有明鮮立場有 74 篇,而若針對話題去區分的話,可以分成 10 個主要議題創作:

1. 7/26~8/15 網紅宣傳 10 篇 (藍 0 綠 0) 
2. 8/8~8/15 中華台北 17 篇 (藍 0 綠 14) 
3. 8/19~8/30 反年改 31 篇 (藍 2 綠 18)
4. 8/21~8/24 王八蛋 16 篇 (藍 5 綠 4)
5. 8/22~8/23 警察問題 12 篇 (藍 1 綠 9) 
6. 8/27~9/1 郝龍斌 12 篇 (藍 2 綠 9) 
7. 8/27~9/5 國體法 5 篇 (藍 0 綠 1) 
8. 8/29~8/30 英雄遊行 7 篇 (藍 7 綠 0)
9. 8/31~9/2 台灣旗 8 篇 (藍 1 綠 6) 
10. 9/1~9/5 熊讚 7 篇 (藍 0 綠 3) 

在這 10 個話題中,很明顯的有幾個有趣的觀察:

1. 在中華台北這議題上,的確是由泛綠在主導話題,而泛藍完全沒有參與似乎找不到著力點只好缺席,或是不願隨之起舞,但還是有些不以政治立場話題為主的圖文創作者還是有跟上這個討論。

2. 相較泛藍提出 8/31 的遊行是為了幫蔡英文 "祝壽",但在場參與遊行的運動選手與群眾應該沒甚麼人知道,雖然泛藍在這次可以說是主打這個議題,只是很不幸的這想法沒有超過他們自己的同溫層,或許官方把英雄大遊行改成英文遊行,這應應該比較容易被人知道是有相關的。

3. 台灣旗的話題是少數無色彩粉絲團參與最少的一個話題,但泛藍的觀點是看到台灣旗被丟進垃圾筒是件很 "療癒" 的事,只是這次台灣 旗衍生出來的憲兵與黑衣人問題,可能還有得打。

4. 在三方都有產出的議題創作中,較沒立場的粉絲團,最有創作力的大概是柯p 的王八蛋吧,有 38% 的圖文都是由這些創作者貢獻,事實上有很多議題倒是由這些創作者主導的,例如熊讚,網紅宣傳,國體法這三個議題倒是有一半以上或是全部都是由這些專頁粉絲團所創作出來的。

5. 世大運這話題,肯定是由反年改抗議所吵出來的,從這時間軸來看,8/16~8/18 有三天的空窗期,表示這話題並沒有因為世大運的逼近而增溫,反倒是在一個很冷的狀態。

一個世界大學運動會,真正的主角應該是那些在場上競爭的運動選手,以及讓賽事能夠順利的工作人員,而觀眾更是讓這事成為重點的原因,這次世大運也投射反應出台灣這個島上的許多事情,但這些事也帶動許多思考空間與創作題材,只是這些能否成為這島上人民生活夠好的動力,是更須要去努力的。

而這個世大運到底是屬於柯文哲的,選手的,網紅的,台北市民的,中華台北的,還是 "台灣/中華民國" 的,是很難有定論,雖然已經知道不太可能政治歸政治,體育歸體育,但就常說的,體育競賽是讓太多不公平的國際政治角力外,讓人民有較為公平的競爭展現場合,也是種綜合國力的一種呈現角度,而這些圖文創作者在場外也產生了不少作品,而這些作品能否累積甚至變成改變進步的元素,有時是更須要我們的觀注與支持。

9/09/2017

選 6

圖文社論的評論「後社論」編輯嚴選每週優秀的作品,這次選出「謝立聖插畫」失業的熊讚,同並w同時結合年金的話題成為最佳作品 。

※※※
[講評與深入分析]

雖然說熊讚到就業服務站申請媒合工作,是為了要炒熱與延續熊讚的角色,作為一個吉祥物不只幫世大運與觀傳局作為稱職的代言,更跨刀幫勞動局作宣傳,不只讓熊讚這個角色從世大運結束時僅僅只有 3萬的粉絲數,5000 的談論數,一口氣衝到 12 萬的粉絲數,談論數也到了 20 萬,可以說是最佳的創作典範,雖然之後的操偶師現身引起爭議,但接下來是否能夠再突破也並不是不能期待。

而謝立聖一直是相當優秀的創作者,這幅作品把這事件更延伸到國民年金,並加註 "不繳要罰配偶","繳 40 年就可以開始領" 等等的話來點出國民年金的問題,因為大家可以肯定熊讚應該沒繳過國民年金,因此無論是 "失業" 或是就業這個摧繳將會如影隨形的跟著牠。

這議題是相當厭世的,因為不只是就業要繳,即使失業時是最貧困時也是要繳,且繳的錢是看得到吃不到,用熊讚失業做為結合,是相當的令人印像深刻。

畫工: 4 星
時事: 5 星
創意: 4 星

有趣: 4 星
深度: 3 星
綜合評價 4 星

謝立聖插畫基本資訊
  • 談論人數: 14851
  • 談論人數週平均: 21202
  • 粉絲數: 91836
  • 上週粉絲數: 91720
  • 一週粉絲增加數: 116 (+0.13%)
https://spotlights.news/page/2161

※※※ 其他推薦

謝東霖 的 "一切就低頭的退將"  : 4 星
當台灣的退休將官面臨紅色刀的切割下,只有立刻低頭不再反共。
https://spotlights.news/page/2407

nagee 的 小蘭的台灣旗: 3.5 星
反諷世大運拿出台灣旗被黑衣人扛去警局,對應柯南的小蘭只要用台灣旗就可以招喚黑衣人護送到安全的地方。
https://spotlights.news/page/2137

9/08/2017

Spotlights + Pinterest

Spotlights + Pinterest

(Spot Tag + Pin Board)

Tag 將焦點聚合在特定的名詞, 包含人事時地物, 並呈現各種獨立的角度, 屬性, 客群, 背景, 而能抽離出這素材與物件的有意義元素.

Board 針對一種特殊的情境, 議題, 問題為軸心, 去搜集資料成為解答, 解釋, 解讀, 解決這事情的素材物件.

透過 Tag 讓使用者透過一個物件看到不同的角度
透過 Board 讓使用者透過一個角度看到不同的物件

Wishlist vs Showroom, => Wanna Try vs Tried

類似的圖
類似的字
類似的使用情境 (Board, Buy, View)

8/07/2017

長榮航空

兩週前的圖文社論整個都圍繞在中時頭版,但上週讓圖文社論創作最大的來源是長榮航空的颱風假事件,最主要的是整個政府與媒體感覺讓社群有很大的反感,無論是泛藍或泛綠的。

當然這議題很複雜,同時包含幾個觀點的衝突與激盪

1. 長榮航空在颱風天的飛安問題,已經不是一朝一夕了,幾次的颱風侵來時,整個臺灣上空所有的航空公司都躲起來了,只剩長榮航空跟天氣拼命這在 PTT 不是新聞了。

2. 長榮航空在沒有強大的工會幫忙下,之前只能眼看著中華航空在上次罷工解決一部份的勞資問題,這次在於真颱風,假罷工的情型下站穩比資方更多的立場。

3. 不只媒體站在整個資方,整個蔡政府也是一如往常的右派路線,想辦法把工會抹黑,以違法的方向去處理,而並沒有去檢討颱風飛安問題,更不管勞資問題就這樣輕描淡寫的帶過,但重重的用放大鏡檢驗工會。

這張圖是用來諷刺蔡英文最喜歡叫空姐與記者自立自強,但最後都站在老闆後面,而老闆後面的有專業的律師團隊,職業級的人事單位,以為自己是資方的主管,早已經有奴性的資深老鳥,而硬要說員工很強勢,又說是被別人煽動,而真正的問題似乎是沒人想理會。

包含這議題不禮貌鄉民團出了一張超過 1000 次分享的台灣勞方資方兵力圖,也是很不錯的圖文創作,把這個勞資對立的不平衡非常簡單的表現出來,而事件地平線另一張的社群語錄,其背景與構圖讓人拍案叫絕,當然從這樣也是可以陳述各方立場的懶人包。

而選這張的原因主要是因為整個畫面構圖表現的很有張力,一眼就看得清楚到底是誰強誰弱,但比較有問題的是工會在這次應該主導角色不是那麼強,反倒只是後面的協助,而到底誰是 "職業與專業" 或是 "強弱" 就不用說了,這張圖是由 "慢半拍" 所繪製,與事件地平線合作的作品。


7/26/2017

12 堂課

Google Analytics 基礎
Search Console 基礎
Web.mas.ter.tw 與 SEOKPI 的使用
每年的 SEO 趨勢分析
SEO 排名因子與週期表解讀 (*2)
SEO On-Page Analysis
Search Console API 開發

新文易數操作
關鍵字與標籤系統 (如何下標籤)
臉書專頁儀表版應用
臉書社群經營

Search Console 錯誤檢核與修正導引 (每次 2.5 小時)
SEO 系統未來規劃與建議 (隔次 2 小時/不上課時)
關鍵字排名系統檢驗與分析 (每次 0.5 小時)

5/11/2017

國民黨辯論會對未來網路政策:

洪: 網路經營不夠深化多元, 議題問述也未能有效爭取支持

詹: 把網路精英集合經營, 放在文傳會, 方向在於跟民眾價值觀在一起, 透過網路吸收得到民眾真正要的

潘: 成立數位辦公室, 影響民心, 傳答理念, 利用網軍來溝通, 也不該網內互打要為黨所用, 讓 FB 一致對外

吳: 新媒體部要與智庫與黨部完全結合, 做到品質管制, 審核, 迅速, 公正來針貶執政黨, 因為新媒體能夠穿透特別年青人, 不要網內互打, 民意相結合

郝: 我在智庫時幫國民黨設計 APP, 能夠黨員互動, 投票, 只要給新媒體事務部方向, 就可以做得很好

韓: 網路沒有水路馬路重要, 要選擇做英雄還是梟雄還是狗熊, 國民黨要團結起來加油