[SEO] JavaScript WebApp 的 SEO 挑戰新解 – HeadlessChrome

相較於 2015 年曾經寫過的一篇文「Dcard – 前端框架網站( AngularJS )的搜尋引擎優化( SEO )挑戰」 那時候分析 Dcard 網站要如何辦到 SEO 時發現他們是採用「特定餵食」的做法去針對各大搜尋引擎的爬蟲獨立產出內容並餵食。 如今,這篇分享「使用HeadlessChro …

Dcard – 前端框架網站( AngularJS )的搜尋引擎優化( SEO )挑戰

這個大概是用JavaScript開始寫 WebApp 之後就會想到要怎麼突破比較好的一個主題。 有寫過 WebApp 而且是以 前端網站框架(JavaScript) 為主的話,會在 SEO 上發現一件事,就是 Google 跟 Facebook 都認不出他的樣子阿阿阿阿! 對,沒錯。 爬蟲( Cra …

應用 FireBase API 快速開發 WebApp

現在有好多說 WebApp 快速開發 blahblah的技術,充其量就是寫作速度上的修正或是工具應用的提升 就經驗上來說,很多都是開發工具或知識的結合,然後應用於開發上 前幾天看到 六萬七職缺網 介紹裡提到的 FireBase 這 WebApp 工具,一看介紹與使用發現其強大真是驚為天人阿XD 一般 …

Chrome Extensions 外掛開發筆記

說是筆記,其實只能算是先把找到的資料給先紀錄一下而已。最近實在是沒時間好好的研究這玩意兒~ 關於 Chrome 外掛也有不少人碰,可以由下面連結切入 Chrome Extensions (外掛) 開發入門筆記 Chrome插件(Extensions)开发攻略 Developing Google Ch …

當 AngularJS POST方法碰上PHP

問題描述 怎麼 POST 過去給 PHP 都收不到資料? $_POST 方法取不到正確的傳入值! 原理說明 AngularJS 這套 framework 使用的 AJAX 方法中,資料傳遞的格式為 JSON,送出去的header為 Content-Type: application/json 而非 …

WebApp 開發時的 Debug 工具

一句話完結主題「一Chrome在手,希望無窮」! Chrome瀏覽器在前端的有給開發者一個好東西,用「F12」可以呼叫出來 長這樣 Elements 觀察DOM的狀態 Network 觀察網路活動,與請求狀態 Resources 觀察網頁儲存的活動狀態 Console JavaScript在DOM裡 …

文章
Filter
Apply Filters
Mastodon