網頁 SEO 奧步? 讓 Google 圖片搜尋把日本搞笑藝人變成東大教授 2024/05/15 前陣子大地震時有個趣味新聞，又是 Google 圖片搜尋在鬧事，值得我們這種基層工作人員引以為戒。事件始末大致是劉寶傑在某天的《關鍵時刻》節目討論地震話題時，引用日本地震學者、東京大學名譽教授笠原順三的一些版塊說法。結果節目畫面上，笠原順三的配圖放的是日本綜藝節目知名主持人有吉弘行的頭像照片，有在看日綜的網友馬上就看出不對勁，分享到網路上，遂成為笑話一則。不只一些新聞媒體記者把那個社群貼文發成新聞，連有吉... 繼續閱讀 科技新聞解析網頁設計#china#google#HTML5#SEO
線上開課必備，Tutor LMS Pro 和 Tutor LMS 免費版的功能比較介紹 2024/03/27 在 WordPress 的世界，第三方擴充套件的費用，從終身一次性，變成每年要繳費訂閱，或是年費漲價，或是價格不變但功能限縮，這些都不是什麼新鮮事。而這股風也吹到 Themeum 公司的其中一款線上開課系統 Tutor LMS 上面。Themeum 在 2024/3 發布了一篇公告 Important Update: We’re Discontinuing New Sales for Tutor LMS Pro Lifetime Plans， 2024/3/25 以後將不再提供 Tutor LMS 終身方案(LTD)，只剩下每年付費訂閱。付費一次，... 繼續閱讀 數位行銷科技網頁設計軟體產品體驗#wordpress#YouTube
GitHub Copilot AI 替代品，12 款不可錯過的程式開發秘密武器 2024/03/21 如果談到用 AI 來進行程式開發，有人可能想說要在 ChatGPT 或各種生成式 AI 的網頁聊天介面，把程式碼、prompt、需求、錯誤訊息…等等，反覆複製貼上，彷彿在幫 AI 當搬運工，工作效率非常低。有人可能在短影音或社群網站看過聽過一些神奇工具，可以直接在程式碼編輯器中操作，手指不用離開鍵盤，並減少這種在不同視窗之間複製貼上的冗餘操作。大語言模型(LLM)的生成式 AI 的浪潮席捲全球，ChatGPT 問世也超過一年，企業家或帕魯可... 繼續閱讀 使用者介面網頁設計軟體產品體驗#ai#google#SEO
修改 Google 搜尋結果頁的網站名稱 – SEO 玄學大挑戰 2024/02/29 想要幫一個網站改 Google 搜尋結果頁(SERP)上面的網站名稱，研究了之後發現又是一門奇幻的旅程…如果有人也想改那個名稱，可能會碰到:– 依照官方指南，但就是跑不出想要的文字。– 一些邏輯崩壞的現象，像是一些網站什麼都沒加，還是可以顯示出中文名稱。這可能是個冷門的問題，看到這邊還沒決定放棄，認為網頁在搜尋引擎的點閱率沒有 100%，都是因為網站名稱沒顯示害的，那可以繼續往下看…看完再決定放棄。網站名稱(site name)顯示... 繼續閱讀 數位行銷科技網頁設計#google#SEO
Apple Vision Pro 內的 Safari 前端與 UI 設計雷區大公開 2024/02/10 2024 年 1 月底 2 月初，蘋果的空間運算設備 Apple Vision Pro 終於媒體解禁與美國開賣，這個禮拜的社群到處都是戴著滑雪鏡般外型的機體，徜徉虛擬實境世界的短影片。目前已經知道很重要的 3 點:現階段還沒有中文輸入法，而且下載 app 需要準備美區的 Apple 帳號。有些系統 UI 介面只有停止的時候才會顯示，沒辦法邊走邊用，視窗會「留在原地」，需要用手捏著視窗才能把視窗帶著走，但走動的時候，捏著的視窗會變半透明的，移動太... 繼續閱讀 使用者介面網頁設計視覺設計#apple#css#css3#HTML5#ios#RWD#UI
用 Windows 內建資源管理器解決 npm operation not permitted unlink 錯誤 2024/02/07 在 Windows 底下用 npm build 產生專案發佈檔案時，碰到一個錯誤: EPERM: operation not permitted unlink…但最後用了一個好像別人還沒提過的解法，決定紀錄一下，以後碰到時可以再回來翻。背景資訊:– 這個專案並不是第一次執行建置動作，至少近幾個月每次改都好好的。– 沒有變動原有的程式邏輯，主要只是一些圖文修改。– dev/start 在本機是可以正常跑起來的。建置失敗，當然就無法產生可以上傳的檔案，為了任務的遂行，最快的方... 繼續閱讀 網頁設計#js#windows
Google reCAPTCHA 暴改收費政策，每月百萬次免費變成 1 萬次免費 2024/01/31 Google 大割又出手了，這次是針對一些網站常用的 reCAPTCHA 機器人驗證服務，有在使用的免費仔應該都有收到 email 通知，進到 reCAPTCHA Admin Console 應該也會看到訊息。Google 計畫把這部分也搬到 GCP 專案裡面去管理，有多種方案層級。然後免費版的驗證次數限縮，每個月驗證次數會超過 10000 次的要注意。這次還有更多人機驗證的新功能，如果不想升級的，也可以參考本文提供的幾家 CAPTCHA 替代方案與使用心得。... 繼續閱讀 科技新聞解析網頁設計#ai#api#CAPTCHA#cloudflare#google
使用 email 地址檢測服務，防止被拋棄式信箱註冊狂洗優惠 2024/01/25 看到 AdGuard 也加入免費拋棄式信箱的戰局，要阻擋的名單地址又多了一個…拋棄式信箱是幹嘛用的? 設想一下以下活動系統會碰到的噩夢:網站發送優惠券，限量100組，碰到有人用一堆 email 洗了一堆優惠券序號，那種需要先註冊會員，每個會員不同序號的。在中國用語叫…薅羊毛? 有增加訂單就算了，重點是序號搶了又不買?網站有新註冊會員的優惠，可能是新會員優惠券，可能是設計一堆什麼某某商品每個會員只能買一次之類的購買車機制，碰... 繼續閱讀 數位行銷科技網頁設計軟體產品體驗#api#apple#cloudflare#email#google#ios
測試瀏覽器原生 CSS Nesting 能不能完全做到 SCSS Nesting 的功能 2024/01/23 巢狀CSS (CSS nesting)終於從 Chrome 版本號 120 開始支援，去年(2023/8左右) Firefox 就支援 CSS nesting 了，以前寫 SCSS 的老人們可以放心直接寫，不用再編譯嗎? 並沒有，本文就來做一些實測。巢狀結構寫法，有時候可以提升 CSS 樣式碼的易讀性和可維護性，如下圖所示，左邊是 SCSS，右邊是編譯出來給瀏覽器看的 CSS。人類也可以直接寫出右邊的 code，但是要多打了一大堆重複的部份，反觀左邊的看起來輕便不少。如果是用程式碼... 繼續閱讀 網頁設計#css#css3
惱人的 Google 通知信系列-網頁無法編入索引-找不到 (404) 2024/01/16 一些網站收到 Google Search Console (GSC)通知信，長得像這樣:主旨:有新的原因導致「」網站上的網頁無法建立索引內文:導致你的網頁無法編入索引的新原因Search Console 發現你網站上有部分網頁未編入索引，這是由以下新原因造成：找不到 (404)如果這項原因並非刻意設定，建議你修正問題，讓系統能將受影響的網頁編入索引，以便顯示在 Google 服務中。按鈕:開啟索引報表點擊開啟索引報表，然後會把人騙到釣魚網頁，騙人輸入 Google... 繼續閱讀 網頁設計#google#SEO
