修改 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
幾種整合付款服務介紹,讓店家不用在櫃檯舉辦 QR Code 大展! 2024/01/06 之前寫過幾篇關於介紹台灣行動支付、線上付款的文章,過沒多久放棄持續更新了。如今幾年過去,商人和財團們仍然沒有放棄支付服務的戰場,天下分久必合? 有些地方好像有合,但有些地方反而變得更加複雜了。出門消費,在結帳櫃台可能還是放了更多的感應刷卡機器、更多的 QR Code,消費者還要記禮拜幾才有優惠,超過多少錢沒有回饋,哪家店只能用什麼支付,但市場也還是繼續出現了一些有趣的東西,像是整合付款條碼的服務,讓店家可以... 繼續閱讀 使用者介面吃喝玩樂生活交通數位行銷科技科技新聞解析網頁設計#apple#ios#iphone#UI#小額支付#金流
完全追蹤並重播使用者的網頁操作行為? 幾款 Session player 工具的使用心得 2023/12/16 一個在運行中的網站或線上系統,正常來說,肯定是需要掌控他的各種狀況,不管是碰到系統錯誤,但使用者卻難以描述操作步驟;或是做為 UX 研究、行銷效果評估、看使用者在流程漏斗的哪一步驟跑掉,網頁上的圖文、UI 功能、互動效果,使用者究竟有沒有在看?這時候如果有個監視器,可以回放網頁操作者的行為,該有多好?今天就來介紹幾款可以達到此種需求的幾種產品。跟 GA4 有什麼不同?如果看完文章,並且有真的操作認真過 GA4,應該... 繼續閱讀 使用者介面數位行銷科技網頁設計軟體產品體驗#linux#UI#ux
實測 Cloudflare Fonts 能讓網頁的雲端字型載入速度變得多快? 2023/10/30 看到知名的網路佛堂 Cloudflare 在 2023/9 底推出了新服務Cloudflare Fonts: enhancing website font privacy and speed,現在許多網頁為了顯示漂亮好看、並且能被搜尋引擎輕易檢索的文字,常常都會掛上一些 webfont 服務,而免費的 Google Fonts 是目前市占率最高的服務之一。Cloudflare 特別做了一個服務,來解決網站使用 Google Fonts 當 webfont 的兩大痛點:Cloudflare Fonts網頁中有額外的字體檔案,為網頁載入帶來延遲Google... 繼續閱讀 網頁設計軟體產品體驗#cloudflare#css#webfont