- Irvinglab 爾文實驗室
- Posts
- 🚀 電商用 Shopify 架站,經營品牌和部落個用 WordPress 架站、SEO 寫作原則、PageFly 匯出後保留圖片連結、FigJam AI 打造創意發想會議
🚀 電商用 Shopify 架站,經營品牌和部落個用 WordPress 架站、SEO 寫作原則、PageFly 匯出後保留圖片連結、FigJam AI 打造創意發想會議
科技工具分享:網域選購用 GoDaddy
Irvinglab 爾文實驗室
爾文實驗室網站最近新增了一個「機器人」,在科技工具蒐藏頁面,可以前往微互動,未來會逐步規劃打造動態特效與互動設計的網頁,敬請期待!
🍎 如果不使用 WordPress 或 Shopify,我還真不知道該找哪一個架站平台作為長久經營的網站
🍎🍏 如果不使用 WordPress 或 Shopify,我還真不知道該找哪一個架站平台作為「長久經營」的網站。
Webflow 對網站初學者不是最佳首選
最近我開始測試 Webflow 之後,真心覺得 Webflow 不是對「網站初學者」和「想轉網頁的平面設計師」友善,頁面編輯器琳瑯滿目、密密麻麻的設定選項,看了眼花撩亂,尤其選取任意元素時所顯示「詳細到爆」的「視覺化 CSS 欄位」直接讓人退避三舍。
Webflow 常常拿「動態特效的網頁 Demo」來大肆宣傳,我自己也被吸進去,但還好有免費方案可以實際測試,預先了解是否符合所需。
🍏 單純對決頁面編輯器(Page Builder),WordPress 和 Shopify 的選擇都超過 10 種以上任君挑選,而 Webflow 就一種,沒得選。
🍏 即使非常熟悉 HTML/CSS 和擁有數年的架站平台使用經驗,我還是不會想將 Webflow 作為「主力」,若真的要用一下下,或許可以當作「助力」行銷宣傳頁面用途。
Shopify vs. WordPress vs. Webflow 如何選擇
可以 100% 確定的是若要經營電商網站販售商品或經營部落格內容 SEO,完全不推薦 Webflow。電商我會用 Shopify,品牌和部落格選 WordPress。
但若以網站維護的友善度來比較的話,Shopify 相對較容易上手、網站初入門友善、對一般人也不會過於挫折。
以上,只是個人想法,僅供參考!實際上應依每個人的體驗或需求去做選擇與搭配。
🍎 撰寫網站內容或部落格文章時,有 2 個核心寫作概念我是特別謹記在心:使內容可以一掃而視、一個段落專注只傳達一個想法
🎄 撰寫網站內容或部落格文章時,有 2 個核心寫作概念我是特別謹記在心:使內容可以一掃而視、一個段落專注傳達一個想法
使內容可以一掃而視
Ahrefs 部落格這篇文章 How to Format a Blog Post (For Search Success) 提供了一些常見的文章格式,除了開門見山之外,一開始切入重點或結論,其中還有個重要的概念說明了文章標題的重要性:使其可一掃而視 Make it scannable。這也是為何會經常看到許多網站的標題就是特別大,標題的文字尺寸與內文相差甚大的原因,讀者直接略過密密麻麻的內文,掃一下標題至少還留個印象,標題這麼大,很難避得開 XD
每個段落一個想法
由於很多人並不會真的從頭到尾讀完內容,這份研究是知名的 UX 權威機構 Nielsen Norman Group 所做的報告:只有 16% 的測試使用者一字一字讀完文章。這邊挑出該研究的其中幾個重點,網頁必須使用可掃描的文本,做法包含:
突顯的關鍵字(例如超文字連結、字體粗細或顏色設定等)
項目符號清單
每個段落一個想法(如果使用者沒有被段落中的前幾個單詞抓住,他們將跳過任何其他想法)
🍎 PageFly 匯出時雖然不能連同圖片一起帶出去了,但會保留原本圖片顯示連結
Shopify 建立電商網站時,若頁面編輯器使用的是 Shopify App: PageFly 匯出時雖然不能連同圖片一起帶出去了,但會保留原本圖片顯示連結,這樣轉移 PageFly 網頁後,至少還可以「看到圖片」,執行方式可以參考官方文件說明。
儘管官方說圖片不會跟著被匯出去,必須手動下載所有圖片等檔案進行轉移,但其實有個小改變有別以往。
就是以前轉移 PageFly 後圖片是無法顯示的,現在至少可以「顯示」了,顯示的好處是:快速了解整個頁面原本的內容脈絡、圖片的使用方式或看起來的感覺等。
🥕 注意事項: 圖片顯示連結其實是抓「原網站的連結」來顯示,而非真的將圖片素材直接複製到新網站後台中。意思是匯出到新網站時最佳狀態還是能將圖片下載下來上傳到新網站中,然後進行重新設定,以防原圖片連結失效等無法控制的因素導致無法顯示。
🍎 團隊腦內風暴的最強線上白板工具 FigJam AI,一鍵總結所有人的提出的觀點
🎄 團隊腦內風暴的最強線上白板工具 FigJam AI
用 FigJam 加上 Jambot 完全改變了線上腦力激盪 Brain Storming 過程的執行效率,尤其是導入了 Open AI 後,FigJam AI 更是強大!
🎄 一鍵「總結」所有人的提出的觀點
其中最令我不可思議的功能,可以先透過 FigJam AI 產生計畫 Plan、腦內風暴Brainstorm、流程圖 Flow Chart,再來進行所有參與者的「便利貼」環節,將這些便利貼全選後一鍵「總結」產出重點條列與概述,方便至極!接下來還可以繼續改寫、延伸點子等,分享給其他部門。
🎄 使用 FigJam AI 生成流程圖和決策樹
在構思網站地圖或使用者流程時,就可以用 FigJam AI 先做最初步的規劃與流程圖,快速勾勒出輪廓和,再使用 Jambot 做深入產出。
快速了解這一系列的發想過程,可以參考一個國外設計師分享的使用紀錄:AI has taken over FigJam - and it's helping me do UX research
🥕 備註:Jambot 是 FigJam 中的一個 Widget,直接在裡面開啟使用即可。
☕️ 科技工具分享 - GoDaddy
Irving 爾文會在每次分享電子報時分享一個我正在使用或精選蒐藏的軟體工具,包含各種領域類別如 UIUX 設計、網站、電商、行銷、社群、AI 等。
網域註冊 Website Domain
GoDaddy:選擇網域建議到全球最大最主流的 GoDaddy 平台購買,然後再串接到 Shopify、WordPress 或你用的架站平台。然後也不建議直接在架站平台本身購買網域,之後若要遷移網站或不想使用此平台時,網域會被綁定在平台中。所以網域和架站平台分開單獨選擇比較理想。若有網域選擇障礙或相關問題也歡迎寄信給我或透過社群傳訊息給我。
若對電子報有任何想法或建議,可以填寫回饋表單,我會納入評估作為優化的方向,提供更優質的內容 ^^
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