- Irvinglab 爾文實驗室
- Posts
- 🚀 深度密集沈浸式學習｜WordPress vs. Shopify 程式編輯器比較｜新版 Google Tag Assistant｜PageFly 聯繫表單的轉址設定｜搜尋引擎行銷策略
🚀 深度密集沈浸式學習｜WordPress vs. Shopify 程式編輯器比較｜新版 Google Tag Assistant｜PageFly 聯繫表單的轉址設定｜搜尋引擎行銷策略
💎 科技工具分享 - AI 建立網站完整流程：Relume
Irving Chen
June 10, 2024
Irvinglab 爾文實驗室
掌握一門領域的基礎概念：固定時間大量密集深度沈浸
🍎 如何在短時間內為特定領域的基本知識或概念打底？
我後來發現在「指定一段時間內密集地大量閱讀、吸收、觀看相關的該領域的各種學習管道，例如不同的作者寫的書但相同或類似的主題、Google 搜尋各個不同專家針對同一主題分享的各種文章和影片」等，可以提升我的學習效率，亦即提升理解度、提高記憶的留存。
上班事情太多，忙起來很難坐下來像學生時期一樣專注學習新領域的知識，只能斷斷續續地讀完一本書或看完一系列課程，但常常容易了解此刻忘了前面所述。
🍏 不夠大量密集：以往可能是分好幾週看完一本書，忙起來就忘了之前在看什麼，記憶留存所剩無幾。解法是：那就密集閱讀與吸收。
🍏 欠缺深度理解：又或是卡在一些觀念不夠明朗，沒有花更多時間深入研究，更容易忘記並拋諸腦後。解法是：透過不同的作者分別解釋同一個概念，有助於提升理解程度，這方式滿有用的。
🍎 結論：在一個固定時間內，密集地、大量地透過「不同的學習媒介」沈浸在該領域的「任何一切」
以了解 SEO 為例，規劃方式可以是：在一到兩個月內，閱讀不同作者寫的五、六本 SEO 相關書籍，搭配國內外觀看十個 SEO 專家不同的 YouTube 頻道影片，然後隨時查看 Google 搜尋中心的官方文件以及爾文不定時更新的文章：全方位 SEO 自學免費指南 – 從新手到專家的學習資源與課程，這樣持續每天或每幾天直到全部看完，全部看完可能要半年以上，但堅持在短時間內持續這樣做，極有可能在數週內就會慢慢開始有成效，感覺可以掌握一些東西，基礎已然建立。
深度密集沈浸式學習
🚀 資訊量真的爆炸，我主要用 Feedly 彙整網路資料並註解，Feedly 可以蒐藏指定網頁然後給予筆記，並且建立為一個個的 Board，待累積到一定的量時，我會逐一公開分享；而 Twitter 和 LinkedIn 更是寶庫，非常多的國外大神與領域專家分享的主要社群媒體。
說真的，看也看不完、吸收不完，超級興奮，因為可以分享的東西好多。
在善良被低估的年代，讓善意泛起漣漪
🍎 WordPress vs. Shopify 架站平台後台程式碼編輯器比較
🎄 時常在兩者切換，相當好玩，比較不會膩。
有一種深刻的感覺就是：打造 WordPress 網站比較像是在「雕塑」一個完整的網站，很多都需要自己動手處理各種大小細節；Shopify 則是很多都整理好了，你只需要針對特定部分去更動即可，可謂省事多了。
ps. WordPress 預設的程式碼編輯器比較陽春，圖為有另外安裝 WP 外掛。
🍎 Google Tag Assistant 的 Chrome extension 外掛即將不再維護，改使用新的工具
🍏 真的要說掰掰了～ Google Tag Assistant 的 Chrome extension 外掛即將不再維護囉，改使用新的工具網址 https://tagassistant.google.com
我試用了一下可以儲存多個網址，資料排列一覽無遺，方便直接 debug 預覽使用，其實更不賴！
這個瀏覽器外掛用了真的滿久的，都是拿來偵測一個網站是否有正確安裝 Google Analytics、Google Tag Manager、Google Ads 等 Google 自己產品工具的追蹤碼。閱讀 Google 官方說明文件：Tag Assistant debug mode announcements
1. 以前 Tag Manager 預覽模式依賴於第三方 Cookie。現代瀏覽器現在限制使用第三方 Cookie，有些瀏覽器會完全阻止第三方 Cookie。
2. Google 瀏覽器最近宣布計劃在不久的將來淘汰第三方 cookie。如果沒有第三方 Cookie，舊版跟蹤代碼管理器預覽模式將不再有效。
3. Tag Assistant 設計為無需第三方 Cookie 或擴展程式即可運行。
🍎 PageFly 設定的聯繫表單 Contact Form 可以送出後指定自動轉址的頁面以及延遲秒數執行轉址
使用 Shopify 架站時，Shopify App：PageFly 頁面編輯器有個小功能應該很少人發現或使用，但相當有意義！
🍎 PageFly 可以設定聯繫表單 Contact Form 在送出後「指定自動轉址的頁面」以及「延遲秒數」執行轉址。這在 WordPress 網站反而是很容易設定，且使用免費外掛就做得到的。
1. 使用的 PageFly elements 是 Contact Form，而非 Customer Form
2. 以 GA 來說，比起追蹤「送出按鈕」事件，追蹤「Thank you 頁面」來得更直接而精準
3. 以行銷曝光來講，送出後直接繼續轉址到「其它高價值頁面」繼續讓訪客持續瀏覽與提高網站停留時間
4. 官方說明文件：How to Use Shopify Contact Form Element
若還不知道什麼是 PageFly，可以參考這篇文章：PageFly 初入門：快速建立 Shopify 網頁
🎄 搜尋引擎行銷策略：線上課程推薦指數 ⭐️⭐️⭐️⭐️⭐️
透過搜尋引擎結果頁（SERP）掌握消費者可能與你接觸到的所有曝光點，有效做好全面佈局，找到高效關鍵字，洞察消費者需求，規劃短期與長期策略，為品牌打下長遠經營的核心基礎。建立完整行銷人該具備的判斷眼光，用更廣更深的思維，為行銷策略鋪下精準的路！
小黑是我一直在追蹤的超資深行銷人，其經常分享商業思考與廣告投放、SEO 等觀念與實戰經驗。
☕️ 科技工具分享 - Relume
Irving 爾文會在每次分享電子報時分享一個我正在使用或精選蒐藏的軟體工具，包含各種領域類別如 UIUX 設計、網站、電商、行銷、社群、AI 等。
設計 Design
Relume：最近在使用的 AI 工具，有整合 Figma 和 Webflow，用 AI prompts 指令秒速建立網站地圖、Wireframe，在提案、討論網站架構、靈感發想等效率大幅提升！
Access the world’s largest library of Figma & Webflow components and build better websites in hours, not days.
若對電子報有任何想法或建議，可以填寫回饋表單，我會納入評估作為優化的方向，提供更優質的內容 ^^
Teamwork makes the team work
⚡️ 網頁內容文案的變動會直接影響「設計師的視覺排版與圖片選擇」
⚡️ 設計師的排版和互動設計會影響「網站工程師開發與完成的時間」
⚡️ 影響「工程師開發時間」會影響「網站完成與上線的最後日期」
Changes in website copy directly impact "the designer's visual layout and image selection." The designer's layout and interaction design affect "the web developer's implementation and completion time," which in turn influences "the final launch date of the website."
🎄 Line 學習社群
Shopify 網站設計與架站學習交流
分享主題從網站規劃、設計到建立等相關內容，透過學習交流與經驗分享，讓彼此成長更加快速，主要以 Shopify 建立電商網站為主。
💎 前往加入
WordPress 網站設計與架站學習
學習 WordPress 網站設計與架站，分享實作經驗與交流。
💎 前往加入
SEO 資源彙整與學習
閱讀 SEO 就像喝水一樣，習慣建立與自然地吸收。
💎 前往加入
成為網頁設計師
邁向網頁設計師之路，了解網頁設計的基本概念與實作經驗交流與分享，無論是行銷人、工程師、平面設計師等想要了解更多「網頁設計」都歡迎加入討論。
💎 前往加入
Learning by Reading → Learning by Doing → Learning by Sharing
Irving 爾文
專注網頁設計與架站平台、SEO 搜尋引擎優化，深度研究品牌行銷、UX 策略與數位產品、電商經營等領域，熱衷科技、設計與文字創作、社群分享。
#藝術 #設計 #科技
★ Founder of Irvinglab 爾文實驗室
★ Web Design Lead / Senior Web Designer / SEO Manager
★ 專精 Shopify 電商網站設計與架站
★ 專精 WordPress 品牌網站和部落格建置
★ 工作經歷大小型公司 (包含品牌方與代理商)、網頁設計接案公司、數位行銷公司、新創 Saas 軟體公司等
➤ 聯繫方式：Line 官方帳號 | Channel 線上交談
➤ Email：irving@irvinglab.com
降低資訊落差，幫助所有人做出最佳判斷，符合現階段的需求與成本考量，以提出最佳解決方案
Reply