🚀 令人期待的 Apple、Shopify、Figma 2024 六月發表會｜頁面速度與 Google SEO 搜尋排名｜Shopify 內建設定 Meta 像素轉換 API 事件｜Google Ads 廣告被拒登 2024｜惡意的 Chrome 瀏覽器外掛

💎 科技工具分享 – Arcade 線上建立產品互動式 Demo

這個月太熱鬧了 2024 年六月，最令人期待的發表會一次看完

內建 Apple AI 成真，Apple Intelligence 與 iOS 18、iPadOS 18 和 macOS Sequoia 深度整合，將 ChatGPT 整合進 Siri 和跨 Apple 平台的全系統。但會有硬體規格、系統版本等限制，符合者方能使用

🍎 Shopify – Editions Summer ’24 夏季發布會

只聞其聲、不見其人的 Shopify AI assistant – Sidekick 終於要出現了嗎？從去年等到今年？！我說的是 Shopify 在側邊欄的 AI 助理，不是什麼產品敘述生成內容那類的奈米小功能 XD

🍎 Figma Config – 2024 產品更新年度大會

直接看 Figma CEO Dylan Field 的產品發表會展示：其中千呼萬喚終於出現的 Figma AI，終於要將生成式 AI 內建了，很多已經開發的 AI Figma 外掛又會受到一波衝擊；另一個亮點是用 Figma Slides 做簡報，這等很久了，優化以往在 Figma 的使用經驗。閱讀 Figma 部落格文章 Config 2024 in review

❝

未來已來

Irving 爾文 – Irvinglab 爾文實驗室

🍎 關於網站頁面速度作為 Google SEO 搜尋排名因素

🥕 Google 的核心理念一直是「相關性」最重要

🥕 快速加載並不一定等同於高質量、有用的內容

🥕 稍慢但內容更好的頁面可能會超過加載更快但內容較差的頁面

🥕 這並不意味著頁面速度不重要，它仍然是用戶與內容互動的一部分，算法會獎勵良好的頁面體驗因素，包括速度

🥕 隨著手機上網的普及和網路速度的提升，頁面速度可能不再像 10 年前那樣是一個重要的區分因素

參考文章 – Page Speed As A Google Ranking Factor: What You Need To Know – Search Engine Journal

🍎 Shopify 有內建設定綁定 Meta 像素轉換 API 事件，有助於改善目標設定及深層漏斗事件最佳化

以往在設定這個時會比較麻煩些，都要直接到 Meta Facebook 臉書的企業管理平台的「事件管理工具」逐一設定，而 Shopify 現在可以直接綁定直接完成所有最常見的事件設定，超級方便！

在綁定的時候會需要 Meta 企業管理平台的「管理員權限」，才能直接從 Shopify 和 Meta 順利完成設定

參考 Shopify 官方文件 – Facebook 資料共用

🍎 最近發生的一個插曲：Google Ads 廣告被拒登 2024

❗️ Google Ads 無法下廣告，Google 官方回應說掃描到網站有可疑網址，無論是美國站還是台灣站的 Shopify 都被拒登廣告

大概於這個月 2024 年六月中發現，然後就開始燒腦地尋找各種可能解法，結果，這樣折騰了一週，還沒移除 polyfill 這類被 Google 說是有可疑的程式碼或任何疑似的 Shopify App，美國和台灣的 Google Ads 廣告又都可以投放了

可以確定的是，Google 官方那邊至少一週以來應該收到排山倒海的詢問訊息轟炸 😅

總覺得是 Google Ads 的 bug 或偶爾的錯誤（Google 不是完美的，也是會出錯的，實屬正常發揮），接下來一個月就看廣告投放的穩定度，以及 Google 是否又會出現「小插曲」

參考資料

❗️ Google Ads 官方討論區：廣告無故被判定為遭入侵網站、關鍵字廣告被拒登，原因:遭入侵的網站

❗️ Shopify 官方討論區：Bad Link – detected by google

🍎 最近遇到一個坑，使用到惡意的 Chrome 瀏覽器外掛，名稱是 Image Downloader

❗️ 最近遇到一個坑，使用到惡意的 Chrome 瀏覽器外掛：Image Downloader 😱 恐怖的是其還擁有 4.5 顆星（如圖所示）

我這個月時常遇到一個被強迫轉址的問題，就是每次我剛登入 Shopify 帳號後，就會被強迫轉址到 Shopify 首頁。很詭異！發現其實有人有留言說這是點擊詐騙外掛，他舉報多次但還是依然存在，沒有被 Chrome 商店下架

後來我趕快移除後就正常了。原本安裝這外掛是可以用來大量下載指定網頁的所有圖片，其實滿好用的，但這問題太大了

🎄 網站開發：線上課程推薦指數 ⭐️⭐️⭐️⭐️⭐️

其實在打造網站的過程中，雖然有很多號稱 No-Code 架站平台，但實務上還是有很多客製化的需求存在，若能會基礎的網頁程式如 HTML / CSS 的話，就能去做細部的微調、細緻地做到自己期望的排版與設計，且有助於與工程師溝通。以下是若還沒有任何網站程式基礎的人，非常推薦六角學院的線上課程，真希望十幾年前我在學習前端程式的時候就有的資源，以下則是六角學院跟 Hahow 合作，將其部分課程上架在 Hahow 網站

使用 HTML、CSS 開發一個網站

為你打造就算沒有程式基礎，也能夠逐步學習獲得網頁排版技巧的紮實觀念，六角學院的講師將協助你成就更好的自己！

前往了解

一變應萬變：RWD 響應式網頁設計

透過這門課程，將帶著你學會兼容各種螢幕解析度的網頁設計！

前往了解

使用 jQuery 打造互動性網頁動畫效果

儘管你沒有 JavaScript 基礎也適合上這門課，為網頁添加具互動性的網頁動畫效果！

前往了解

💎 科技工具分享 – Arcade

Irving 爾文會在每次分享電子報時分享一個我正在使用或精選蒐藏的軟體工具，包含各種領域類別如 UIUX 設計、網站、電商、行銷、社群、AI 等。

設計 Design

Arcade：線上建立產品互動式 Demo，使用者可以邊聽邊點擊畫面持續往下一個步驟畫面走，非常適用於軟體教學、操作指引，讓初步接觸的人可以有個印象、提升熟悉的效率，透過畫面切換直觀上更容易吸收理解，後台還有使用者的數據查看所建立的 Demo 互動指標 Create Interactive Product Demos – Arcade is an interactive demo platform that allows teams to create effortlessly beautiful demos in minutes.

🚀 預約諮詢：網站設計與建置＋內容 SEO 優化

若你有 Shopify 電商網站或 WordPress 品牌形象、部落格設計與建站的需求，可以前往填寫表單預約諮詢。Irvinglab 爾文實驗室是一家深度經驗的網頁設計公司，專注打造 Shopify 和 WordPress 網站以及提供 SEO 優化與內容規劃的服務。若想進一步了解服務內容，可以加入 Irvinglab 爾文實驗室的 Line@ 官方帳號留下訊息給我們。