- Irvinglab 爾文實驗室
- Posts
- 🚀 SEO 競品比較文，別跟 Google 作對｜Shopify 圖檔命名限制｜Illustrator 生成式 AI｜Contact Form 7 用 AI 建立表單
🚀 SEO 競品比較文，別跟 Google 作對｜Shopify 圖檔命名限制｜Illustrator 生成式 AI｜Contact Form 7 用 AI 建立表單
科技工具蒐藏：Creative Market
Irving Chen
March 11, 2024
Irvinglab 爾文實驗室
過去現在包括未來分享的電子報內容都會自動彙整於 電子報首頁，所以錯過信件或比較後期才訂閱的人可以直接前往首頁瀏覽目錄回顧，其中還有搜尋功能可以直接搜尋關鍵字找到最感興趣的主題。
為何我會深入研究 SEO ？
因為了解 Google SEO 的核心運作原理與規範也是在幫助我們如何「優化表達能力、優化文字寫作方式、優化內容資訊有效傳達、優化使用者瀏覽體驗」，各行各業與商業世界都需要表達能力，網路傳播載體不外乎是文字就是影片為大宗，而了解如何優化 SEO 也是在優化我們架構訊息有效表達的方式。
競品比較文充斥著 Google 搜尋結果
國外品牌會在官網寫很多「與競品比較」的文章，大多目的是為了吃 SEO 關鍵字（多屬 Commercial 商業類型的關鍵字，搜索者想要調查品牌、產品或服務）以增加品牌能見度和流量，當然乍看之下是幫助顧客如何判斷、如何挑選產品或服務的內容。
然而我們應該也在看遍了許多類似的內容後，會發現一些現象，光光以下這兩點，也使得我必須繼續挖掘下去，找出他們彼此沒有提到的部分，不能只單看某一方的資訊，如下所列：
發現它們「都只寫對自己有利的部分或陳列最多自己佔優勢的項目」：這是人之常情，但也就因此失去了比較的意義，我作為潛在顧客看了半天，如此資訊不對稱是很難去做全面評估與篩選的
文章中常有「與競品的功能比較」表格，競品的參數並非呈現最新資訊：意思是即使競品進步了也沒用 XD” 因為競爭對手並不會幫他們即時更新，這樣的 Spec 就失去了比較的真實性
既然品牌方寫的比較文有「資訊缺漏」，那我們就需要再大量閱讀第三方寫的比較文以補足「沒有說到的部分」，第三方可能是獨立部落客、專業評論者、KOL 等，最後再根據這些豐富的素材做最後的評估，以取得適合目前需求最佳的選擇。
🍎 違反 Google 政策的結果，最嚴重者就是網站在搜尋結果頁面完全消失
資料來源：Google 網頁搜尋的垃圾內容政策 - Google 搜尋中心
我還真的親身遇到有客戶將文字隱藏，在白底的網頁中將文字設定成白色，對方說目的是為了 SEO，這可是大禁忌，這作弊手法應該是老古董了，好久好久以前的手法，早就被 Google 識破且嚴正聲明在其官方文件中。
🍋 違反 Google 政策的網站在搜尋結果中的排名可能會降低，甚至完全不會顯示在搜尋結果中。苦心經營的內容一夕之間歸零，那種感覺是……欲哭無淚。絕對不要跟 Google 大神作對啊！一旦被處罰，排名可不是說想救就能救得回來的！
🍎 圖檔命名只要有中文名稱，上傳到 Shopify 會自動被過濾掉，但 WordPress 正常顯示
Shopify 尚未支援圖片檔名的中文名稱 - Irving 爾文實測
同一張圖片，圖檔命名只要有中文名稱，上傳到 Shopify 會自動被過濾掉中文字的部分，而 WordPress 正常顯示。但沒關係，Shopify 的解法是：將中文字設定在圖片的替代文字中（Alt text）是沒問題的，至少有符合 Google 的規範，不會對 SEO 造成扣分
Shopify 圖片名稱「只能顯示英文」
WordPress 圖片名稱「可以顯示中英文」
這會影響到：
1. 如何管理圖片素材
若有使用多架站平台和社群媒體，圖片檔案名稱要統一全英文？還是中英文各一套？
2. 搜尋圖片的效率
若有正確命名，則無論在本機或架站平台中尋找圖片時會很有效率，因為透過內建的圖片搜尋欄位搜尋有意義的關鍵字很容易找到該圖片。亦即：Shopify 可以搜尋英文關鍵字找圖，而 WordPress 中英文皆可
3. 圖片網址連結
圖片名稱都是英文，圖片網址比較漂亮；而圖片名稱若包含中文字，則分享圖片網址給別人時會呈現無法閱讀的符號
這也是為何我當初用 WordPress 用很久了，接觸 Shopify 時發現很多「覺得很多基本應該要有的功能但沒有」，尤其很多 Technical SEO 的基本設定也受限，而這只是其中一個小項目。
很多架站平台都會自稱 SEO 友善，但真正了解並有實際使用過的人才會知道，所謂 SEO 友善「並非百分之百友善，甚至只有一些些友善」，做行銷的人都應該知道「行銷語言」先聽聽就好，沒有實作驗證無法得知全部面貌。
更別說很多廠商號稱自己獨家開發的、封閉式的網站架站系統，這就不便多說了 ^^ 唯有時時提升自己的多領域知識與了解業界最新資訊，才能更精準判斷與期望相符的產品。
🍎 後來居上，Adobe Illustrator 終於也推出 AI 生成式圖片
細緻的向量圖形繪製首推 Adobe Illustrator，而其後來推出「以文字產生向量圖形」功能，將構想轉化為插圖，使用簡單的文字提示，再由 Adobe Firefly 生成式 AI 提供支援，創造出可縮放、可編輯的向量圖形。
原本就期待很久，畢竟本來就付費 Adobe Creative Suite 全系列軟體，且功能強大豐富的 Illustrator 本身是主流的向量圖繪製工具。雖然產出的圖還未達到目前現有的許多 AI 軟體那麼驚艷，但相信未來會持續進步！
🪴 話說 Adobe Photoshop Generative AI 的「填滿延伸影像」真的才是極致驚奇強大！
🍎 國外 Shopify Store 線上商店實際範例
偶然發現 Figma Store 和 Netflix Shop 電商網站都是用 Shopify 建立的！另外我好幾年前在國外網站買過一個神秘氛圍包覆著大自然景觀的木頭戒指品牌 Secret Woods 也是用 Shopify，以上都是我滿喜歡的品牌。
了解更多用 Shopify 打造國際級的電商網站，可閱讀下列精選文章：
🍎 WordPress 免費外掛，在 Contact Form 7 中使用 AI 快速建立表單
Ultimate Addons For Contact Form 7 官網首頁
用 WordPress 架站的使用者應該對這款主流的免費表單外掛 Contact Form 7 不陌生，因為免費且功能算齊全，唯一不方便的是要用短程式碼設定表單欄位，每次都要找官方文件對應頗麻煩。
另一款外掛叫做 Ultimate Addons For Contact Form 7，專門加強 Contact Form 7 的功能，我有一天發現怎麼該外掛後台多了一個按鈕叫做「Form Generator AI」，試了幾次直接震驚到！其推出用 AI 生成表單，選擇表單類型然後描述表單，就會自動生成「短程式碼」，方便多了！
而且該外掛是佛心來著，擁有超多免費版就能使用的加強 Contact Form 7 功能，除了 AI Form Generator 之外，還有 Conditional Field 條件式欄位、PDF Generate 將提交的表單生成 PDF、Multi-Step Forms 設定多步驟問卷、MailChimp 串接等功能。
☕️ 科技工具蒐藏 - 每信一推
Irving 爾文會在每次分享 Newsletter 時推一個我正在使用或精選蒐藏的軟體工具，包含各種領域類別如 UIUX 設計、網站、電商、行銷、社群、AI 等。
設計 Design
Creative Market：這個平台是目前看過擁有高質感的設計素材商店，雖然 Canva 擁有的有些設計範本也不錯，但若說 Canva 是 80 分的素材，那 Creative Market 就是 90 分 High-quality Stock Photo, Graphics, Fonts, & Design Templates
若對電子報有任何想法或建議，可以填寫回饋表單，我會納入評估作為優化的方向，提供更優質的內容 ^^
Teamwork makes the team work
🎄 Line 學習社群
Shopify 網站設計與架站學習交流
分享主題從網站規劃、設計到建立等相關內容，透過學習交流與經驗分享，讓彼此成長更加快速，主要以 Shopify 建立電商網站為主。
WordPress 網站設計與架站學習
學習 WordPress 網站設計與架站，分享實作經驗與交流。
SEO 資源彙整與學習
閱讀 SEO 就像喝水一樣，習慣建立與自然地吸收。
成為網頁設計師
邁向網頁設計師之路，了解網頁設計的基本概念與實作經驗交流與分享，無論是行銷人、工程師、平面設計師等想要了解更多「網頁設計」都歡迎加入討論。
Learning by Reading → Learning by Doing → Learning by Sharing
Irving 爾文
專注網頁設計與架站平台、SEO 搜尋引擎優化，深度研究品牌行銷、UX 策略與數位產品、電商經營等領域，熱衷科技、設計與文字創作、社群分享。
#藝術 #設計 #科技
★ Founder of Irvinglab 爾文實驗室
★ Senior Web Designer / SEO Manager
★ 專精 Shopify 電商網站設計與架站
★ 專精 WordPress 品牌網站和部落格建置
★ 工作經歷大小型公司 (包含品牌方與代理商)、網頁設計接案公司、數位行銷公司、新創 Saas 軟體公司等
➤ 聯繫方式：Line 官方帳號 | Channel 線上交談
➤ Email：[email protected]
降低資訊落差，幫助所有人做出最佳判斷，符合現階段的需求與成本考量
Reply