<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="zh-TW">
  <title type="text">夏木樂知識頻道</title>
  <subtitle type="text">夏木樂是台北的網頁設計公司，具備多年網站設計經驗，並擁有強大的軟體開發團隊，我們專精各種客製化的需求與規劃，包含形象網站的設計或系統全客製開發．</subtitle>
  <logo>https://simular.co/assets/images/global/icon.png</logo>
  <updated>2026-06-09T12:30:09+00:00</updated>
  <generator uri="https://getlaminas.org" version="2">Laminas_Feed_Writer</generator>
  <link rel="alternate" type="text/html" href="https://simular.co/"/>
  <link rel="self" type="application/atom+xml" href="https://simular.co/rss.feed"/>
  <id>https://simular.co/</id>
  <entry>
    <title type="html"><![CDATA[用短短6行HTML加速任何網站的載入速度 (Speculation Rules API)]]></title>
    <summary type="html"><![CDATA[您是否曾經瀏覽過一些網站，只是隨便點擊一個連結，幾乎立即就出現了下一頁？（夏木樂就是這樣喔～）
在過去，通常是使用 Quicklink 之類的技術來達成。近年來，由於 Chrome Speculation Rules API，這種神奇的快速體驗現在變得更容易實現。這項新的瀏覽器功能，只需幾行 HTML 程式碼，就可以讓頁面載入速度近乎即時。
[toc]
這功能是如何運作的？
<script type="speculationrules">
  {
    "prerender": [{ "whe...]]></summary>
    <published>2025-08-11T07:51:09+00:00</published>
    <updated>2025-08-11T08:02:19+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/180-short-html-speed-up-loading"/>
    <id>https://simular.co/blog/post/180-short-html-speed-up-loading</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[Cursor AI 全攻略，Vibe Coding 教學，人人寫程式時代來臨]]></title>
    <summary type="html"><![CDATA[Cursor 是最近非常紅的一套 AI 開發工具，他主打自動完成、口語化指令與整體專案代理能力，無論是初學者還是進階工程師，都能明顯的提昇開發效率。
同時 Cursor AI 也是一套 Vibe Coding 工具。Vibe Coding 是由 OpenAI 共同創辦人 Andrej Karpathy 在 2025 年提出的全新的程式設計方式，開發者不自行編寫程式碼，而是透過自然語言向 AI 描述需求，由AI自動生成程式碼。其核心理念是 「順著感覺走（embracing the vibes），深...]]></summary>
    <published>2025-06-09T14:45:09+00:00</published>
    <updated>2025-06-10T06:59:35+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/179-cursor-ai-vibe-coding"/>
    <id>https://simular.co/blog/post/179-cursor-ai-vibe-coding</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[AWS 台北資料中心開放囉，61 項服務推出，如何開啟 ap-east-2 區域]]></title>
    <summary type="html"><![CDATA[亞馬遜旗下雲服務平台 AWS（Amazon Web Services）於今日 6/6 日正式啟用位於臺灣的臺北區域資料中心，代號為ap-east-2。目前該中心提供61項雲端服務，涵蓋運算、儲存、網路及資料庫等核心基礎服務。
台北區域的服務狀態
AWS 在三年前便於臺灣設立了 Local Zone 在地雲端節點，眾人皆期盼何時會正式落地台灣。去年 AWS 則宣布啟動更大規模的臺北區域資料中心建置計畫。此次全新啟用的臺北區域資料中心，是 AWS 近十年來在臺灣最大規模的投資，未來 15 年預計將投...]]></summary>
    <published>2025-06-06T09:17:30+00:00</published>
    <updated>2025-06-06T10:21:13+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/178-aws-taipei-release"/>
    <id>https://simular.co/blog/post/178-aws-taipei-release</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[新創事業 Landing Page 規劃與設計指南，給 Startup 與 SaaS 的基本功]]></title>
    <summary type="html"><![CDATA[行銷可以讓人們來到您的網站，但優質的品牌才是讓他們一遍遍回來的理由。因此，企業應該要善用良好的 Landing Page 作為您的事業門面。
作為創辦人，您也許會在簡報室向投資人介紹您的產品，但您可以換個角度想，SaaS 企業的 Landing Page，就是您針對客戶、媒體與普羅大眾的簡報。許多新創企業，也許專注於打造產品，直到最後一刻，才開始思考網站要放什麼內容，結果變成一堆無效的流行話題與 Buzzword 塞滿頁面，而沒辦法真正打動人心。
前段時間我們分享了許多 Landing Page...]]></summary>
    <published>2025-06-01T16:00:43+00:00</published>
    <updated>2025-06-01T18:34:50+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/177-landing-page-for-startup-saas"/>
    <id>https://simular.co/blog/post/177-landing-page-for-startup-saas</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[【網頁設計攻略】不想踩雷？4 大重點選對網站公司，顧好品質及權益！]]></title>
    <summary type="html"><![CDATA[在數位時代，網站已成為企業的門面，選擇合適的網站設計公司不僅影響品牌形象，更關係到營運成效與客戶體驗。
但隔行如隔山，企業不會天天與網頁設計公司合作，不是每個人都懂如何挑選合適的公司。以下由夏格飛為您整理一份實用的《網站設計攻略》，協助您在挑選合作夥伴時如何預先做好功課，避開陷阱與地雷，確保品質與權益。
[toc]
做好功課，企業有什麼可以事前準備的？
想要順利展開網站建置計畫，企業在啟動專案之前，其實可以先做好以下準備，減少溝通誤差，也能讓網站設計更貼近實際需求。
明確網站目的與核心目標
網站...]]></summary>
    <published>2025-05-29T16:00:27+00:00</published>
    <updated>2025-06-01T13:57:48+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/176-how-to-choose-good-web-design-agency"/>
    <id>https://simular.co/blog/post/176-how-to-choose-good-web-design-agency</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[台灣企業如何申請 Paddle 金流，一步步教學讓您順利通關]]></title>
    <summary type="html"><![CDATA[前陣子提到 什麼是 MoR 與 Paddle 的介紹，發現目前對於 Paddle 申請工作，較少有相關說明與教學。
由於夏木樂也是 SaaS 開發與設計廠商，並且曾有過成功申請 Paddle 的經驗，這篇文章就來介紹一下，台灣企業如何申請 Paddle 企業版收款服務的教學與步驟吧。
[toc]
使用 Sandbox 預先開發（非必要）
如果您要整合 Paddle ，不一定要有正式帳戶才能開始開發串接，可以註冊他們的 Sandbox 平台，功能是一模一樣的。

Paddle Sandbox

P...]]></summary>
    <published>2025-05-27T16:00:16+00:00</published>
    <updated>2025-05-31T09:31:17+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/175-how-to-apply-paddle"/>
    <id>https://simular.co/blog/post/175-how-to-apply-paddle</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[Paddle 金流與稅務平台介紹：台灣 SaaS 企業出海好選擇！]]></title>
    <summary type="html"><![CDATA[網路時代的快速發展，讓越來越多企業使用 SaaS（Software as a Service）服務模式來擴展全球市場。然而，在提供服務的過程中，支付與稅務管理卻是許多企業頭疼的問題。對於初創團隊或快速成長的公司來說，如何有效管理付款、稅務合規以及國際交易問題，都是難以忽視的挑戰。
一直以來，歐美的 SaaS 企業都是以 Stripe 為首選，因為它具有良好的支付整合功能，且可以方便的讓企業做訂閱方案管理，但近年來，越來越多初創的小型 SaaS 公司轉向 Paddle。為什麼呢？這篇文章將做一個簡...]]></summary>
    <published>2025-05-25T16:00:38+00:00</published>
    <updated>2025-07-07T18:36:41+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/174-paddle-saas"/>
    <id>https://simular.co/blog/post/174-paddle-saas</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[不只是金流，認識 MoR (記錄商戶)，與傳統金流商有什麼差異？(Merchant of Record)]]></title>
    <summary type="html"><![CDATA[近十幾年來，大家已經很熟悉了網路金流的串接與使用。但在現代國際化 SaaS 發展的過程中，有一個重要但經常被忽略的角色，那就是 Merchant of Record (MoR)——記錄商戶。這個角色的存在，其實為許多 SaaS、數位產品和國際電商企業提供了不可或缺的支持。
今天，我們要來認識什麼是 MoR，了解其與傳統金流商(PSP) 的差異，還會深入探討其功能、責任，以及對不同產業的價值所在。當然，夏格飛也會提供一些實際建議，幫助有需求的 SaaS 企業考慮是否該引入 MoR 模式。
[toc...]]></summary>
    <published>2025-05-22T16:00:41+00:00</published>
    <updated>2025-05-31T10:01:25+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/173-what-is-merchant-of-record"/>
    <id>https://simular.co/blog/post/173-what-is-merchant-of-record</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[2025 年你一定要知道的 CSS 新特性 (New Features)]]></title>
    <summary type="html"><![CDATA[大家好，我是夏格飛，一位專注於網站設計與開發的專業建置者，今天很高興與大家分享 2025 年即將成為前端開發主流的 CSS 新技術。這些新特性不僅能簡化我們的開發過程，還能提升網頁的效能與使用者體驗。作為一位熱衷於學習新技術的開發者，這些工具讓夏格飛自己在處理專案時變得更加高效，也讓客戶們對我們的成果讚不絕口。
接下來的內容，我將詳細介紹容器查詢、全新的選擇器、次網格（Subgrid）、偽類（Pseudo-Classes）、邏輯屬性（Logical Properties）、Lab 色彩空間、Sc...]]></summary>
    <published>2025-05-20T16:00:08+00:00</published>
    <updated>2025-05-24T17:13:38+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/172-css-new-features-in-2025"/>
    <id>https://simular.co/blog/post/172-css-new-features-in-2025</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[什麼是鄧白氏認證？如何申請？對企業有什麼好處？ (DUNS Number)]]></title>
    <summary type="html"><![CDATA[隨著企業全球化加深，一般企業如何在國際市場中提升信用與競爭力，杜絕詐騙行為，成為一件重要的事情。由於各國政府的企業登記規範各有不同，跨國企業合作時，如何認證對方企業的真實度？便成為一向課題。
而鄧白氏認證（D&B D-U-N-S Certified），作為國際公認的企業實名認證，便成為企業進軍國際市場的重要標準。由於身為網頁設計與 app 開發廠商，時常要幫助客戶與 DUNS 打交道，今天，夏格飛將帶大家深入了解什麼是鄧白氏認證，以及它如何為企業帶來價值。
[toc]
鄧白氏認證是什麼？
長年以...]]></summary>
    <published>2025-05-18T16:00:43+00:00</published>
    <updated>2025-05-19T17:54:37+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/171-duns-number-and-how-to-apply"/>
    <id>https://simular.co/blog/post/171-duns-number-and-how-to-apply</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[大型 Zip 損壞怎麼辦？如何強制解壓縮？原因是什麼？]]></title>
    <summary type="html"><![CDATA[壓縮檔無疑改變了我們傳輸與保存資料的方式，無論是儲存照片、打包分享檔案，還是備份重要資料，跨平台且沒有授權費的 ZIP 格式是現代數位生活的基本工具。
但有時候，就是會遇到「ZIP 損壞無法解壓縮」的情況，這狀況可能令人生畏，因為重要的檔案搞不好就在裡面解不出來了。
由於夏格飛是網頁設計公司，經常要處理網站資料備份，因此必然也常常遇到 zip 格式損毀的問題，這次趁機來分享一下 zip 損毀的原因，以及常見的救援方式。
[toc]
常見的 ZIP 損壞狀況
在了解如何修復損壞前，我們先聊聊幾個常...]]></summary>
    <published>2025-05-14T16:00:15+00:00</published>
    <updated>2025-05-14T16:38:47+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/170-how-to-deal-zip-corruption"/>
    <id>https://simular.co/blog/post/170-how-to-deal-zip-corruption</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[[SEO] Google 搜尋將式微？AI 與網紅如何瓜分 Google 市場]]></title>
    <summary type="html"><![CDATA[數十年來，Google 一直是人們探索資訊的首選，「Google 一下」成為好奇心的代名詞。然而，這種壟斷地位正迅速瓦解。AI 改變了人們提問和獲取資訊的方式，社群媒體上的網紅則根本性地改變了消費者尋找答案的方式。
在過去6個月的大部分時間裡，Google的市場份額都低於90%，這是最近10年首次出現這種情況。越來越多人直接詢問 AI 而不是透過搜尋。再加上近期 Google 收到反壟斷調查要求拆分 Chrome，Apple 也表達正準備將 Safari 導入 AI 搜尋取代 Google，造成...]]></summary>
    <published>2025-05-12T16:00:28+00:00</published>
    <updated>2025-05-12T16:00:28+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/169-ai-and-kol-vs-google"/>
    <id>https://simular.co/blog/post/169-ai-and-kol-vs-google</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[2025 台灣 8 個 LINE OA 與客服聊天系統推薦 (Facebook / IG / Chatbot)]]></title>
    <summary type="html"><![CDATA[在目前全球企業皆數位化的環境中，「聊天客服系統」已成為標準行銷和客戶服務的核心工具之一。
身為一名專注於網頁設計與系統整合的專業人士，夏格飛在服務許多台灣企業時，發現許多企業在打造網站時，同時也是初次想要整合 LINE 官方帳號（LINE OA）和自動化聊天機器人（Chatbots）的應用。由於是首次採用，也不知道要從何開始。
這篇文章中，夏格飛將帶您深入了解這些技術的優勢，以及業界熱門的推薦系統，幫助您找到最適合的團隊客服工具。
[toc]
為什麼企業(尤其台灣)需要 LINE OA 和聊天客...]]></summary>
    <published>2025-05-07T16:00:34+00:00</published>
    <updated>2025-05-11T09:43:49+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/168-line-oa-and-customer-service-platforms"/>
    <id>https://simular.co/blog/post/168-line-oa-and-customer-service-platforms</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[Viggle AI 爆紅迷因影片神器 - 小明劍魔、我更喜歡你，製作教學]]></title>
    <summary type="html"><![CDATA[「Why? Tell me Why?」、「回答我！」、「比起 XXX 我更喜歡你」。今年初開始，取多耳熟能詳的迷因影片佔據了我們的社群網路。透過魔改的影片、噴飯的字幕，這些迷因影片成功引發大眾共鳴，讓人忍俊不禁。一個個名人或影視角色陸續淪陷，在影片中大吐苦水或頻頻示愛。
這些迷因影片後面，有一個關鍵性的平台崛起：Viggle AI。它是什麼？為什麼能成為紅爆網路的迷因影片製作神器？讓夏格飛來替大家介紹。
[toc]
什麼是 Viggle AI？
Viggle AI是一個功能強大的平台，讓用戶能夠...]]></summary>
    <published>2025-05-05T16:00:29+00:00</published>
    <updated>2025-05-07T10:30:46+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/167-viggle-ai"/>
    <id>https://simular.co/blog/post/167-viggle-ai</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[SSL 各類憑證介紹，免費與付費差在哪？ (DV / OV and EV)]]></title>
    <summary type="html"><![CDATA[當我們與客戶討論網站架設時，SSL 憑證幾乎是每次談話中都會出現的重要話題。
在幫客製進行網頁設計時，有不少客戶常問我：「SSL 憑證不是可以免費安裝嗎？為什麼還需要購買？」，夏格飛經常需要為客戶解答資安相關問題，也必須解釋免費與付費 SSL 憑證之間的差異。今天讓我們深入細節，幫助您做出最適合的選擇。
[toc]
SSL 憑證是什麼？為什麼它很重要？
SSL（Secure Sockets Layer）憑證是一種數據加密技術，主要用於保護網站與訪客之間的數據傳輸。它能確保像是登入資訊、信用卡資料...]]></summary>
    <published>2025-04-30T16:00:18+00:00</published>
    <updated>2025-05-11T09:43:11+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/166-ssl-free-and-paid-difference"/>
    <id>https://simular.co/blog/post/166-ssl-free-and-paid-difference</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[2025 年的 JavaScript 與以前有什麼不一樣？]]></title>
    <summary type="html"><![CDATA[JavaScript 作為全世界使用最廣泛的腳本語言，至今已經超過了 25 個年頭。在這段時間裡，從 ES6（ES2015）誕生以來，JavaScript 的生態系統進入了快速演變的時期。
像夏格飛這樣的開發者，從早期 2008 年左右，引請期盼 JS 的改良，並為了 ES6 的到來而歡呼。然後默默到了 2025 年， JavaScript 已今非昔比，新的語法與功能極大提升了程式碼的可讀性與維護性，同時也為開發者減少許多不必要的麻煩。
那麼最新的 JavaScript 技術有什麼不同呢？讓夏格...]]></summary>
    <published>2025-04-28T16:00:30+00:00</published>
    <updated>2025-04-28T16:00:30+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/165-javascript-difference-with-the-legacy"/>
    <id>https://simular.co/blog/post/165-javascript-difference-with-the-legacy</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[[引爆流量] 新創產品發布：如何在 Twitter / Product Hunt / HN / Reddit 創造口碑]]></title>
    <summary type="html"><![CDATA[現今的網路時代裡，新創 SaaS 產品面臨的最大挑戰之一，是如何在眾多競爭者中脫穎而出。而社群與論壇則成為了新創團隊不可或缺的推廣管道，尤其像 Twitter、Product Hunt、Hacker News 和 Reddit 這樣的社群平台，更是能夠帶來大量流量和曝光的重要來源。
像最近爆紅的 Cursor 或 Claude 這類 AI 新創產品，他們的快速崛起並不是單靠運氣，而是靠精心安排的種]]></summary>
    <published>2025-04-27T09:39:36+00:00</published>
    <updated>2025-05-29T16:16:32+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/164-how-to-launch-startup-saas"/>
    <id>https://simular.co/blog/post/164-how-to-launch-startup-saas</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[Facebook 如何使用 MySQL，以及各方面資料庫技術選用]]></title>
    <summary type="html"><![CDATA[這篇文章簡單介紹了 Facebook 的資較庫技術的選用，我們從公開資料中，大致整理了 Facebook 內部資料庫結構的技術分配。由於大家都知道，早期 Facebook 就是用 MySQL 起家的，因此在經過這麼多年發展後，到底 MySQL 還承載了哪方面的應用？有哪些功能已經轉移到 NoSQL 或其他儲存上面呢？接下來讓夏格飛一一介紹吧。
[toc]
Facebook 如何善用 MySQL
由於歷史的因素，Facebook 在其大規模基礎設施中廣泛使用 MySQL，較難更換資料。因此 Fac...]]></summary>
    <published>2025-03-31T16:00:47+00:00</published>
    <updated>2025-03-31T18:00:00+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/163-facebook-mysql-and-nosql"/>
    <id>https://simular.co/blog/post/163-facebook-mysql-and-nosql</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[【避免成為垃圾信】 SPF / DKIM / DMARC，2025 寄發 Email 一定要搞懂的知識]]></title>
    <summary type="html"><![CDATA[夏木樂作為網站廠商，經常要幫客戶設定電子郵件從網站寄發的功能。但經常會遇到企業的信箱寄送到使用者那邊後，卻進了垃圾信。早期可能還不會這麼嚴格，但近年來，許多企業的通知信變成垃圾信的機率越來越高，這是什麼原因呢？
另外，也有許多企業詢問夏木樂，能不能打造自己的 EDM 電子報平台。當企業自己寄發大宗郵件時，要如何避免被視為廣告信件而阻擋呢？
今天夏格飛藉著這篇文章，說明一下近年來日益嚴格的電子郵件寄發規則，以及如何通過認證成為有效的郵件來源。
[toc]
為什麼現今寄發電子郵件越來越難？
隨著網路...]]></summary>
    <published>2025-03-31T16:00:32+00:00</published>
    <updated>2025-06-01T18:25:41+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/162-spf-dkim-dmarc-important-knowledge"/>
    <id>https://simular.co/blog/post/162-spf-dkim-dmarc-important-knowledge</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[手機 App 可以禁止截圖嗎？有什麼螢幕防盜方案？]]></title>
    <summary type="html"><![CDATA[在線上內容蓬勃發展的今天，越來越多企業跨入內容產出的領域，經營自己的頻道與IP，甚至是自行打造 App 來經營觀眾。
而許多企業經常詢問夏木樂一個問題：手機 App 是否可以禁止截圖？以及，還有哪些防盜方案可以選擇？本篇文章將帶您深入探討相關問題，並提供實用建議與真實案例，幫助您了解這項技術及其可能性。
這篇文章會先專注在「截圖」這件事情上，後續會再帶到「錄影」、「下載」等其他模式與相關防護措施上。
[toc]
為什麼企業會想要防止截圖？
從企業的角度看，禁止截圖是一項非常實用的功能。有幾個主要...]]></summary>
    <published>2025-03-27T16:00:44+00:00</published>
    <updated>2025-03-27T16:00:44+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/161-how-to-prevent-mobile-app-screenshot"/>
    <id>https://simular.co/blog/post/161-how-to-prevent-mobile-app-screenshot</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[【AI科普】小孩也能懂的 AI 演算法介紹 (1) - 神經網路與 Transformer]]></title>
    <summary type="html"><![CDATA[人工智慧 (AI) 是目前世界科技進步中的熱點話題，許多人都可能已經聽過「神經網路」這個詞彙。它是許多 AI 系統背後的運算基礎，不僅影響著我們的日常生活，甚至改變了教育、醫療與產業模式。
但網路上的 AI 概念艱澀難懂，只有工程師才能夠理解。今天，讓我們用最簡單易懂的方式來介紹幾種主要的神經網路種類，讓小孩子和初學者也能快速掌握其核心概念！
[toc]
什麼是類神經網路
類神經網路（Neural Network）可以想像成一個學習機器，它的運作方式有點像人腦裡的神經細胞（Neuron）如何幫助...]]></summary>
    <published>2025-03-26T15:12:37+00:00</published>
    <updated>2025-03-26T15:17:29+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/160-ai-101-neural-networks"/>
    <id>https://simular.co/blog/post/160-ai-101-neural-networks</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[什麼是 SSG 靜態網站，優缺點與適合用途 (Static Site Generation)]]></title>
    <summary type="html"><![CDATA[當你準備打造一個網站時，是否曾想過現代技術到底哪種最適合你的需求？
如今，網站開發的選擇多如繁星，但其中 SSG（Static Site Generation，靜態網站生產模式）正以其特有的魅力，吸引越來越多開發者的目光。那麼，SSG 到底是什麼？它究竟能用在哪裡？又為什麼這麼熱門？對網頁設計公司來說，有什麼特別的優點呢？
在本文中，夏格飛將一步步為你拆解 SSG 的核心概念，探索它的優勢與挑戰，並與其他技術進行對比，幫助你更好地選擇適合的網站建構方式。準備好深入了解這項技術的精彩之處了嗎？一起...]]></summary>
    <published>2025-03-25T16:00:32+00:00</published>
    <updated>2025-05-11T09:44:42+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/159-what-is-ssg-website"/>
    <id>https://simular.co/blog/post/159-what-is-ssg-website</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[23 個技巧，讓您設計最佳的 Landing Page (著陸頁)]]></title>
    <summary type="html"><![CDATA[著陸頁(Landing Page) 是將訪客轉化為顧客或潛在客戶的關鍵，也是行銷時的第一道入口！夏格飛作為一名資深網頁規劃師，見證過設計優秀的著陸頁如何顛覆轉化率，帶來驚人的成果。
在本文章，夏格飛將帶你一步步掌握打造高成效著陸頁的祕訣，從策略規劃到內容撰寫，從設計技巧到表單優化，全方位提升你的著陸頁表現，讓轉化不再是難題！
[toc]
重要觀念

研究顯示，優化 Landing Page 設計可顯著提升轉換率，整體產業平均提昇率為 5.89%。

成功的關鍵包括：與廣告活動內容一致、具吸引力的...]]></summary>
    <published>2025-03-23T16:00:16+00:00</published>
    <updated>2025-03-23T19:42:14+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/158-over-20-tips-for-landing-page-design"/>
    <id>https://simular.co/blog/post/158-over-20-tips-for-landing-page-design</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[SaaS 怎麼那麼多！什麼是 SaaS 蔓延(Sprawl)？企業如何應對？]]></title>
    <summary type="html"><![CDATA[SaaS（Software as a Service，軟體即服務）已成為現代商業運營中不可或缺的核心元素。每個人、每個企業都可以簡單快速的註冊與訂閱，立即享用某項專業功能。
然而，隨著 SaaS 工具數量的迅速增加，企業也面臨一個日益突出的挑戰——「SaaS 蔓延」（SaaS Sprawl）。這種現象不僅削弱了企業的運營效率，還帶來了安全風險和財務管理的困難。
在本篇文章中，夏格飛將深入分析 SaaS 蔓延的成因、其對企業所帶來的潛在影響，以及 SaaS 未來發展的可能方向。希望藉此幫助企業更好...]]></summary>
    <published>2025-03-22T14:41:32+00:00</published>
    <updated>2025-03-22T14:45:16+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/157-saas-sprawl"/>
    <id>https://simular.co/blog/post/157-saas-sprawl</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[macOS + Chromcast 投影全螢幕黑屏無法顯示的問題]]></title>
    <summary type="html"><![CDATA[大約 2024 年底左右許多 macOS 遇到了無法全螢幕投影到 Chromecast 的問題，包含 Android TV 內建 cast 也是一樣，但是投影分頁就是正常的。
[toc]
第一種解決方案
前往 設定 > 系統 ，關閉「使用圖型加速功能」，就可以正常投影了。

但這個方案有點不方便，因為例如線上繪圖軟體 figma 等，或是影音媒體如 netflix 等，都會用上圖型加速，這樣造成其他網站的使用困難。因此還是要其他解決方案。
實際問題來源
這個無法投影全螢幕的問題的來源是 Chro...]]></summary>
    <published>2025-02-20T04:47:55+00:00</published>
    <updated>2025-02-20T04:47:55+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/156-macos-chromcast-blackscreen"/>
    <id>https://simular.co/blog/post/156-macos-chromcast-blackscreen</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[【小編救星】2025 年最優質 12 個免費圖庫，可商用且高品質]]></title>
    <summary type="html"><![CDATA[做設計、寫文章、社群發文，常常要用上很多照片，有時候不是精美就好，而是要剛好切合主題。如果公司不給圖庫預算呢？那就更頭痛了。
夏格飛知道小編與設計師們的煩惱，所以特地挑選了一系列免費高素質圖庫。挑選時，我們可是很在乎圖片品質的，每個圖庫都細心看過各個分類，確保各種情境、風格、用途，都有完整的涵蓋。無論是要華麗的風景照、精美的人像、還是平凡無其的生活化照片，也都包含在我們的挑選中。以免費素材來說，絕對足夠使用在各類情境下，讓我們一起來看看吧。
[toc]
Unsplash

Unsplash 是老...]]></summary>
    <published>2024-10-22T16:00:14+00:00</published>
    <updated>2025-03-25T17:32:03+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/155-high-res-free-stocks"/>
    <id>https://simular.co/blog/post/155-high-res-free-stocks</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[【設計藏寶箱】19 個優質的 UI 圖示集介紹 (Icon Libraries)]]></title>
    <summary type="html"><![CDATA[開發現代化網站或 UI 介面，肯定少不了許多小圖示(Icon)，用來指引使用者操作。操作介面上的小圖示不只可以美化畫面，對於眼珠快速掃過鎖定目標也是非常有幫助的。
在過去，使用最廣泛、最流行的是 FontAwesome 系列，至今依然歷久不衰，但是到了 2024-2025 年，市場也逐漸改變，越來越多更美觀、更好用的圖示集也持續在推出，今天，夏格飛來介紹一系列優秀的圖示集吧。
我們的選擇要點：

流行度： 這個圖示集在網路上的流行度、社群討論程度與信任度。

可自訂性： 可以輕鬆的調整筆劃粗細、...]]></summary>
    <published>2024-10-20T12:48:45+00:00</published>
    <updated>2024-10-20T17:06:57+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/154-best-icon-libraries"/>
    <id>https://simular.co/blog/post/154-best-icon-libraries</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[【前端軍火庫】14 套知名 Vue UI 框架，跨平台開發不煩惱]]></title>
    <summary type="html"><![CDATA[繼上一篇文章 【前端軍火庫】5 套現代化前端 CSS UI 框架，介紹了許多 CSS UI 框架以後，接下來這篇則是專注於介紹對 Vue.js 開發者非常實用的各類前端 UI 框架。
無論你是個人的 Vue 開發者，還是要替團隊尋找適合的共同開發框架，這邊文章都非常實用，可以看看我們介紹的這些元件庫，是否符合你們的美感要求，或是你們的團隊要求高度客製化，希望把風格變數改到看不出來，也有適合的框架可以選用。
[toc]
NuxtUI

NuxtUI 是專門為 Nuxt.js 應用程式開發的一個 U...]]></summary>
    <published>2024-10-15T16:00:35+00:00</published>
    <updated>2025-05-03T11:09:52+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/153-vue-ui-framework-intro"/>
    <id>https://simular.co/blog/post/153-vue-ui-framework-intro</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[【前端軍火庫】5 套現代化前端 CSS UI 框架，發展你的網頁設計之路 (Framework)]]></title>
    <summary type="html"><![CDATA[如果您是網頁設計師，或網站自由接案者，您一定會想要一套好用的基礎工具，可以幫助您打造各類不同用途的網站 UI，這樣只要專心學好一套基礎工具集，就能用在許許多多的專案上。
今天，夏格飛來替您介紹幾套知名、好用、標準化，且有人長期維護的前端 UI 框架，選擇一個作為您未來的長期技術基礎吧。
[toc]
關於 CSS UI 框架
純 CSS 的 UI 框架主要專注於採用 CSS 呈現 UI 元件，在幾年前很紅，因為可以抽離實作細節，只專注於樣式呈現。不過隨著前端技術日新月異，目前大多數的 UI 框架都...]]></summary>
    <published>2024-10-13T09:45:49+00:00</published>
    <updated>2024-10-13T14:19:11+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/152-css-ui-frameworks-intro"/>
    <id>https://simular.co/blog/post/152-css-ui-frameworks-intro</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[什麼是 QR Code？ QR Code 安全嗎？ 7 個免費產生器介紹]]></title>
    <summary type="html"><![CDATA[QRCode 已經是現代生活必備的重要工具了，幾乎任何需要快速傳輸網址或指令到手持裝置上的作法，都會包含 QRcode 。
不過 QRcode 的產生工具也是百百種，到底有哪些好用呢？會不會洩漏隱私？有沒有不靠線上平台的作法？這篇文章，讓夏格飛來幫您整理吧。
[toc]
什麼是 QRCode?
QR Code 全名為 Quick Response Code （快速回應圖碼），是一種二維的條碼 （相較於傳統條碼是一維條碼）。最早是於 1994 年由日本汽車零件公司「電裝」所發明，原本是為了用在於零...]]></summary>
    <published>2024-09-21T10:28:27+00:00</published>
    <updated>2025-03-25T08:13:10+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/151-safe-free-qr-code-tools"/>
    <id>https://simular.co/blog/post/151-safe-free-qr-code-tools</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[Freepik 推出 AI 繪圖工具 Mystic，與 Midjourney 大比較]]></title>
    <summary type="html"><![CDATA[近幾年，Midjourney 被認為是 AI 繪圖界的首選，也產生了許多廣為流傳的 AI 繪圖成果。但就在 2024 年 2 月，知名圖庫廠商 Freepik 宣布推出了自家的 AI 繪圖工具，針對付費使用者全面開放。8 月則引入了全新的繪圖模型，震撼了 AI 繪圖的市場。
由於夏木樂也是長年的 Freepik 用戶，讓我們帶來第一手的介紹吧。除此之外，本篇文章會稍微比較一下 Freepik 最新繪圖模型與 Midjourney v6.1 的差異。
[toc]
什麼是 Freepik?
Free...]]></summary>
    <published>2024-09-17T16:00:47+00:00</published>
    <updated>2024-09-17T18:22:57+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/150-freepik-mystic-ai-generator"/>
    <id>https://simular.co/blog/post/150-freepik-mystic-ai-generator</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[【網頁設計白話文】什麼是 FTP / SFTP？如何用 FileZilla 傳輸檔案]]></title>
    <summary type="html"><![CDATA[如果您曾經尋找網站公司開發軟體，有時候可能會聽到某些工作流程，要依賴 FTP 上傳檔案，例如自動匯入資料，或者上傳行銷用網頁檔案等等。
到底什麼是 FTP 呢? FTP 又要如何使用，這篇文章會替大家簡單說明。
如果您剛拿到 FTP 帳密，正在尋找如何連線，可以跳到這篇文章的後半部 #如何進行 FTP / SFTP 連線。
[toc]
FTP 是什麼?
FTP 全名為 File Transfer Protocol (檔案傳輸協定)，顧名思義，他是一個非常普遍的電腦與電腦之間的檔案傳輸協定。這個協...]]></summary>
    <published>2024-09-15T19:11:23+00:00</published>
    <updated>2024-09-15T19:23:57+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/149-what-is-ftp-sftp"/>
    <id>https://simular.co/blog/post/149-what-is-ftp-sftp</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[Canva 教育版全攻略，如何申請？功能詳解與教學資源分享]]></title>
    <summary type="html"><![CDATA[Canva 非常支持教育人員，他們推出的 Canva 教育版擁有團隊版的完整功能，甚至還有更多教育相關模版與素材，讓學生、教職員受惠。還能夠方便得與 LMS 作整合。
使用 Canva 的好處在於，國中小學生都能用這套軟體輕鬆製作簡報、卡片，作為作業或練習用；而教職則可以用來製作教材或上課用簡報。等於是全民性普及的設計軟體。

那教師要如何申請教育版呢？有什麼限制？學生又要怎麼樣才能夠使用教育版呢？今天夏格飛特別編寫一篇文章，完善介紹 Canva 教育版的種種，從申請資格到申請方式，還有使用教學...]]></summary>
    <published>2024-09-08T13:38:08+00:00</published>
    <updated>2024-09-09T15:49:17+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/148-canva-education-guide"/>
    <id>https://simular.co/blog/post/148-canva-education-guide</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[配色技巧全攻略，基礎色彩學與 14 個配色網站(工具)介紹]]></title>
    <summary type="html"><![CDATA[在設計的世界中，色彩不僅是視覺上的享受，更是傳達情感、塑造氛圍和引導觀者情緒的關鍵元素。無論是網站設計、品牌識別還是產品包裝，色彩的選擇與搭配都直接影響觀眾的認同感與參與度。
然而，對於許多剛踏入設計領域的人來說，掌握配色技巧可能是一個不小的挑戰。在這篇文章中，夏格飛將帶您快速了解色彩學的基礎，並介紹一些實用的配色技巧，幫助您輕鬆打造出吸引人、和諧的設計。
[toc]
基礎色彩學
色相 (Hue)
現在，我們從頭開始，回到基本的色彩理論出發，先從色相 (Hue) 介紹起。色相指的是在不同波長的光...]]></summary>
    <published>2024-09-07T21:21:44+00:00</published>
    <updated>2024-09-21T04:59:16+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/147-color-theory"/>
    <id>https://simular.co/blog/post/147-color-theory</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[Midjourney AI 繪圖全攻略，網頁版導覽，新手指令教學，角色一致性功能]]></title>
    <summary type="html"><![CDATA[AI 繪圖工具 Midjourney 最近終於推出了全新的網頁介面，讓用戶能夠直接在瀏覽器中創建和編輯 AI 圖像，擺脫過去只能透過 Discord 操作的限制。
2024 年 8 月開始，新的網頁平台提供了直覺的使用介面，使得新手與專業設計師都能輕鬆掌握。除了提供更多 AI 模型選擇外，用戶還可以從 GUI 自定義圖像風格與比例，讓創作過程更靈活、便捷。

由於夏格飛早早就是付費使用者，可以直接使用網頁版介面，因此就來寫一篇介紹文章吧。這篇文章除了網頁介面介紹外，也包含#新手指令教學，以及 v...]]></summary>
    <published>2024-09-07T07:32:58+00:00</published>
    <updated>2024-10-03T17:34:36+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/146-midjourney-ai-web-aio-intro"/>
    <id>https://simular.co/blog/post/146-midjourney-ai-web-aio-intro</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[Canva AI 功能導致商業版漲價 300%，全球用戶齊聲抱怨]]></title>
    <summary type="html"><![CDATA[Canva 最近宣布，其 Teams 訂閱方案將進行大幅調整，價格上漲高達 300%。此次漲價主要針對使用多用戶方案的企業用戶，從原本每年 120 美元調整至 500 美元。
Canva 表示，這樣的價格調漲是合理的，因為生成式人工智慧工具為平台增加了「擴展的產品體驗」和價值。為了減少使用者反彈，Canva 提供了首年 40% 的折扣，讓第一年費用降低至 300 美元，但漲價的幅度仍讓許多使用者感到不滿​。
全新 AI 功能導致成本上揚
Canva 表示此次價格上調是為了反映平台新增的人工智慧功...]]></summary>
    <published>2024-09-05T05:20:09+00:00</published>
    <updated>2024-09-05T06:45:46+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/145-canva-increaced-pricing-because-magic-studio"/>
    <id>https://simular.co/blog/post/145-canva-increaced-pricing-because-magic-studio</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[Google Search Console 推出全新「建議」功能，優化數據一次掌握 (Recommendations)]]></title>
    <summary type="html"><![CDATA[Google 最近在 Search Console 中推出了一項新功能，名為「Search Console Recommendations」(Search Console 建議功能)，提供網站擁有者可行的優化建議，幫助提升網站在 Google 搜尋中的能見度。
什麼是 Search Console 建議？
這項新功能從多個 Google 搜尋工具中收集數據，並為每個網站提供量身定制的建議，幫助解決索引、爬取和網站服務等問題。Google 表示，此更新將使這些數據更容易獲取，網站擁有者可以根據這些...]]></summary>
    <published>2024-09-04T15:59:03+00:00</published>
    <updated>2024-10-18T02:21:57+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/144-google-search-console-recommendations"/>
    <id>https://simular.co/blog/post/144-google-search-console-recommendations</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[加州 AI 人工智慧模型法案 8 月全面通過，企業如何因應？ (SB 1047 AI Act)]]></title>
    <summary type="html"><![CDATA[2024年，繼歐盟人工智慧法案，加州也推出了被稱為「安全創新與前沿人工智慧模型法案」（Safe and Secure Innovation for Frontier Artificial Intelligence Models Act）的 SB 1047 法案，目的是為最先進的AI系統建立嚴格的安全標準。
這項法案的通過被認為是全球範圍內對AI技術進行立法規範的一個先鋒舉措。它針對那些成本超過1億美元或算力超過一定程度的前沿 AI 系統，要求開發者進行全面的安全測試，以防止可能導致災難性後果的風...]]></summary>
    <published>2024-08-30T14:59:30+00:00</published>
    <updated>2024-08-30T15:25:10+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/143-sb-1047-ai-act-released"/>
    <id>https://simular.co/blog/post/143-sb-1047-ai-act-released</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[Google  AI 可即時生成《毀滅戰士》，GameNGen 引擎將革新遊戲未來]]></title>
    <summary type="html"><![CDATA[Google 最近推出了一款名為 GameNGen 的創新 AI 模型 (arxiv 論文)，這項技術的特色是能在遊玩過程中根據玩家操作即時生成遊戲畫面與場景，並以 1993 年經典遊戲《毀滅戰士》（Doom）進行展示。這款 AI 模型是由 Google 和以色列特拉維夫大學的研究人員共同開發的，利用類似於 Stable Diffusion 的先進圖像生成技術來實現遊戲畫面的生成。
AI 模型的新突破
GameNGen 的誕生，基於對深度學習技術的創新應用。在過去，遊戲的圖形和物理引擎需要編寫複...]]></summary>
    <published>2024-08-29T16:12:26+00:00</published>
    <updated>2024-08-29T16:49:21+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/142-google-ai-model-gamengen"/>
    <id>https://simular.co/blog/post/142-google-ai-model-gamengen</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[Sec-CH-UA 是什麼？取代 UserAgent 的新標準]]></title>
    <summary type="html"><![CDATA[上次提到了好用但又混亂的 UserAgent，以及它被公認的各項缺點，因此順便帶到了 Sec-CH-UA 這個 HTTP 標頭，是網路標準單位嘗試想要用來取代 UserAgent 的標頭，屬於 User-Agent Client Hints 協定下的一個功能。
考量到上一篇的篇幅已經很大了，所以夏格飛就獨立拉出一篇文章來介紹 Sec-CH-UA 吧 (天啊這個名稱還真難打)。
[toc]
先認識 User-Agent Client Hints
User-Agent Client Hints 是現...]]></summary>
    <published>2024-08-29T16:00:14+00:00</published>
    <updated>2024-08-30T15:43:07+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/141-sec-ch-ua-the-useragent-replacement"/>
    <id>https://simular.co/blog/post/141-sec-ch-ua-the-useragent-replacement</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[UserAgent 是什麼？網站如何用它辨識身分？]]></title>
    <summary type="html"><![CDATA[今天夏格飛要介紹的是網站相關從業人員一定會聽過的 UserAgent，它常常被用來辨識使用者的瀏覽器、裝置或作業系統。而若有看過網站存取記錄或伺服器 log 的人，一定也常常看到 UserAgent 的完整字串。這些 UserAgent 字串到底是什麼意思，如何判讀，讓我們一步一步來解析。
[toc]
什麼是 UserAgent
UserAgent 又稱使用者代理，是網站與伺服器用來辨識使用者行為的標記。所謂的使用者代理，意思是我們所操作的電腦、手機等裝置，以及上面用來瀏覽網頁的瀏覽器，其實是代...]]></summary>
    <published>2024-08-28T16:00:57+00:00</published>
    <updated>2024-08-29T16:17:27+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/140-what-is-useragent-and-how-to-use-it"/>
    <id>https://simular.co/blog/post/140-what-is-useragent-and-how-to-use-it</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[Google 探索 (Discover) 是什麼？如何對它做 SEO？]]></title>
    <summary type="html"><![CDATA[Google Discover 是一種行動裝置的體驗，可以依照您的喜好，自動推薦各類文章、圖片、影音內容等等甚至您不知道您會喜歡的項目。
相較於傳統的搜尋引擎，這是一種不同的搜尋體驗，意味著人們不再需要主動搜尋。如果系統對您的了解足夠多，您就可以繼續滑動以保持新鮮內容的源源不絕的流出。
越來越多 SEO 專家也建議可以重視 Google Discover 的流量，今天，夏格飛替大家做個簡介，了解 Discover 的運作方式，以及對未來會有什麼影響。
[toc]
Google Discover ...]]></summary>
    <published>2024-08-27T16:00:36+00:00</published>
    <updated>2024-08-27T16:03:51+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/139-what-is-google-discover"/>
    <id>https://simular.co/blog/post/139-what-is-google-discover</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[新創 Exists 推出生成式 AI 平台，不會程式也可開發 3D 遊戲]]></title>
    <summary type="html"><![CDATA[AI 新創公司 Exists 推出了一個新的生成式 AI 平台，目的是為遊戲開發產業帶來新的變革，讓任何人都可以根據文字提示創建 3D 遊戲，而不需要擁有程式技能。

Exists 消除了遊戲開發的傳統障礙，使整個過程就像輸入創意一樣簡單。此平台的核心是創新的神經網路架構，它將生成式 AI 的突破與先進的遊戲引擎功能結合。使用者可以直覺的利用基於雲端的生態系統來創建遊戲環境、角色和機制。主要功能包括:

AI 生成的資產: 只需點擊幾下即可創建令人驚嘆的遊戲資產和環境

使用者友善的介面: 該平...]]></summary>
    <published>2024-08-26T16:38:32+00:00</published>
    <updated>2024-09-01T18:23:21+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/138-exists-ai-gaming-platforms-release"/>
    <id>https://simular.co/blog/post/138-exists-ai-gaming-platforms-release</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[ES2024 新特性介紹，改變許多未來的開發方式 (Javascript)]]></title>
    <summary type="html"><![CDATA[ES2024 (ES15) 已在今年 (2024) 7 月正式發佈。這個版本帶來了許多令人興奮且等待已久的功能，也讓 js 朝現代化語言更前進了一步。完整的官方標準請見 ECMAScript® 2024 Language Specification。
如果您想先回顧 ES2020-2023 的改變內容，可以先參考我們過去的文章：
https://simular.co/blog/post/in-2024-javascript-new-features
 
而今天，就讓夏格飛來替大家導覽 ES202...]]></summary>
    <published>2024-08-26T16:00:21+00:00</published>
    <updated>2024-09-09T06:24:21+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/137-es2024-amazing-new-features"/>
    <id>https://simular.co/blog/post/137-es2024-amazing-new-features</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[GDPR 中的 CMP 是什麼？9 個優質 CMP 廠商介紹  (IAB / TCF / Consent management)]]></title>
    <summary type="html"><![CDATA[GDPR是全球隱私權法規的黃金標準，他的特色是要求在處理使用者的個人資料之前取得明確同意。許多其他國家的法案皆從 GDPR 取得了靈感，例如巴西的 LGPD、加州的 CPRA、加拿大的 CPPA 和德國的TTDSG /TDDDG 等。
而針對企業的 GDPR 合規這件事，前陣子，夏格飛介紹了什麼是 Cookie Consent 以及如何安裝自託管 Cookie 同意視窗的教學。
https://simular.co/blog/post/what-is-cookie-consent-and-sel...]]></summary>
    <published>2024-08-25T16:00:33+00:00</published>
    <updated>2024-08-25T16:47:53+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/136-gdpr-cmp-and-vendors"/>
    <id>https://simular.co/blog/post/136-gdpr-cmp-and-vendors</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[【網頁設計白話文】網站主機規格懶人包，一次看懂在講什麼]]></title>
    <summary type="html"><![CDATA[夏格飛服務企業這麼多年來，深深感到網路上許多常見且基礎的網站主機規格，對一般企業或民眾來說有如天書一樣。像我們常講 VPS / 2 vCPU / 2G / 50GB / 1T Transfer，對很多網路老手或善於用 CMS 架站的高手來說簡單易懂，但對民眾來說根本分不出這些數字差異在哪裡。
今天，夏格飛來做個網站主機科普，如果您正好在尋找網站公司的設計服務，或許可以藉此機會看懂您手上拿到的規格喔。
[toc]
主機類型的差異
首先，尋找企業網站建置時，要先認識到主機有幾種類型。常見的主機有以下...]]></summary>
    <published>2024-08-24T16:00:23+00:00</published>
    <updated>2024-08-26T09:28:42+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/135-website-host-spec-introduction"/>
    <id>https://simular.co/blog/post/135-website-host-spec-introduction</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[Google 短網址 2025 年 8 月終止，數十億連結將失效]]></title>
    <summary type="html"><![CDATA[Google 近日正式宣布，其旗下縮網址服務將於2025年8月25日終止，屆時數十億個已創建的短網址將失效，無法繼續使用。
Google 的縮網址服務自2009年推出以來，憑藉Google品牌的影響力，迅速成為用戶首選。然而，隨著時間推移，詐騙與釣魚網站的增多，該服務也逐漸成為犯罪分子的溫床，缺乏有效的監管使得犯罪行為難以遏制。基於此原因，Google於2019年停止了大眾用戶創建新短址的功能。
在此基礎上，Google 於2024年7月進一步宣布，自2024年8月23日起，所有的goo.gl短...]]></summary>
    <published>2024-08-24T12:10:51+00:00</published>
    <updated>2024-08-25T07:04:05+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/134-google-url-shortener-stop-and-billions-url-will-gone"/>
    <id>https://simular.co/blog/post/134-google-url-shortener-stop-and-billions-url-will-gone</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[Steve Jobs (賈伯斯) 的十句經典名言：不要為別人而活。]]></title>
    <summary type="html"><![CDATA[很少有人能給一群人源源不斷的無形力量，尤其是一整個世代的憧憬，賈伯斯便是其中之一。他的語錄聽起來不是花言巧語的修辭，而是字字真誠的咒語，讓人甘願接受引導。

「你的時間有限，所以不要為別人而活。不要被教條所限，不要活在別人的觀念裡。不要讓別人的意見左右自己內心的聲音。最重要的是，勇敢的去追隨自己的心靈和直覺，只有自己的心靈和直覺才知道你自己的真實想法，其他一切都是次要。」

他的成就和人格魅力影響了一代人和整個世界，他就是擁有夢幻般傳奇經歷的蘋果電腦公司的創始人史蒂夫.賈伯斯。這個個人電腦領域的...]]></summary>
    <published>2024-08-24T05:17:22+00:00</published>
    <updated>2024-08-24T05:19:47+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/133-steve-jobs-10-classic-quote"/>
    <id>https://simular.co/blog/post/133-steve-jobs-10-classic-quote</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[【SEO】 6 個實用的 Google 關鍵字排名查詢工具]]></title>
    <summary type="html"><![CDATA[平時網路行銷與SEO工作人員最重要的工作，就是常常追蹤某個網站或自己正在操作的頁面，被搜尋引擎收錄的排名。
由於許多關鍵字是非常競爭的，排名經常上上下下，30幾名以外的關鍵字不容易追蹤到，要在茫茫網海中用眼睛確認。
還有一點，由於個人帳號會影響搜尋結果，常常還要打開無痕視窗來做確認，其實是非常繁瑣的一件事情。 今天 超級先生-夏格飛 替大家介紹幾個好用的關鍵字排名查詢工具，讓網路行銷人員不用再辛苦的去比對每一頁的搜尋結果啦。
[toc]
RankWing

由夏木樂推出的超級簡單Google 關...]]></summary>
    <published>2024-08-22T19:19:25+00:00</published>
    <updated>2025-04-18T06:37:09+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/132-utilities-serp-ranking-tools"/>
    <id>https://simular.co/blog/post/132-utilities-serp-ranking-tools</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[【資安科普】什麼是滲透測試？滲透測試如何進行？]]></title>
    <summary type="html"><![CDATA[滲透測試（Penetration Test，簡寫可以稱 Pen Test），是一種用來檢驗網路防禦是否按照預期計畫正常運行的機制。這個測試會模擬駭客和惡意使用者的行為，試圖入侵企業網站、資訊系統或設備，並分析目標的風險層級，評估安全性是否需要加強。最終目的在於，能在真實攻擊發生前，及早發現安全漏洞並加以修正。
[toc]
弱點/源碼掃描與滲透測試的差異
弱點與源碼掃描由自動化掃描軟體進行，成本較低且執行速度快，但只能檢測出既有漏洞，如程式語法上的安全問題。
滲透測試則是模擬駭客攻擊方式，進行組合...]]></summary>
    <published>2024-08-13T08:27:04+00:00</published>
    <updated>2024-08-26T13:58:06+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/131-what-is-penetration-test"/>
    <id>https://simular.co/blog/post/131-what-is-penetration-test</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[PixelArt 像素風工具分享，教學與網頁設計作品一次看]]></title>
    <summary type="html"><![CDATA[像素風藝術（Pixel Art）有時又稱為 8bit 風格，是一種以小方塊（像素）為基礎，運用有限的色彩與簡單的圖形來創作的視覺藝術形式。
雖然它不是現在非常主流的一種設計風格，但由於它強烈的特色與識別度，每每有類似的創意出現時，都會特別吸睛。今天夏格飛替大家介紹幾個像素風藝術的作品，包含電玩、網站與藝術家，以及多個像素風的創意工具，有繪圖軟體也有素材庫，如果您想嘗試像素風藝術，絕對不要錯過。
[toc]
Pixel Art (像素風藝術) 的來源
像素風藝術的起源可以追溯到早期的電玩遊戲時代，...]]></summary>
    <published>2024-08-12T16:00:33+00:00</published>
    <updated>2024-08-13T17:33:44+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/130-pixelart-tools-games-and-resources"/>
    <id>https://simular.co/blog/post/130-pixelart-tools-games-and-resources</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[深色模式 UI 與網頁設計技巧，有哪些注意事項？(Dark Mode)]]></title>
    <summary type="html"><![CDATA[近年來深色模式成為主流設計的一環，越來越多網站、遊戲、軟體介面採用深色模式作為主要顏色。夏格飛前陣子有介紹過深色模式的歷史與優缺點：
https://simular.co/blog/post/dark-mode-with-pros-and-cons
 
但你知道深色模式並不是單純把亮色模式反轉就能用的嗎？當亮色轉成深色模式時，包含背景、顏色、線條、圖片，所有元素的顏色，可能都要針對深色模式，手動選取合適的數值，才會有令人舒適的感受。
讓經驗豐富的夏格飛帶您了解深色模式需要的注意事項，做出美觀有舒...]]></summary>
    <published>2024-08-11T16:00:51+00:00</published>
    <updated>2025-02-12T08:24:46+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/129-dark-mode-ui-best-practice"/>
    <id>https://simular.co/blog/post/129-dark-mode-ui-best-practice</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[歐盟 AI 人工智慧法案上路，企業如何因應？ (EU AI Act)]]></title>
    <summary type="html"><![CDATA[自從 2022 年底 ChatGPT 問世以來，生成式人工智慧引爆大熱潮，引起世界各國競相推出人工智慧工具與網站。因而促使了歐盟各國決定推出《人工智慧法案》 (EU Artificial Intelligence Act)。
隨著 2024 年三月法案正式通過，接著 2024 年八月即正式生效。歐盟理事會表示，這部法案具有里程碑意義，是世界上第一部監管 AI 的法律。到底法律規定了什麼？條文如何定義？以及企業如何應對？讓夏格飛為大家講解。
[toc]
如何管理人工智慧？
《人工智慧法案》的目標是...]]></summary>
    <published>2024-08-10T11:16:14+00:00</published>
    <updated>2025-02-08T09:50:33+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/128-eu-artificial-intelligence-act-2024-aug"/>
    <id>https://simular.co/blog/post/128-eu-artificial-intelligence-act-2024-aug</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[【設計工具】Dora.run - 新世代 AI 網頁動畫設計工具]]></title>
    <summary type="html"><![CDATA[我們已經很習慣近年來的一些新興網頁設計工具，例如 Figma / Framer / Webflow 等等，不過在動畫領域，還有一個新興並值得期待的工具 Dora.run ，他有什麼特色呢？能夠替網頁設計詩作到什麼專業的效果呢？讓夏格飛來替大家介紹。
[toc]
什麼是 Dora.run
Dora.run 是一款創新的網頁動畫工具，他可以在不需要編寫程式碼的狀態下，進行 HTML5 網頁動畫的編輯，甚至可以處理 3D 動畫效果。這些動畫可以流暢的與滑鼠動作綁定，創造出絲滑的互動特效，例如下圖


...]]></summary>
    <published>2024-08-10T08:39:30+00:00</published>
    <updated>2024-08-10T08:39:30+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/127-dorarun-ai"/>
    <id>https://simular.co/blog/post/127-dorarun-ai</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[【設計資源】Mixkit - 可商用免費影音素材下載]]></title>
    <summary type="html"><![CDATA[今天我們來分享一個國內外越來越紅的免費影音資源素材庫，Mixkit。
在現在的網路環境中，免費且高品質的素材平台難能可貴，大多要花費昂貴的價格，以及遵守複雜的授權條款，才能從各大圖庫資源網站上，取得品質優良的影音來做設計剪輯用。
而 Mixkit 正是這樣一個為創意工作者提供豐富資源的寶庫。無論是設計師、影片編輯者，還是音樂製作人，Mixkit 都能為他們提供所需的創意素材。
[toc]
關於 Mixkit
Mixkit 是由知名的 Envato 推出的平台，Envato 旗下有非常多素材網站，...]]></summary>
    <published>2024-08-08T16:54:10+00:00</published>
    <updated>2024-08-10T04:10:52+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/126-mixkit"/>
    <id>https://simular.co/blog/post/126-mixkit</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[【SEO】2024 年 Google 搜尋演算法更新 (至 8 月) - 強化小型出版商]]></title>
    <summary type="html"><![CDATA[夏木樂總結了 2024 年至今較為重大的 Google 搜尋演算法更新事件，這些更新每每引起廣泛討論，尤其 4-5 月出現的演算法洩漏，引起廣大波瀾。您可以檢視看看今年的更新是否對您的網站造成了什麼影響。
[toc]
8 月：強化小型獨立出版商
8月更新的重點在於幫助小型及獨立出版商（也就是網站）提升其內容的曝光率。這項變動是回應過去 2023 年 9 月的一些更新導致小型出版商流量下降的問題，並更新了其核心更新手冊指南，Google 旨在強化搜尋結果中有實質價值的內容，減少那些只為了提升排名而...]]></summary>
    <published>2024-08-07T16:00:54+00:00</published>
    <updated>2024-09-04T07:04:23+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/125-google-2024-search-algo-updates"/>
    <id>https://simular.co/blog/post/125-google-2024-search-algo-updates</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[【小編教室】Mac ffmpeg 用指令快速壓縮、轉檔影片，與線上指令產生器]]></title>
    <summary type="html"><![CDATA[在之前的文章： 【小編教室】什麼是位元率 (Bitrate)? 如何壓縮影音至適合上傳網站的大小 中，我們有簡單的介紹了位元率 (Bitrate) 的概念，以及如何用位元率將影像壓縮到剛好適合在網路上播放。
但文章中的教學只限 Windows 平台上的「格式工廠」軟體，並沒有 Mac 中的教學。在 Mac 環境中，比較少合適的免費軟體可以向格式工廠那樣無差別轉換，但還是有付費軟體的選項。

Movavi Video Converter

HitPaw Video Converter

Video...]]></summary>
    <published>2024-08-06T16:00:51+00:00</published>
    <updated>2025-03-03T06:06:41+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/124-mac-ffmpeg-convert-videos"/>
    <id>https://simular.co/blog/post/124-mac-ffmpeg-convert-videos</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[如何選擇適合自己的內容管理系統?（CMS / Content Management System）]]></title>
    <summary type="html"><![CDATA[「要選擇哪一種內容管理系統（CMS）？哪套CMS適合我？」這個問題一直是網頁設計師、中小企業主、一般公司所詢問的重要問題。
網際網路誕生以來，從靜態HTML開始，至今已經演變為以內容管理系統（CMS）為主流。它被用來當做創建新網站的強大工具。
但是目前有數百種不同的CMS，您如何知道選擇是正確的？我們建議了三個最流行的CMS，並分別說明它們的特點與最適合的任務。
[toc]
什麼是CMS？
架設網站的原理，基本上就是把網站的內容使用HTML的語法編輯後，放在WEB伺服器上供用戶觀看。
而大多數人...]]></summary>
    <published>2024-08-05T18:08:35+00:00</published>
    <updated>2024-08-05T18:08:35+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/123-how-to-choose-your-own-content-management-system-cms"/>
    <id>https://simular.co/blog/post/123-how-to-choose-your-own-content-management-system-cms</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[什麼是敏捷開發？軟體工程的歷史與故事]]></title>
    <summary type="html"><![CDATA[在現代軟體研發過程中，快速適應變化是重要關鍵，但你知道嗎？這是經過了數十年的發展才形成的觀念，甚至在這個觀念普及前，失控的軟體規模還造成民眾傷亡。
傳統的開發方式，往往需要嚴格的規劃和長時間的執行，這讓許多團隊在面對不斷變化的需求時顯得力不從心。為了應對這一挑戰，工程師們開始尋找更靈活的開發方法，強調反覆迭代、快速回應市場和用戶的需求。本篇文章將帶你回顧軟體工程的歷史，並探討這些方法是如何演變和影響當代軟體開發的。
[toc]
軟體危機與軟體工程
早期的計算機只能處理單一工作
在1920到194...]]></summary>
    <published>2024-08-05T16:00:37+00:00</published>
    <updated>2024-08-05T16:00:37+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/122-what-is-agile-and-software-engineering-history"/>
    <id>https://simular.co/blog/post/122-what-is-agile-and-software-engineering-history</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[到了 2025 年 JavaScript 有什麼新特性？從 ES2020 到 ES2023 一次看]]></title>
    <summary type="html"><![CDATA[身為開發人員，掌握 JavaScript 的最新動態，是讓程式碼更高效、現代且具有延展性的關鍵。
在這篇文章中，我們將一起探索 ES2020 到 ES2023 令人激動不已的 JavaScript 新特性，這在許多年前是難以想像的，這些理念不僅能啟發您，也能將開發過程帶來新的光景。
[toc]
ES2020
Optional Chaining (?.)
ES2020 中引入的 Optional Chaining 可讓您讀取位於物件屬性鏈深處的值，而無需檢查鏈中的每個屬性是否存在。
let nam...]]></summary>
    <published>2024-08-05T13:39:21+00:00</published>
    <updated>2025-03-25T17:33:46+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/121-in-2024-javascript-new-features"/>
    <id>https://simular.co/blog/post/121-in-2024-javascript-new-features</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[什麼是 Secure Remote Password（SRP-6a）? 如何保護用戶密碼? 實作範例說明]]></title>
    <summary type="html"><![CDATA[安全遠端密碼協議，英文為 Secure Remote Password（SRP）是一種安全的認證方法，目的是在不通過網路明文傳輸密碼的情況下安全地驗證用戶的身分。
傳統的密碼雜湊 (Hashing) 是將明文密碼發送到伺服器再雜湊，然後與原本存儲的雜湊值進行比對。
而 SRP 永遠不會在伺服器上傳輸或存儲用戶的密碼，顯著降低了被攔截或伺服器被侵害的風險。它的好處是能阻止諸如 MITM（中間人攻擊）等不同類型的攻擊，不需要在用戶數據洩露後更改密碼，並允許用戶和伺服器相互確認身份。
像蘋果和 1Pa...]]></summary>
    <published>2024-08-04T16:00:40+00:00</published>
    <updated>2024-08-05T15:12:38+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/120-srp-6a-and-how-to-protect-user-password"/>
    <id>https://simular.co/blog/post/120-srp-6a-and-how-to-protect-user-password</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[什麼是設計 (Design) ?]]></title>
    <summary type="html"><![CDATA[提到設計，你會想到什麼? 畫畫? 美麗? 藝術?
那設計師呢? 穿著前衛、品味時尚、擅長繪圖創作?
事實上，一個好的設計與上述條件並不盡然相關。
[toc]
什麼是設計?
設計，是藉由找出最適化的方案以解決問題。 它可能是流程改善、或是更好的溝通方式。 無論是服裝設計、建築設計、平面設計，還是網頁設計、流程設計…所有的設計，都是藉由使用特定的流程或元素，以解決某個問題。
設計師，就是解決問題的人 (Problem Solver)。
別說你不會設計──它幾乎是人類演化的本能，與生存的必備能力；而設...]]></summary>
    <published>2024-08-04T03:59:40+00:00</published>
    <updated>2024-08-04T03:59:40+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/119-what-is-design"/>
    <id>https://simular.co/blog/post/119-what-is-design</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[2024 年 Node.js 將引入 TypeScript 支援，社群引起激烈討論]]></title>
    <summary type="html"><![CDATA[就在前幾天(7/25)，Node.js 合併了關於實驗性支援 TypeScript 的 PR，這一決定引起了廣泛的關注與討論。社群成員卻在這項功能相關的 GitHub Pull-Request 討論串中對支援的方法以及版本相容性都提出許多意見，甚至一度因為討論過激而被鎖定。
技術指導委員會成員 Marco Ippolito 表示，這項功能「對於推動生態系統向前發展至關重要，我們所看見的所有意見調查，都反應了這個需求，根本無法忽視。」
這篇文章將深入探討這一更新的背景、技術細節，以及對開發者社群的...]]></summary>
    <published>2024-08-03T15:29:10+00:00</published>
    <updated>2024-08-04T10:28:33+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/118-nodejs-exper-supports-typescript"/>
    <id>https://simular.co/blog/post/118-nodejs-exper-supports-typescript</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[【SEO】用 noindex 防止網站被索引，4 種做法與測試方式]]></title>
    <summary type="html"><![CDATA[在現代的網路環境中，讓網站被搜尋引擎索引，對於網站的可見性非常重要。但是，並不是所有的網頁都應該被搜尋引擎索引。某些情況下，網站擁有者可能希望特定頁面保持隱私、不公開，或僅供內部使用。這時候，使用 noindex 標籤是一種有效的方式，可以防止這些頁面被搜尋引擎爬蟲收錄進搜尋結果中。
noindex 是一種由網站管理員使用的指令，它告訴搜尋引擎不索引特定的網頁。這個指令可以應用於各種情境，例如開發中的測試頁面、不需要公開的管理後台，或是過期或不再相關的內容。了解如何正確地使用 noindex，不...]]></summary>
    <published>2024-08-02T16:00:28+00:00</published>
    <updated>2025-05-13T06:27:36+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/117-the-4-ways-to-noindex-and-how-to-test"/>
    <id>https://simular.co/blog/post/117-the-4-ways-to-noindex-and-how-to-test</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[網站改版與重建怎麼選？壽命有多久？ 費用哪個才划算？]]></title>
    <summary type="html"><![CDATA[營運了一陣子的公司，可能會因為業務擴張、網站太過老舊、或者原本的廠商停止營運了，而面臨需要找新廠商更新網站的需求。
而許多人困惑的是，我到底應該製作全新的網站？還是把現有的網站更新改版就好了呢？價格費用到底哪個才划算呢？
先給一個快速且違反直覺的答案: 重做比改版來得便宜。
接下來，我們根據幾種常見的情況來給大家建議，並說明為什麼。
[toc]
不同的情況會有不同的好處
如果舊站是請人獨立開發製作的
某些網頁設計公司，並沒有採用市面上的主流 CMS，而是自行開發系統，或甚至是全靜態輸出 HTML...]]></summary>
    <published>2024-08-01T16:00:43+00:00</published>
    <updated>2024-08-03T09:48:58+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/116-website-revision-or-rebuild-dochi"/>
    <id>https://simular.co/blog/post/116-website-revision-or-rebuild-dochi</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[什麼是 Cookie Consent？替網站掛上符合 GDPR 的自托管同意視窗]]></title>
    <summary type="html"><![CDATA[夏木樂有時候會需要替一些經營歐美生意的公司建置網站，因此在隱私權方面總需要特別留意，並盡量遵循法規。
一般常見的台灣多國語言形象網站，要求 Cookies 警告視窗的話，其實直接做一個警告並 OK 就好了。也就是對訪客說，如果你要繼續使用網站，你就必須接受我們的隱私權條款，否則請自行退出。

但以上的方式只適用於小型形象網站或是沒有經營歐盟生意的公司，如果有企業是服務歐美地區的國際網站且具有登入註冊等功能，或是有購物車，Email 寄發等複雜功能的情況下，就必須要用正式符合法規的 Cookies...]]></summary>
    <published>2024-07-31T16:00:48+00:00</published>
    <updated>2024-08-25T16:12:12+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/115-what-is-cookie-consent-and-self-hosted"/>
    <id>https://simular.co/blog/post/115-what-is-cookie-consent-and-self-hosted</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[看網站變得超大又跑版，是什麼問題？螢幕尺寸與比例功能解析]]></title>
    <summary type="html"><![CDATA[夏木樂的網站，都是有做 RWD 的，所以正常狀況下，使用者無論是電腦還是手機，都應該要能正常看到內容。但我們的客戶偶爾會抱怨，為什麼電腦版看起來版面文字超大，像手機版一樣？
其實這個問題在近年經常發生，夏木樂會先介紹如何自我檢查電腦設定，以及說明發生的原因。
案例：看起來網站好大，版面像手機
下面是一個案例，原本正常的網站畫面：

使用者反應看到的變成下圖這樣，在電腦版顯示了手機版的畫面，而且只有他的電腦是這樣，其他人的電腦看卻都正常：

以下我們先提供一些自我檢查方案。
檢查瀏覽器縮放
Chr...]]></summary>
    <published>2024-07-30T16:00:33+00:00</published>
    <updated>2024-08-28T19:10:15+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/114-website-layout-broke-and-screen-scales"/>
    <id>https://simular.co/blog/post/114-website-layout-broke-and-screen-scales</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[網域沒繳費過期怎麼辦？會如何影響網站？把握黃金時間儘快救援！]]></title>
    <summary type="html"><![CDATA[網域名稱是您的網站在網路上的唯一識別地址，必須要好好管理與保護。一般來說，委託專業的網站公司租用網域，都會定期提醒並通知繳費。
但有時候，企業基於 IT 資安政策考量，需要自行管理與租用網域，這時候，若管理部門忘記繳費或續約，可能導致網站無法訪問、企業 Email 服務中斷、甚至失去網域名稱的所有權。
但也別驚慌，過期後一小段時間，還是有機會把網域拿回來的，本文將說明網域過期的影響及避免措施。
網域過期的影響
網站無法訪問
網域過期後，DNS無法對應，導致網站在網路上無法顯示，影響用戶瀏覽體驗。...]]></summary>
    <published>2024-07-29T16:00:26+00:00</published>
    <updated>2024-08-03T09:59:16+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/113-how-to-deal-domain-expired"/>
    <id>https://simular.co/blog/post/113-how-to-deal-domain-expired</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[【小編教室】8 個免費批次圖片處理器，大量壓縮、轉檔、浮水印、調整大小一次滿足]]></title>
    <summary type="html"><![CDATA[上回我們介紹了電腦內建的縮圖與調整圖片的工具，讓小編可以避免上傳過大的照片，佔用網站頻寬，讓用戶容易閱讀網站。
https://simular.co/blog/post/resize-and-handle-image-before-upload-to-website
 
但工作勤奮的小編們，肯定受不了一張一張處理照片。有時候可能手上會有一批上百張照片要轉檔或壓浮水印，該怎麼做呢？
這篇文章介紹了多個免費且知名的工具，包含線上服務與可下載的桌面軟體，都能幫助您批次一口氣調整大量圖片。
[toc]
...]]></summary>
    <published>2024-07-28T16:00:39+00:00</published>
    <updated>2024-08-28T19:14:47+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/112-the-8-useful-free-image-bulk-processor"/>
    <id>https://simular.co/blog/post/112-the-8-useful-free-image-bulk-processor</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[【小編教室】如何調整調整圖片大小? 網站後台上傳圖片該多大?]]></title>
    <summary type="html"><![CDATA[網站小編很辛苦，常常要一口氣上傳許多圖片，有時候，從圖庫下載或是從手機上傳的照片，原始檔非常大，如果上傳到網站上，會造成頁面載入慢，使用者體驗也不好，更會吃掉網站主機流量。
這篇文章提供一些簡單快速的方式，小編、行銷企劃、工程師，照著操作也能快速處理圖片成適合上傳的大小。
[toc]
我該把圖片縮到多大較適合？
一般來說，如果是自己家網站的部落格，由於常見的網站版面中央內文會限縮在 1100px 以內，才不會讓閱讀時需要過度左右擺頭。
所以我們可以固定將圖片縮為寬度 1200px ，這樣大多數的...]]></summary>
    <published>2024-07-27T03:20:26+00:00</published>
    <updated>2024-08-28T19:07:06+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/111-resize-and-handle-image-before-upload-to-website"/>
    <id>https://simular.co/blog/post/111-resize-and-handle-image-before-upload-to-website</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[2025 年企業該自建 EDM 系統嗎? 8 個優質電子報工具推薦 (Newsletter)]]></title>
    <summary type="html"><![CDATA[許多企業的行銷部門想要持續維持與消費者的聯繫，並主動推送優惠訊息，第一個想到的就是發送 EDM 電子報。但電子報系統到底應該要自己建立呢? 還是採用外面的電子報發送平台? 這對不同類型的企業來說，會有很多技術面的考量點。
今天，夏木樂根據我們過去的經驗，提供一些分享，讓企業可以思考看看什麼樣的電子報平台更適合自己。
[toc]
自己建立 EDM 電子報系統好嗎?
我們收過許多需求想要自行架設電子報系統，雖然在某些狀況下這樣的選擇是有意義的，但大多數時候經我們訪談深入理解，會發現企業對電子報系統的...]]></summary>
    <published>2024-07-26T02:11:42+00:00</published>
    <updated>2025-03-31T18:10:23+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/110-should-i-create-own-newsletter-and-more-recommends"/>
    <id>https://simular.co/blog/post/110-should-i-create-own-newsletter-and-more-recommends</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[什麼是 SSO 單點登入? 5種模式介紹，我的企業需要導入嗎? (單一登入 Single Sign-On)]]></title>
    <summary type="html"><![CDATA[近年來，越來越多企業重視 SSO 單點登入，有的早就已經做好 SSO ，因此找夏木樂作網站時，希望能整合自家 SSO。也有的企業剛開始起步，詢問夏木樂能不能一起把 SSO 平台做起來。
今天夏木樂提供一個簡單的科普，介紹什麼是 SSO，以及企業網站運用 SSO 的多種方式。
[toc]
SSO 是什麼?
SSO 全名為 Single Sign On，意思是多個登入端點，皆採用相同的認證管道。白話文來說，就是當企業有多個網站時，可以從一個統一的入口登入帳戶，接著就所有的網站都能使用。
這個概念其實...]]></summary>
    <published>2024-07-25T16:00:30+00:00</published>
    <updated>2025-09-12T11:14:58+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/109-what-is-sso-and-whether-necessary-for-my-website"/>
    <id>https://simular.co/blog/post/109-what-is-sso-and-whether-necessary-for-my-website</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[8 個流行的 No-Code 架站平台推薦，不會程式也能做網頁設計 (Website Builder)]]></title>
    <summary type="html"><![CDATA[近年來，歐美流行以「架站平台」又名「網站產生器」(Website Builder) 打造簡易的形象網站或宣傳頁面。其中最紅的，也是最多網站設計公司採用的，就是 Webflow。
究竟 Webflow 好用在哪裡? 為什麼大家都選擇他? 以及這些網站產生器真的能取代傳統的網頁設計嗎? 這篇文章會替大家做個介紹。
[toc]
什麼是架站平台 Website Builder
早期: 讓不會寫程式的人可以自己搞定
傳統上網頁都是靠設計師繪製設計稿，再透過工程師 coding 用程式刻出畫面，效率非常差，...]]></summary>
    <published>2024-07-24T15:36:12+00:00</published>
    <updated>2024-09-28T16:37:13+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/108-website-builder-and-top-8-intro"/>
    <id>https://simular.co/blog/post/108-website-builder-and-top-8-intro</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[網站中英文隱私權政策範本，Facebook 登入可用，與歐美法規注意事項 (Privacy Policy)]]></title>
    <summary type="html"><![CDATA[由於 Facebook, App Store, Google Play 等等平台對隱私條款的重視越來越高，編寫錯誤的隱私條款，常常會被拒絕上架或臨時性下架要求改善。本文提供的隱私條款，可以通過各類歐美平台審核，請放心使用。
本隱私權政策範本自 2015 年起由夏木樂(織女星)團隊編寫並逐步依照法規更新。我們會定期更新這個範本，以求更加完善化。若您有新的建議，歡迎前往本範本文件的 GitHub 提交修改建議。
[toc flat]
中文隱私權條款範本
這份最早是以《政府網站版型與內容管理規範》中為...]]></summary>
    <published>2024-07-23T16:00:08+00:00</published>
    <updated>2025-05-31T10:05:35+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/107-privacy-policy-template"/>
    <id>https://simular.co/blog/post/107-privacy-policy-template</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[找網頁設計如何保障權益？Bug 能修多久？設計不滿意怎麼辦？]]></title>
    <summary type="html"><![CDATA[很多企業主尋找網頁設計或軟體研發時，最擔心的就是做完後，權益如何保障？許多網站或軟體廠商為了搶案件，都會承諾幫客戶修到好，但是等網站上線後卻不認帳，導致許多客戶對廠商極度不信任，覺得都是來騙錢的，後來即使是的正派的廠商也不相信他們說的話。
今天夏木樂要分享一些法律與合約的基礎觀念，如果有這些基礎觀念，您就可以知道網站廠商在交件結案後，在法律保障內必須要提供什麼樣程度的售後服務，讓企業主能夠維護自身權益。
[toc]
事先聲明
本文章內容會帶到一部分法律觀念用來解釋合約的運作，此內容係夏木樂長年服...]]></summary>
    <published>2024-07-21T10:39:47+00:00</published>
    <updated>2024-08-03T10:06:01+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/106-website-design-contract-and-rights-protects"/>
    <id>https://simular.co/blog/post/106-website-design-contract-and-rights-protects</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[你 Dark Mode 了沒? 淺談網頁設計中的深色模式，歷史與優缺點]]></title>
    <summary type="html"><![CDATA[在現今的數位設計趨勢中，深色模式（Dark Mode）逐漸成為主流選擇。這種設計風格以黑色或深灰色為背景，提供了比傳統白色模式更具吸引力的視覺效果。今天我們來探討深色模式的歷史、優缺點及設計時需要注意的事項。

[toc]
深色模式的歷史
深色模式並非新概念，早在電腦剛誕生時就已經存在。早期的電腦顯示器只能支援簡單的色彩模式，多為黑底綠字或黑底白字，這種設計主要是基於技術限制和當時的顯示需求。那時候的顯示器大多是基於陰極射線管（CRT）技術，這種技術在顯示黑色背景時耗電量較低，也能延長顯示器的壽...]]></summary>
    <published>2024-07-17T16:00:45+00:00</published>
    <updated>2024-08-12T04:31:01+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/105-dark-mode-with-pros-and-cons"/>
    <id>https://simular.co/blog/post/105-dark-mode-with-pros-and-cons</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[照片: 讓網站高質感的重要元素，網頁設計必備知識]]></title>
    <summary type="html"><![CDATA[在之前的文章「優良的網站設計該具備什麼條件？5 個重點自我評量」中，我們提到過，要讓網站首頁看起來有質感的方式，就是捨棄不必要的繁雜資訊，讓最重要的項目呈現在訪客面前。
但龜毛的讀者應該常常有一種感覺，同樣是簡潔的設計，為什麼國外的網站硬生生就是比較好看？比較吸引人？自己的網站總是少了些什麼？
追根究柢，在於對圖片品質的重視與否。
[toc]
圖片如何影響一個網站
我們先來看看一個國外的網站叫做 Moustache，這是他的首頁截圖：

同樣的版型，要是我把圖片換成這張，是不是感覺就畫面就變得混...]]></summary>
    <published>2024-07-14T16:00:16+00:00</published>
    <updated>2024-08-04T10:13:05+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/104-good-photos-makes-website-better"/>
    <id>https://simular.co/blog/post/104-good-photos-makes-website-better</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[優良網站設計的條件，好壞如何判斷？5 個重點自我評量]]></title>
    <summary type="html"><![CDATA[網路上常見許多令人眼花撩亂的網站設計，但您真的分的出來什麼樣的網站才是好設計嗎？讓我們帶您導覽優良網站所應該具備的特質。
[toc]
1. 首頁清楚傳達要給客戶的第一印象
多數訪客來到網站的第一眼看到的便是首頁，有些人會認為既然首頁這麼重要，就應該把所有想給訪客看到的資訊都放上去。殊不知所有東西都是重點，意味者就沒有重點。
不良案例：複雜難以閱讀的首頁，找不到所需內容

優良案例：簡單的首頁設計，直接引導使用者前往必要功能

優良的網站應該只放上最重要的品牌形象訊息，讓新訪客了解您的服務精神。以...]]></summary>
    <published>2024-07-10T16:00:44+00:00</published>
    <updated>2024-08-04T10:12:46+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/103-the-5-points-about-a-nice-web-design"/>
    <id>https://simular.co/blog/post/103-the-5-points-about-a-nice-web-design</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[20 個英文假字 (Lorem Ipsum) 產生器，專業與有趣一次蒐集]]></title>
    <summary type="html"><![CDATA[英文假文，又稱 Lorem Ipsum (有時叫做 lipsum)，是在西方設計中創建內容時使用的佔位符文字。它幫助設計師用來呈現文字內容的位置，看似真實但卻又不可閱讀，因此不需要等待文字內容被檢查和批准，也不需要花心思去編寫這些文字內容。
這篇文章簡介了什麼是英文假文 (Lorem Ipsum)，同時也介紹一系列專業或是腦洞大開的假文產生器，讓人不得不佩服國外網友的創意。
[toc]
Lorem Ipsum 的來源
Lorem Ipsum 最初來自一段拉丁文，但對於現代讀者來說，看起來像是胡言...]]></summary>
    <published>2024-07-09T17:06:46+00:00</published>
    <updated>2024-07-10T03:19:28+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/102-the-20-lorem-ipsum-tools"/>
    <id>https://simular.co/blog/post/102-the-20-lorem-ipsum-tools</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[網站的後台長什麼樣子？如何幫助我管理網站？]]></title>
    <summary type="html"><![CDATA[現在有許多簡單易用的工具和平台，可以幫助你在不需要程式知識的情況下，輕鬆建立和管理一個專業的網站，市面上稱它為 No-Code or Low-Code 平台。例如Wix、Squarespace、Weebly 和 Webflow 等。

這些平台通常提供直觀的拖放式介面，使你能夠輕鬆地添加和編輯內容，選擇各種設計範本，並進行基礎的SEO設置。這對於一些個人部落格、小型企業或簡單的電商網站來說，已經足夠滿足需求。你可以通過這些平台快速上手，且不需要撰寫一行程式碼。
然而，當你的需求變得更加複雜，或你...]]></summary>
    <published>2024-07-08T08:49:23+00:00</published>
    <updated>2024-07-08T13:51:52+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/101-how-the-look-as-website-admin"/>
    <id>https://simular.co/blog/post/101-how-the-look-as-website-admin</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[UI / UX / Usability 區別是什麼？如何影響網站設計？ (網站易用性)]]></title>
    <summary type="html"><![CDATA[談論到現代的網站設計，肯定無法脫離 UI 與 UX 的討論，以及探討兩者的差別，同時也有一個以前常見但現在很少用的名詞，我們稱為「易用性」（Usability），今天這邊文章，我們稍微介紹這幾個名詞，並說明他們的異同。
[toc]
什麼是 UI 與 UX?
首先探討最多人討論的，什麼是 UI 與 UX？其實在早年可能還有許多人分不出來，但這幾年隨著各大網站不停的努力介紹，市面上的公司漸漸開始理解 UI 與 UX 並不是同一件事，也不是同一種工作。
UI 原文為 User Interface，也就...]]></summary>
    <published>2024-07-07T07:15:05+00:00</published>
    <updated>2024-09-10T14:29:49+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/100-ui-ux-usability"/>
    <id>https://simular.co/blog/post/100-ui-ux-usability</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[什麼是 CSR (SPA) 與 SSR？如何影響 SEO？ 優缺點與誤解完整分析 (Rendering)]]></title>
    <summary type="html"><![CDATA[近幾年，網站技術日新月異，從傳統的 HTML/CSS 升級到有 Angular/React/Vue 等等前端大型框架，複雜度也越來越高。其中，夏木樂經常被客戶詢問的其中一個問題是：「能不能把網站做成前後端分離？」
由於這個問題並不是單一層面的，完全要依照真實的需求與預算去規劃，所以我們在這邊介紹一下網站的前後端輸出模式，以及講解一下各種不同模式的優缺點。有需要製作網站的朋友，不如趁機檢視自己的需求適合哪一種模式。
[toc]
網站的前端與後端
首先要講解，什麼是前端與後端？很多人會把這個與前台後...]]></summary>
    <published>2024-07-03T04:00:00+00:00</published>
    <updated>2026-05-18T18:14:48+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/93-%E4%BB%80%E9%BA%BC%E6%98%AF-csr-%E8%88%87-ssr%EF%BC%9F%E5%AE%8C%E6%95%B4%E5%88%86%E6%9E%90"/>
    <id>https://simular.co/blog/post/93-%E4%BB%80%E9%BA%BC%E6%98%AF-csr-%E8%88%87-ssr%EF%BC%9F%E5%AE%8C%E6%95%B4%E5%88%86%E6%9E%90</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[網站資安要怎麼做？有哪些常見議題要注意？]]></title>
    <summary type="html"><![CDATA[「資安」這個議題，近年來逐漸變成檯面上的重要觀念，不只政府法規年年變得嚴格，各大企業也開始在網站建置過程中，陸續導入高規格的資安要求。今天這篇文章，我們來介紹一下，大多數的網站建置專案中，最常做的資安工作有哪些。
[toc]
網站資安的工作範疇
我們常講的網站資訊安全，其實分成不少層面。最常提到的幾個層面包含：

製作階段的安全防護

營運階段的資安維護

公司內部的資安管理

長期的資安預警與訓練

企業網路架構的基礎建設


等等。一般來說，我們網站公司能夠服務的，主要集中在 1, 2 項，...]]></summary>
    <published>2024-07-01T00:00:00+00:00</published>
    <updated>2026-05-18T18:14:48+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/92-%E4%BC%81%E6%A5%AD%E5%BB%BA%E7%BD%AE%E7%B6%B2%E7%AB%99%E6%99%82%EF%BC%8C%E8%B3%87%E5%AE%89%E8%A6%81%E6%80%8E%E9%BA%BC%E5%81%9A"/>
    <id>https://simular.co/blog/post/92-%E4%BC%81%E6%A5%AD%E5%BB%BA%E7%BD%AE%E7%B6%B2%E7%AB%99%E6%99%82%EF%BC%8C%E8%B3%87%E5%AE%89%E8%A6%81%E6%80%8E%E9%BA%BC%E5%81%9A</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[【服務介紹】串流音樂播放器開發，什麼是串流技術？如何防盜？]]></title>
    <summary type="html"><![CDATA[夏木樂專精於網站與 App 軟體系統開發，因此很多客戶找我們建置音樂或影音播放器、線上課程平台或者線上影片目錄等。但許多企業，可能無法完全理解，播放影音時所採用的技術、流量計算與防盜機制等等，今天藉由這篇文章，來向大家介紹現代網站經常採用的影音播放技術。
[toc]
真串流還是假串流？
首先，多數客戶來找我們時，都會說想要建置串流影音播放器，也會提供一些市面上已經有的網站。但這時候，必須要釐清一件事，是否真的要做「串流」？以下我們把真串流與非串流分開介紹。
一般常見的影音播放機制（非串流）
先講...]]></summary>
    <published>2024-06-28T04:00:00+00:00</published>
    <updated>2026-05-18T18:14:48+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/91-%E6%9C%8D%E5%8B%99%E4%BB%8B%E7%B4%B9%E4%B8%B2%E6%B5%81%E9%9F%B3%E6%A8%82%E6%92%AD%E6%94%BE%E5%99%A8%E9%96%8B%E7%99%BC"/>
    <id>https://simular.co/blog/post/91-%E6%9C%8D%E5%8B%99%E4%BB%8B%E7%B4%B9%E4%B8%B2%E6%B5%81%E9%9F%B3%E6%A8%82%E6%92%AD%E6%94%BE%E5%99%A8%E9%96%8B%E7%99%BC</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[為什麼網站打開不能自動播放聲音或影片？瀏覽器機制說明]]></title>
    <summary type="html"><![CDATA[為什麼網站一進場，不能播放一個歡迎消費者的音樂呢？或者提供一部聲效果俱佳的歡迎影片？
這也是我們許多客戶想做卻沒有辦法提供的功能。今天這篇文章介紹一下，現今的網路瀏覽器的機制。
[toc]
過去的回憶：網站背景音樂
許多資深或從小開始玩網路、嘗試架設烘焙機、或早期網路玩家等等，熟悉的一件事就是網站背景音樂。例如古早手工編寫 HTML 的時代，大家常常會在網站上放置 midi 水晶音樂。或者無名時代，可以掛載流行音樂 mp3 當做小工具 (Widget)。骨灰級網路使用者回想起來肯定淚流滿面。

...]]></summary>
    <published>2024-06-26T04:00:00+00:00</published>
    <updated>2026-05-18T18:14:48+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/90-%E7%82%BA%E4%BB%80%E9%BA%BC%E7%B6%B2%E7%AB%99%E4%B8%80%E9%80%B2%E5%A0%B4%E4%B8%8D%E8%83%BD%E6%92%AD%E6%94%BE%E9%9F%B3%E6%A8%82%E6%88%96%E6%9C%89%E8%81%B2%E5%BD%B1%E7%89%87%EF%BC%9F"/>
    <id>https://simular.co/blog/post/90-%E7%82%BA%E4%BB%80%E9%BA%BC%E7%B6%B2%E7%AB%99%E4%B8%80%E9%80%B2%E5%A0%B4%E4%B8%8D%E8%83%BD%E6%92%AD%E6%94%BE%E9%9F%B3%E6%A8%82%E6%88%96%E6%9C%89%E8%81%B2%E5%BD%B1%E7%89%87%EF%BC%9F</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[網站 SEO  優化如何做？技術型與內容型 Seo 差在哪裡？]]></title>
    <summary type="html"><![CDATA[SEO 是搜尋引擎優化 (Search Engine Optimization) 的簡寫，對網站進行 SEO 優化是為了讓網站的搜尋排名變好，不只能增加品牌可見度，也能促進集客效率，增進業績。近年來，越來越多企業在尋求網站製作時，從一開始就會重視 SEO 的成效，這是一件好事，因為避免了事後發現 SEO 結構不佳造成的問題，從而又要重做一次網站的問題。
這篇文章，夏木樂分享一下我們在 SEO 製作上的經驗，也替企業們介紹 SEO 優化時，實際需要注意的部分，以及SEO優化技術的差別。
[toc]...]]></summary>
    <published>2024-06-24T00:00:00+00:00</published>
    <updated>2026-05-18T18:14:47+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/89-%E7%B6%B2%E7%AB%99-seo-%E5%84%AA%E5%8C%96%E5%A6%82%E4%BD%95%E5%81%9A"/>
    <id>https://simular.co/blog/post/89-%E7%B6%B2%E7%AB%99-seo-%E5%84%AA%E5%8C%96%E5%A6%82%E4%BD%95%E5%81%9A</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[【資安科普】為什麼網站要做弱點掃描？掃出來的結果是什麼？]]></title>
    <summary type="html"><![CDATA[近年資安意識越來越高漲，不只是政府逐漸加強資安法規，一般企業也開始重視資安管理，例如漸漸普及的 2FA 認證，或者強化密碼難度等等。
目前，公家單位如學校、政府機關等，幾乎都要求建置的網站必須提供弱點掃描，而越來越多上市櫃公司則要求必須要有弱點與源碼掃描。今天，我們就來介紹一下弱點掃描，讓大家認識弱點掃描會做些什麼。
[toc]
什麼是弱點掃描？
一般常見的網站弱點掃描，通常是指網站上線到正式主機後，藉由一些資安大廠所推出的弱點掃描軟體，對網站進行掃描。而所謂的弱點，其實是有備定義出來的，這些資...]]></summary>
    <published>2024-06-21T00:00:00+00:00</published>
    <updated>2026-05-18T18:14:47+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/88-%E7%82%BA%E4%BB%80%E9%BA%BC%E7%B6%B2%E7%AB%99%E8%A6%81%E5%81%9A%E5%BC%B1%E9%BB%9E%E6%8E%83%E6%8F%8F"/>
    <id>https://simular.co/blog/post/88-%E7%82%BA%E4%BB%80%E9%BA%BC%E7%B6%B2%E7%AB%99%E8%A6%81%E5%81%9A%E5%BC%B1%E9%BB%9E%E6%8E%83%E6%8F%8F</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[多國語言網站有哪些作法？8 大重點，後台、隱私權、地理位置都要考量]]></title>
    <summary type="html"><![CDATA[夏木樂是多國語言網站設計專家，今天，替大家介紹多國語言網站的作法，以及介紹一些不同的多語系呈現方式。
由於多國語言網站是非常大的工程，除了製作期的成本高以外，完成後客戶自己維護時，也會花費非常多人力進行內容更新與校稿，因此，事前多多了解肯定是有必要的。
[toc]
A 傳統作法：複製網站
傳統的網站建置，因為沒有套用太多動態程式語言或 CMS，很多都是用直接將網站複製多份的方式來做多國語言。這樣做的優點是技術簡單，不容易出錯或產生 bug，但缺點是顯而易見的，更新內容時非常繁雜，有幾個網站就要更...]]></summary>
    <published>2024-06-19T08:08:45+00:00</published>
    <updated>2026-05-18T18:14:47+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/87-%E5%A4%9A%E5%9C%8B%E8%AA%9E%E8%A8%80%E7%B6%B2%E7%AB%99%E5%A6%82%E4%BD%95%E5%81%9A"/>
    <id>https://simular.co/blog/post/87-%E5%A4%9A%E5%9C%8B%E8%AA%9E%E8%A8%80%E7%B6%B2%E7%AB%99%E5%A6%82%E4%BD%95%E5%81%9A</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[網頁設計公司使用的圖片，我可以拿去其他管道使用嗎？]]></title>
    <summary type="html"><![CDATA[很多客戶都會問我們，網頁設計公司既然從圖庫網站購買了大量圖片用來美化網站，到底這些圖片能不能拿來替自己的公司宣傳用呢？是否會造成侵權呢？
首先提供一個簡短的回答：不可以，是會侵權的！
以下我們將詳細說明為什麼，以及圖庫的授權原理，還有不小心侵權的話，會發生的問題。
名詞定義
首先我們做一個基本的名詞定義，這樣比較好後續說明：

第一方授權：網站公司或設計公司向圖庫購買圖片版權，製作成「設計產出」

第三方授權：網站公司買下圖片後交給客戶，或客戶買下圖片後交給設計公司

設計產出：設計公司的設計成...]]></summary>
    <published>2024-05-17T08:27:32+00:00</published>
    <updated>2026-05-18T18:14:47+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/86-%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E5%85%AC%E5%8F%B8%E4%BD%BF%E7%94%A8%E7%9A%84%E5%9C%96%E7%89%87%EF%BC%8C%E6%88%91%E5%8F%AF%E4%BB%A5%E6%8B%BF%E5%8E%BB%E5%85%B6%E4%BB%96%E7%AE%A1%E9%81%93%E4%BD%BF%E7%94%A8%E5%97%8E%EF%BC%9F"/>
    <id>https://simular.co/blog/post/86-%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E5%85%AC%E5%8F%B8%E4%BD%BF%E7%94%A8%E7%9A%84%E5%9C%96%E7%89%87%EF%BC%8C%E6%88%91%E5%8F%AF%E4%BB%A5%E6%8B%BF%E5%8E%BB%E5%85%B6%E4%BB%96%E7%AE%A1%E9%81%93%E4%BD%BF%E7%94%A8%E5%97%8E%EF%BC%9F</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[【案例分享】國泰響退而立Retire Early-退休金試算超easy]]></title>
    <summary type="html"><![CDATA[<p class="">
    今天要分享的案例國泰世華銀行「響退而立Retire Early」網站，不僅能讓您提早預見退休後的生活，更能透過網站功能，依照您的現況制定最理想的投資計畫，就讓我們一起來看看，夏木樂如何幫助國泰世華銀行製作「響退而立Retire Early」網站吧！
</p>

]]></summary>
    <published>2024-04-19T04:00:00+00:00</published>
    <updated>2024-04-15T09:41:12+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/85-%E3%80%90%E6%A1%88%E4%BE%8B%E5%88%86%E4%BA%AB%E3%80%91%E5%9C%8B%E6%B3%B0%E9%9F%BF%E9%80%80%E8%80%8C%E7%AB%8B"/>
    <id>https://simular.co/blog/post/85-%E3%80%90%E6%A1%88%E4%BE%8B%E5%88%86%E4%BA%AB%E3%80%91%E5%9C%8B%E6%B3%B0%E9%9F%BF%E9%80%80%E8%80%8C%E7%AB%8B</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[【案例分享】何嘉仁高年級句型-互動有新意，上課更給力]]></title>
    <summary type="html"><![CDATA[<p class="">
    今天這篇文章要介紹的是一個台灣孩子、家長都耳熟能詳的經典雙語教育品牌「何嘉仁」，如何透過教學電子化，讓課堂更豐富、互動更有趣、教學更輕鬆！
</p>

]]></summary>
    <published>2024-04-17T04:00:00+00:00</published>
    <updated>2024-04-15T09:40:29+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/84-%E3%80%90%E6%A1%88%E4%BE%8B%E5%88%86%E4%BA%AB%E3%80%91%E4%BD%95%E5%98%89%E4%BB%81%E9%AB%98%E5%B9%B4%E7%B4%9A"/>
    <id>https://simular.co/blog/post/84-%E3%80%90%E6%A1%88%E4%BE%8B%E5%88%86%E4%BA%AB%E3%80%91%E4%BD%95%E5%98%89%E4%BB%81%E9%AB%98%E5%B9%B4%E7%B4%9A</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[【案例分享】艾倫戴爾幼兒園-打造線上校園展示空間]]></title>
    <summary type="html"><![CDATA[<p class="">
    大家一定都看過迪士尼電影「冰雪奇緣」吧，那你知道冰雪女王的王國「艾倫戴爾」其實有開幼兒園嗎？不是啦！今天要介紹的是位於台灣新北市的艾倫戴爾幼兒園，讓我們一起來看看夏木樂如何打造溫馨又活潑的幼兒園官方網站吧！
</p>

]]></summary>
    <published>2026-06-09T12:30:09+00:00</published>
    <updated>2024-04-15T09:38:46+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/83-%E3%80%90%E6%A1%88%E4%BE%8B%E5%88%86%E4%BA%AB%E3%80%91%E8%89%BE%E5%80%AB%E6%88%B4%E7%88%BE%E5%B9%BC%E5%85%92"/>
    <id>https://simular.co/blog/post/83-%E3%80%90%E6%A1%88%E4%BE%8B%E5%88%86%E4%BA%AB%E3%80%91%E8%89%BE%E5%80%AB%E6%88%B4%E7%88%BE%E5%B9%BC%E5%85%92</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[[Secure 101] Is It Really Safe to Change Passwords Every 90 Days or Regularly?]]></title>
    <summary type="html"><![CDATA[<p class="">
    In the digital world, protecting personal and corporate information security is a crucial aspect of our daily lives. Over the years, corporate security policies have often advised us to regularly change passwords, every 60 to 90 days, to ensure the safety of our online accounts. This concept believes that regularly changing passwords can prevent long-term unauthorized use of our accounts. However, this practice has some issues in today's security environment.
</p>

]]></summary>
    <published>2026-06-09T12:30:09+00:00</published>
    <updated>2023-12-06T06:33:34+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/82-is-it-really-safe-to-change-passwords-regularly"/>
    <id>https://simular.co/blog/post/82-is-it-really-safe-to-change-passwords-regularly</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[What is Secure Remote Password (SRP) and How to use it to protect users' passwords.]]></title>
    <summary type="html"><![CDATA[<p class="">
    Major companies like Apple and 1Password have adopted SRP as part of their authentication mechanisms. Apple, for instance, has&nbsp;<a target="_blank" href="https://support.apple.com/guide/security/sec3e341e75d/web">implemented SRP in its iCloud Keychain</a>&nbsp;to securely synchronize passwords across devices without exposing them. Similarly, 1Password uses the user's master password and the secret to encrypt data, and both the password and secret&nbsp;<a target="_blank" href="https://blog.1password.com/developers-how-we-use-srp-and-you-can-too/">use SRP to authenticate accounts</a>&nbsp;and ensure that they won't transmit to the server.
</p>

]]></summary>
    <published>2026-06-09T12:30:09+00:00</published>
    <updated>2023-11-26T09:35:48+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/81-what-is-secure-remote-password"/>
    <id>https://simular.co/blog/post/81-what-is-secure-remote-password</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[後疫情時代的網站設計與 UI/UX (Design) 趨勢]]></title>
    <summary type="html"><![CDATA[2023年，隨著全球Covid-19疫情逐漸獲得控制，我們正進入一個後疫情的新時代。
這場全球性的挑戰改變了我們的生活方式，並重塑了我們的數位經驗，我們需要重新審視網站設計的角色和價值，以滿足新的需求和期待。
[toc]
使用者體驗至上
Covid-19疫情使得人們變得更依賴線上購物和服務，因此使用者體驗變得更加重要。如果你的網站不能提供愉悅的使用體驗，那麼你的客戶可能會轉向其他競爭者。
簡單來說你不能只提供基本的功能和服務，而是要致力於創造一種「讓人驚艷的體驗」。在設計過程中，你需要考慮到使用...]]></summary>
    <published>2023-06-24T17:39:08+00:00</published>
    <updated>2026-05-18T18:14:47+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/80-%E5%BE%8C%E7%96%AB%E6%83%85%E6%99%82%E4%BB%A3%E7%9A%84%E7%B6%B2%E7%AB%99%E8%A8%AD%E8%A8%88"/>
    <id>https://simular.co/blog/post/80-%E5%BE%8C%E7%96%AB%E6%83%85%E6%99%82%E4%BB%A3%E7%9A%84%E7%B6%B2%E7%AB%99%E8%A8%AD%E8%A8%88</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[我理想的網域被搶走了，該怎麼辦呢？3 步驟與持有者談判。]]></title>
    <summary type="html"><![CDATA[[toc]
你曾經有過這樣的經驗嗎？當你打點好網站製作的一切，廠商也找好了，準備註冊你心儀已久的網域名稱，但是當你輸入你想要的網域名稱時，結果發現它已經被其他人買走了。這種感覺就像是遲到的那個人，只能眼睜睜看著心愛的糖果被人搶走。接下來我們該怎麼辦呢？

別擔心，實務上還是有方法來解決這個問題。只是你要先一步一步操作並檢視自己能夠負擔的程度。
第一步：不要輕易放棄
首先，我們要做的是確認該網域的使用狀況。有些網域可能被購買，但實際上並沒有被使用。如果是這種情況，這個網域就可能是被"網域投機者"買...]]></summary>
    <published>2023-06-22T04:00:00+00:00</published>
    <updated>2026-05-18T18:14:47+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/79-%E7%B6%B2%E5%9F%9F%E8%A2%AB%E6%90%B6%E8%B5%B0%E8%A9%B2%E6%80%8E%E9%BA%BC%E8%BE%A6"/>
    <id>https://simular.co/blog/post/79-%E7%B6%B2%E5%9F%9F%E8%A2%AB%E6%90%B6%E8%B5%B0%E8%A9%B2%E6%80%8E%E9%BA%BC%E8%BE%A6</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[【資安科普】密碼管理：90天或定期更換密碼真的安全嗎？新時代的密碼管理方案]]></title>
    <summary type="html"><![CDATA[[toc]
傳統觀點：使用者應該定期更換密碼
在數位世界裡，保護個人和公司的資訊安全是我們日常生活中的一個重要環節。這些年的企業資安規定中，我們常被告知需要定期更換密碼，每60至90天變更一次，以確保我們的線上帳戶安全。這種觀念認為，定期更換密碼可以避免我們的帳戶被長時間的未授權使用。然而，這種做法在現今的資安環境中，確實存在一些問題。
頻繁更換密碼的弊端
頻繁更換密碼會導致用戶選擇容易記憶的簡單密碼，或者只是稍微修改原有密碼，例如在數字後面加一或將字母順序稍微調換。這種情況下，即使定期更換密碼...]]></summary>
    <published>2023-06-20T04:00:00+00:00</published>
    <updated>2026-05-18T18:14:47+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/78-%E5%AE%9A%E6%9C%9F%E6%9B%B4%E6%8F%9B%E5%AF%86%E7%A2%BC%E5%AE%89%E5%85%A8%E5%97%8E"/>
    <id>https://simular.co/blog/post/78-%E5%AE%9A%E6%9C%9F%E6%9B%B4%E6%8F%9B%E5%AF%86%E7%A2%BC%E5%AE%89%E5%85%A8%E5%97%8E</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[PHP 原始碼可以加密 (encrypt) 嗎? 企業如何確保原始碼不被竊取]]></title>
    <summary type="html"><![CDATA[[toc]
PHP 是最常見的網站伺服器端程式語言之一，廣泛用於開發各種 web 應用。由於其編碼風格靈活，功能強大，使其在全球的 web 開發者之間受到廣泛的歡迎。然而，由於 PHP 是開放源碼的，企業經常擔心他們的原始碼被他人輕易查看或複製。
這引出了我們今天要探討的問題：PHP 原始碼可以被加密或編譯嗎？這個問題的答案不僅涉及到程式碼的保密性，還涉及到 web 應用的效能和安全性。
PHP 原始碼的基本工作原理
要解答這個問題，我們首先需要理解 PHP 的基本工作原理。PHP 是一種解釋型...]]></summary>
    <published>2023-06-17T18:23:44+00:00</published>
    <updated>2026-05-18T18:14:47+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/77-php-%E5%8E%9F%E5%A7%8B%E7%A2%BC%E5%8F%AF%E4%BB%A5%E5%8A%A0%E5%AF%86%E5%97%8E"/>
    <id>https://simular.co/blog/post/77-php-%E5%8E%9F%E5%A7%8B%E7%A2%BC%E5%8F%AF%E4%BB%A5%E5%8A%A0%E5%AF%86%E5%97%8E</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[【資安科普】什麼是 2FA, MFA? 我的網站需要這些功能嗎? (2 Factors)]]></title>
    <summary type="html"><![CDATA[[toc]
隨著數位化日益普及，我們越來越依賴網站來處理各種生活與工作的事務，包括購物、銀行業務、社交媒體等等。然而，這種便利的同時也帶來許多安全危機。我們時常可以看到各種關於網路詐騙、資料外洩，甚至是身份盜竊的新聞，這些都凸顯了網站安全性的重要性。
網站安全不僅對於使用者的個人信息保護至關重要，大多數的帳戶盜用事件，皆起因於駭客竊取密碼登入網站。因此，為了保護使用者與自身的利益，國際上許多網站開始強制導入更多不同的身分認證模式，用來取代單純的密碼認證。
關於 2FA和 MFA
簡單密碼的弱點
...]]></summary>
    <published>2023-06-15T17:41:11+00:00</published>
    <updated>2026-05-18T18:14:47+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/76-2fa-mfa"/>
    <id>https://simular.co/blog/post/76-2fa-mfa</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[【網頁設計白話文】SSL 用的 Key, CRT, CA Bundle 中繼憑證到底是什麼？]]></title>
    <summary type="html"><![CDATA[[toc]
一般我們向 SSL 註冊商申請 SSL 憑證時，通常會拿到 Key, CRT 與 CA Bundle 三個檔案。而有做過自簽憑證的人可能會好奇，一般不是只要 key + CRT 兩個檔案就夠了嗎？為什麼還要多一個 bundle 檔案呢？
這邊文章向大家介紹一下三個檔案的用途。
CRT 與 Key 檔案
SSL 用的 CRT 檔案包含了一個公鑰(Key)和一個憑證(CRT)，憑證是由信任的證書頒發機構（Certificate Authority, CA）簽署的。這個憑證確認了公鑰(Ke...]]></summary>
    <published>2023-05-30T03:46:12+00:00</published>
    <updated>2026-05-18T18:14:47+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/75-crt-ca-bundle-%E5%88%B0%E5%BA%95%E6%98%AF%E4%BB%80%E9%BA%BC"/>
    <id>https://simular.co/blog/post/75-crt-ca-bundle-%E5%88%B0%E5%BA%95%E6%98%AF%E4%BB%80%E9%BA%BC</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[【服務介紹】歐美風格/英文網站設計服務]]></title>
    <summary type="html"><![CDATA[夏木樂是台灣少數專長於歐美風格設計的網站公司，同時也具備國際級的程式開發實力。這篇文章稍微介紹了一下我們的設計風格與服務流程，讓大家可以快速認識我們的設計服務。
目錄
[toc]
夏木樂的設計理念
創新與獨特性
我們的標語【突破極限，開拓全新視野】，意味著每個設計都會認真以待，嘗試在市場上現有的風格中，做出全新的突破。替客戶帶來創新且獨特的設計。
使用者體驗優先
夏木樂是研發起家的設計公司，我們具有長年的軟體設計經驗。因此我們更注重網站的易用性。也就是說，我們不會為了設計的花俏，而犧牲了網站的可...]]></summary>
    <published>2023-04-07T09:47:50+00:00</published>
    <updated>2026-05-18T18:14:47+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/74-%E6%AD%90%E7%BE%8E%E9%A2%A8%E6%A0%BC%E7%B6%B2%E7%AB%99%E8%A8%AD%E8%A8%88%E6%9C%8D%E5%8B%99"/>
    <id>https://simular.co/blog/post/74-%E6%AD%90%E7%BE%8E%E9%A2%A8%E6%A0%BC%E7%B6%B2%E7%AB%99%E8%A8%AD%E8%A8%88%E6%9C%8D%E5%8B%99</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[【網站技術】生物辨識的 3W1H，什麼是生物辨識 (Biometrics)？]]></title>
    <summary type="html"><![CDATA[打卡簽到用指紋，解鎖手機用人臉，機器提款用靜脈，這些方式都屬於「生物辨識」的範疇，早已滲透到大眾生活裡的生物辨識究竟是什麼？
今天這篇文章用What、Why、How、Who四個問題，帶大家瞭解生物辨識。
What - 什麼是生物辨識?
生物辨識顧名思義，就是用每個生物獨有的特徵去辨識個體。
舉例而言，開門需要用鑰匙，鎖頭會辨識誰才是對的鑰匙，只有你的鑰匙可以開這扇門意思就是這是你的家，網站上，你有帳號密碼可以登入這個帳戶意思是這是你的帳戶，這隻手機可以用你的指紋解鎖也就是說這是你的手機。
生物辨...]]></summary>
    <published>2023-02-27T04:00:00+00:00</published>
    <updated>2026-05-18T18:14:47+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/73-%E7%94%9F%E7%89%A9%E8%BE%A8%E8%AD%98%E7%9A%843w1h%EF%BC%8C%E4%BB%80%E9%BA%BC%E6%98%AF%E7%94%9F%E7%89%A9%E8%BE%A8%E8%AD%98%EF%BC%9F"/>
    <id>https://simular.co/blog/post/73-%E7%94%9F%E7%89%A9%E8%BE%A8%E8%AD%98%E7%9A%843w1h%EF%BC%8C%E4%BB%80%E9%BA%BC%E6%98%AF%E7%94%9F%E7%89%A9%E8%BE%A8%E8%AD%98%EF%BC%9F</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[行動設計成主流，桌機時代結束了嗎？帶你以網路趨勢報告與網站後台數據分析！]]></title>
    <summary type="html"><![CDATA[Google於2015年4月宣布將「行動裝置適應性」列入SEO考量，自此以後開啟了網頁設計的新篇章。
搜尋結果將優先顯示行動裝置可適應的網站，意思是，客戶對網頁社易記的要求會從以往的「必須要有大螢幕、華麗的網站」漸漸被推往「小螢幕適應性優先」的方向。
市面上許多適合行動裝置的網頁設計方式例如RWD網站、行動優先網站等設計如雨後春筍一般紛紛冒出頭來。
如今，在這樣的SEO制度推行8年後，網頁「行動友善度」從Plus變成Must，人手一支手機，桌機時代，真的就這樣結束了嗎...？
先交代一下時空背景...]]></summary>
    <published>2023-02-20T04:00:00+00:00</published>
    <updated>2026-05-18T18:14:47+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/72-%E8%A1%8C%E5%8B%95%E8%A8%AD%E8%A8%88%E6%88%90%E4%B8%BB%E6%B5%81%EF%BC%8C%E6%A1%8C%E6%A9%9F%E6%99%82%E4%BB%A3%E7%B5%90%E6%9D%9F%E4%BA%86%E5%97%8E"/>
    <id>https://simular.co/blog/post/72-%E8%A1%8C%E5%8B%95%E8%A8%AD%E8%A8%88%E6%88%90%E4%B8%BB%E6%B5%81%EF%BC%8C%E6%A1%8C%E6%A9%9F%E6%99%82%E4%BB%A3%E7%B5%90%E6%9D%9F%E4%BA%86%E5%97%8E</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[【網站知識】為何我花錢做完網站， 我還得自己測試？]]></title>
    <summary type="html"><![CDATA[在做網站時，我們常常被客戶問到一個問題：「為什麼你們不幫我直接測網站就好？」，今天這篇文章就是想為這個問題解答。
從客戶的角度出發，錢都付了，我能享受到一次就幫我把網站弄到好的服務。
而網站設計公司而言，我們會基於以下三個原因，邀請客戶一同進行測試。
在此之前，讓我們可以先來了解一下網站的製作流程：

網站從簽約、企劃、施工到驗收，會經過很多的流程，通常而言，需要客戶協助驗收的流程是深藍色的「最後驗收」階段。
此階段時，網站已完成99%功能並交付給客戶，依合約，客戶有n天的時間可以進行測試，並將...]]></summary>
    <published>2023-02-13T04:00:00+00:00</published>
    <updated>2026-05-18T18:14:47+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/71-%E7%82%BA%E4%BD%95%E6%88%91%E8%8A%B1%E9%8C%A2%E5%81%9A%E5%AE%8C%E7%B6%B2%E7%AB%99%E6%88%91%E9%82%84%E5%BE%97%E8%87%AA%E5%B7%B1%E6%B8%AC%E8%A9%A6"/>
    <id>https://simular.co/blog/post/71-%E7%82%BA%E4%BD%95%E6%88%91%E8%8A%B1%E9%8C%A2%E5%81%9A%E5%AE%8C%E7%B6%B2%E7%AB%99%E6%88%91%E9%82%84%E5%BE%97%E8%87%AA%E5%B7%B1%E6%B8%AC%E8%A9%A6</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[你的網頁在手機上長怎樣？手機指標長這樣該注意了！]]></title>
    <summary type="html"><![CDATA[Hey！你正在用手機看這篇文章嗎？還是使用平板、電腦呢？
你是否曾經用手機打開一個網站然後覺得：「天啊…太難用了吧…回家再用電腦開好了」，但當你真正回到家坐到電腦前面時，有幾次你會真正想起奈個你原本要造訪的網站呢？
這篇文章要告訴你的是如何判斷自己的網站在手機上的健康度以及長相，以便在為來網站改吧時有點方像，首先，我們必須先瞭解為什麼網站行動版如此重要...
・為什麼要做行動版
從網路上的各種數據，以及大眾閒暇娛樂與消費方式的轉變中，我們可以看出台灣人的行動裝置持有率正在節節攀升，有些人甚至持有...]]></summary>
    <published>2023-02-06T04:00:00+00:00</published>
    <updated>2026-05-18T18:14:47+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/69-%E4%BD%A0%E7%9A%84%E7%B6%B2%E9%A0%81%E5%9C%A8%E6%89%8B%E6%A9%9F%E4%B8%8A%E9%95%B7%E6%80%8E%E6%A8%A3%E6%89%8B%E6%A9%9F%E6%8C%87%E6%A8%99%E9%95%B7%E9%80%99%E6%A8%A3%E8%A9%B2%E6%B3%A8%E6%84%8F%E4%BA%86%EF%BC%81"/>
    <id>https://simular.co/blog/post/69-%E4%BD%A0%E7%9A%84%E7%B6%B2%E9%A0%81%E5%9C%A8%E6%89%8B%E6%A9%9F%E4%B8%8A%E9%95%B7%E6%80%8E%E6%A8%A3%E6%89%8B%E6%A9%9F%E6%8C%87%E6%A8%99%E9%95%B7%E9%80%99%E6%A8%A3%E8%A9%B2%E6%B3%A8%E6%84%8F%E4%BA%86%EF%BC%81</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[解構網站設計合約書！仔細看這6點，不用法務也可以替自己把關]]></title>
    <summary type="html"><![CDATA[大型公司做網站時，除了比較有實務經驗外也有法律相關人員可以做合約審閱，保障自身權益，但許多新創公司，在網站建置的同時正好也是創業初期，員工數少、資金緊張，更別說是請法律專員了。
今天這篇文章，就是為了還沒有太多經驗的新創公司、小型企業網站主而寫的，讓沒有法律背景的網站主，也可以透過注意6個眉角，自己為合約把關，如果對這些眉角個字的內容想要有更進一步認識的話，歡迎點擊各個延伸閱讀文章了解更多。
[toc]
眉角一、工作時程
通常而言，合約上所有與工作時程都是以「工作日」計算。
此處請注意「起算日期...]]></summary>
    <published>2023-01-30T04:00:00+00:00</published>
    <updated>2026-05-18T18:14:47+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/68-%E8%A7%A3%E6%A7%8B%E7%B6%B2%E7%AB%99%E8%A8%AD%E8%A8%88%E5%90%88%E7%B4%84%E6%9B%B8%E4%B8%8D%E7%94%A8%E6%B3%95%E5%8B%99%E4%B9%9F%E5%8F%AF%E4%BB%A5%E6%9B%BF%E8%87%AA%E5%B7%B1%E6%8A%8A%E9%97%9C"/>
    <id>https://simular.co/blog/post/68-%E8%A7%A3%E6%A7%8B%E7%B6%B2%E7%AB%99%E8%A8%AD%E8%A8%88%E5%90%88%E7%B4%84%E6%9B%B8%E4%B8%8D%E7%94%A8%E6%B3%95%E5%8B%99%E4%B9%9F%E5%8F%AF%E4%BB%A5%E6%9B%BF%E8%87%AA%E5%B7%B1%E6%8A%8A%E9%97%9C</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[快速了解 B2B B2C 網站差異，行銷人員操作手冊 (Manual)]]></title>
    <summary type="html"><![CDATA[開門見山的說，這篇文章並不是為了網站主們準備的，而是為了萬千行銷人員所準備的B2B、B2C 網站速成手冊。
從前從前，夏木樂曾經在網站交件之後發現，網站整體氣質改變了，明明當初建立的是2B形象網站，經過行銷人員的編輯，現在的網站更接近2C網站的氣質，為了避免這種情況，我們可以用三個簡單的面向來快速區分2B與2C的氣質。
在正片開始之前，讓我們先來聊聊B2B與B2C網站本質上的差異，在這兩個縮寫的單詞中：
B=Business 
C=Customer
而2是「to」的縮寫
B2B網站常見的案例有科...]]></summary>
    <published>2023-01-23T04:00:00+00:00</published>
    <updated>2026-05-18T18:14:47+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/67-%E5%BF%AB%E9%80%9F%E4%BA%86%E8%A7%A3b2b-b2c%E7%B6%B2%E7%AB%99%E5%B7%AE%E7%95%B0"/>
    <id>https://simular.co/blog/post/67-%E5%BF%AB%E9%80%9F%E4%BA%86%E8%A7%A3b2b-b2c%E7%B6%B2%E7%AB%99%E5%B7%AE%E7%95%B0</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[【SEO】新網站如何保留舊網站數據，試試看轉址 (Redirect)！]]></title>
    <summary type="html"><![CDATA[客戶說，新網站會遺失流量是他們最在意的事，老實說，我們也很在意，因此，今天特地準備了這篇文章，告訴各位客戶及網站主，免緊張！讓我們用「轉址」幫你守護流量！

新網站可以保留舊網站數據嗎？
Of course！當然可以嘍！
搬新網站好比搬新家，夏木樂去年從松江南京搬家到了忠孝新生，但曾經與我們合作過的客戶不會因此就忘記夏木樂這個品牌，客戶、政府機構也可以透過我們提供的新地址找到夏木樂。
網站也是同理，當你製作了新網站，想保留舊網站頁面流量，可以透過公告「本頁面已搬家」將新流量導流至新頁面，同時告訴...]]></summary>
    <published>2023-01-09T01:30:00+00:00</published>
    <updated>2026-05-18T18:14:47+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/66-%E6%96%B0%E7%B6%B2%E7%AB%99%E5%A6%82%E4%BD%95%E4%BF%9D%E7%95%99%E8%88%8A%E7%B6%B2%E7%AB%99%E6%95%B8%E6%93%9A%E8%A9%A6%E8%A9%A6%E7%9C%8B%E8%BD%89%E5%9D%80"/>
    <id>https://simular.co/blog/post/66-%E6%96%B0%E7%B6%B2%E7%AB%99%E5%A6%82%E4%BD%95%E4%BF%9D%E7%95%99%E8%88%8A%E7%B6%B2%E7%AB%99%E6%95%B8%E6%93%9A%E8%A9%A6%E8%A9%A6%E7%9C%8B%E8%BD%89%E5%9D%80</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[GA 是什麼？為什麼要裝 Google Analytics？ 夏木樂後台兩步驟簡單埋點]]></title>
    <summary type="html"><![CDATA[網頁設計公司告訴你，如果你想知道造訪者們都在你的網站裡做什麼，就要裝GA，但是GA是什麼？為什麼要裝GA？要怎麼裝GA？GA4又是什麼？？
別擔心，一個個問題慢慢告訴你...
1.GA是什麼？
GA是Google官方所提供給網站主們，在網頁中追蹤使用者行為的工具。
GA全名Google Analytics，其前身是一家名為Urchin的公司所推出的簡易網站數據監測系統，2005年被Google收購，Google Analytics才正式開始營運。
由Urchin所研發的初代系統中，只提供「造訪次...]]></summary>
    <published>2022-12-26T02:47:49+00:00</published>
    <updated>2026-05-18T18:14:47+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/65-ga%E6%98%AF%E4%BB%80%E9%BA%BC%E7%82%BA%E4%BB%80%E9%BA%BC%E8%A6%81%E8%A3%9Dga"/>
    <id>https://simular.co/blog/post/65-ga%E6%98%AF%E4%BB%80%E9%BA%BC%E7%82%BA%E4%BB%80%E9%BA%BC%E8%A6%81%E8%A3%9Dga</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[大樓有無障礙設施，網站有無障礙措施嗎？淺談網站無障礙]]></title>
    <summary type="html"><![CDATA[根據衛福部最新資料顯示，目前全台灣身心障礙者人數佔總人口約5.1%，乍聽之下，似乎也不是什麼大數字，但換算下來，每20人中就有一名身心障礙人士。為照顧這個總人數超過120萬人的大群體，讓身障者也能暢遊網路世界，我國於2002年開始推動「網路無障礙空間」。
現實生活中，我們在捷運站、大樓外時常可見的導盲磚、輪椅斜坡等設計，都是參考「建築物無障礙設施設計規範」所設置的無障礙設施，目的是讓身心障礙者們可以更便利、更自由的使用這些公共空間。

（建築物無障礙設施設計規範）
網路空間中的，身心障礙者上網時...]]></summary>
    <published>2022-12-12T02:48:47+00:00</published>
    <updated>2026-05-18T18:14:47+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/64-%E6%B7%BA%E8%AB%87%E7%B6%B2%E7%AB%99%E7%84%A1%E9%9A%9C%E7%A4%99"/>
    <id>https://simular.co/blog/post/64-%E6%B7%BA%E8%AB%87%E7%B6%B2%E7%AB%99%E7%84%A1%E9%9A%9C%E7%A4%99</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[【服務介紹】Web 資訊系統客製化開發服務]]></title>
    <summary type="html"><![CDATA[這篇文章介紹了夏木樂專業團隊的 Web 網站系統研發技術與案例，對於尚在尋找一個有能力進行企業級特殊規格網站開發的公司來說，可以透過本篇文章了解我們的技術與案例。
[toc]
夏木樂 Web 研發優勢
我們採用最先進的Web雲端技術棧

我們專長 PHP, Node.js, MySQL, Angular, Vue.js, Ionic 等多樣化技術，可以協助客戶發展 Web 雲端資訊系統或是手機 app，高度整合既有企業運作流程。
PHP 採用 8.2 以上的次世代規格，無論效能、安全性，皆優於許...]]></summary>
    <published>2022-12-02T08:13:07+00:00</published>
    <updated>2026-05-18T18:14:47+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/63-web-%E8%B3%87%E8%A8%8A%E7%B3%BB%E7%B5%B1%E9%96%8B%E7%99%BC%E6%9C%8D%E5%8B%99"/>
    <id>https://simular.co/blog/post/63-web-%E8%B3%87%E8%A8%8A%E7%B3%BB%E7%B5%B1%E9%96%8B%E7%99%BC%E6%9C%8D%E5%8B%99</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[網頁設計公司的6個小撇步， 設計出高效的金融商品網頁！]]></title>
    <summary type="html"><![CDATA[在這個快時代裡，人們吃著快餐，穿著快時尚，講求著「效率」，如何有效率地傳達商品目的，是現代行銷人的課題。今天這篇文章，將會從網頁設計公司的視角出發，告訴金融商品網站行銷人員，如何用6個小撇步，打造出「高效」的金融商品行銷網站！
[toc]
1.化繁為簡
—以圖文取代純文字，讓消費者更快抓住重點。
生活中的「話癆」很容易成為一種不討喜的個性，在注意力難集中的網路世界，更應該避免出現字多難閱讀或是太艱深的「話癆」狀況。
我們知道，產品有許多優點與風險，希望可以透過這個網站一併傳達給消費者，這時可以試...]]></summary>
    <published>2022-11-30T03:01:46+00:00</published>
    <updated>2026-05-18T18:14:47+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/62-%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E5%85%AC%E5%8F%B8%E7%9A%846%E5%80%8B%E5%B0%8F%E6%92%87%E6%AD%A5%E8%A8%AD%E8%A8%88%E5%87%BA%E9%AB%98%E6%95%88%E7%9A%84%E9%87%91%E8%9E%8D%E5%95%86%E5%93%81%E7%B6%B2%E9%A0%81"/>
    <id>https://simular.co/blog/post/62-%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E5%85%AC%E5%8F%B8%E7%9A%846%E5%80%8B%E5%B0%8F%E6%92%87%E6%AD%A5%E8%A8%AD%E8%A8%88%E5%87%BA%E9%AB%98%E6%95%88%E7%9A%84%E9%87%91%E8%9E%8D%E5%95%86%E5%93%81%E7%B6%B2%E9%A0%81</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[給新生代的卡內基業務心法 (一): 真誠待人，就是最大的優勢]]></title>
    <summary type="html"><![CDATA[很多人以為好的業務，是要油腔滑調，充滿一堆話術，騙消費者上鉤。由於普遍社會充滿這樣的認知，所以許多年輕人排斥做「業務與銷售」這件事，而嘗試想做業務的人，也會用錯誤的方法去拉抬業績，導致被人討厭。
十幾年工作經驗以來，認識的前輩對於王牌業務都有一個認知，就是他們都是誠懇且樸實無華的，認真把每個顧客照顧好，傾聽並理解人們的需求。
在這系列文章中，整理了許多早期卡內基非常歡迎的業務心法，並且延伸了一些我們常遇到的情境。你會發現，一個能把業務做到流暢自然的高級銷售員，其實就像一個好朋友一樣，容易相處、理...]]></summary>
    <published>2022-11-26T09:23:05+00:00</published>
    <updated>2026-05-18T18:14:47+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/61-%E7%B5%A6%E6%96%B0%E7%94%9F%E4%BB%A3%E7%9A%84%E5%8D%A1%E5%85%A7%E5%9F%BA%E6%A5%AD%E5%8B%99%E5%BF%83%E6%B3%95-1"/>
    <id>https://simular.co/blog/post/61-%E7%B5%A6%E6%96%B0%E7%94%9F%E4%BB%A3%E7%9A%84%E5%8D%A1%E5%85%A7%E5%9F%BA%E6%A5%AD%E5%8B%99%E5%BF%83%E6%B3%95-1</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[【網頁設計不藏私】大流量搶購，網站撐得住嗎? 如何平價支撐搶購人潮?]]></title>
    <summary type="html"><![CDATA[由於我們公司承接了不少電子商城的網站專案，也常常被客戶詢問，網站到底能支撐多少人流量，以及如果要辦行銷檔期，主機支撐得住嗎? 等等。
實際上這不是一個很好回答的問題，如果只是要簡短回答，就是「依照實際狀況去調整」，但這樣實在太籠統了。這篇文章提供了一個思考方向，讓您可以與自己的網站公司一起去檢測網站能支撐的人數。文章後半段還會提供您一些建議，讓您想要舉辦行銷搶購專案時，不會把網站給打爆炸。

不只現實世界要擔心人潮，網站的人潮一樣可以讓您的業務癱瘓
關於網站乘載量
我們最常被客戶問到的問題，像是...]]></summary>
    <published>2022-11-10T00:00:00+00:00</published>
    <updated>2026-05-18T18:14:47+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/60-%E5%A4%A7%E6%B5%81%E9%87%8F%E6%90%B6%E8%B3%BC%E6%80%8E%E9%BA%BC%E4%B8%8D%E8%AE%93%E7%B6%B2%E7%AB%99%E5%81%9C%E6%93%BA"/>
    <id>https://simular.co/blog/post/60-%E5%A4%A7%E6%B5%81%E9%87%8F%E6%90%B6%E8%B3%BC%E6%80%8E%E9%BA%BC%E4%B8%8D%E8%AE%93%E7%B6%B2%E7%AB%99%E5%81%9C%E6%93%BA</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[SEO 概論 它可以怎麼幫助我？常見的 SEO 行銷手法有哪些 (Marketing)？]]></title>
    <summary type="html"><![CDATA[在執行行銷工作時，大家一定常常聽到「SEO」這三個英文字母，對於行銷小白來說，SEO到底是什麼東西？「用XXX來做SEO」可以如何運用在行銷層面呢？
SEO概論
SEO全名：Search Engine Optimization，白話中文：「搜尋引擎優化」。
SEO操作指的則是「以搜尋引擎的角度與使用者習慣來調整網站、關鍵字或文章，進而達到『提升網站、產品、粉絲頁整體競爭力』」的行銷方式。
可以把它想像成一個網路上的公關團隊，不只有活動時讓藝人曝光，平常也幫助維持藝人正面形象，發新聞稿刷個存在感，...]]></summary>
    <published>2022-11-07T03:13:54+00:00</published>
    <updated>2026-05-18T18:14:47+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/59-seo%E5%8F%AF%E4%BB%A5%E6%80%8E%E9%BA%BC%E5%B9%AB%E5%8A%A9%E6%88%91-%E5%B8%B8%E8%A6%8B%E7%9A%84%E8%A1%8C%E9%8A%B7%E6%89%8B%E6%B3%95%E6%9C%89%E5%93%AA%E4%BA%9B"/>
    <id>https://simular.co/blog/post/59-seo%E5%8F%AF%E4%BB%A5%E6%80%8E%E9%BA%BC%E5%B9%AB%E5%8A%A9%E6%88%91-%E5%B8%B8%E8%A6%8B%E7%9A%84%E8%A1%8C%E9%8A%B7%E6%89%8B%E6%B3%95%E6%9C%89%E5%93%AA%E4%BA%9B</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[【SEO】破解七大都市傳說！ 一定要有網站嗎？一定要寫文章嗎？(Articles)]]></title>
    <summary type="html"><![CDATA[在電商當道的2022，「SEO」這三個字耳熟能詳，網路上關於SEO有許多實用文章，但也有許多都市傳說、迷思，今天就讓我們逐一破解！
[toc]
傳說一、做SEO的第一步是要先有網站！
SEO指的是－「依循搜尋引擎與TA操作模式去修正網站路徑、銷售手法、社群內容，進而達到提升網站自然排名、增加商品曝光度、提升銷售成績的手工序」
因此，只要你有一個「粉絲專頁」、或是單純的一個「部落格」，都可以做SEO。
沒有網站要怎麼做SEO？
假如你有的是一個FB粉絲專頁或部落格，依然可以透過發文的內容，經營關鍵...]]></summary>
    <published>2022-11-07T02:34:58+00:00</published>
    <updated>2026-05-18T18:14:47+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/58-seo-%E4%B8%80%E5%AE%9A%E8%A6%81%E6%9C%89%E7%B6%B2%E7%AB%99%E5%97%8E%EF%BC%9F%E4%B8%80%E5%AE%9A%E8%A6%81%E5%AF%AB%E6%96%87%E7%AB%A0%E5%97%8E%EF%BC%9F"/>
    <id>https://simular.co/blog/post/58-seo-%E4%B8%80%E5%AE%9A%E8%A6%81%E6%9C%89%E7%B6%B2%E7%AB%99%E5%97%8E%EF%BC%9F%E4%B8%80%E5%AE%9A%E8%A6%81%E5%AF%AB%E6%96%87%E7%AB%A0%E5%97%8E%EF%BC%9F</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[【資安科普】弱掃是什麼？關於弱掃的五個小知識與 QA | (Vulnerability Assessment)]]></title>
    <summary type="html"><![CDATA[「XX購物網近日遭駭客攻擊，造成數萬筆個資流出，目前警調單位正......」
身為金融從業人員、購物網站主、政府機關人員，這樣的標題是不是讓你膽戰心驚呢？今天要討論的主題就是在網站上線前，能讓您防患勝於未然的「網站弱掃」。
[toc]
前言 — 弱掃是什麼？
弱掃其實是「弱點掃描 Vulnerability Assessment」的縮寫，概念就像是給網站打的疫苗。
利用工具，偵測網站的弱點，再將網站的各個角落進行風險級別分類，進而透過修繕這些弱點，加強網站的保護屏障。
在了解弱掃是什麼之後，我相...]]></summary>
    <published>2022-10-25T02:36:22+00:00</published>
    <updated>2026-05-18T18:14:46+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/57-%E5%BC%B1%E6%8E%83%E6%98%AF%E4%BB%80%E9%BA%BC%EF%BC%9F%E9%97%9C%E6%96%BC%E5%BC%B1%E6%8E%83%E7%9A%84%E4%BA%94%E5%80%8B%E5%B0%8F%E7%9F%A5%E8%AD%98%E8%88%87qa"/>
    <id>https://simular.co/blog/post/57-%E5%BC%B1%E6%8E%83%E6%98%AF%E4%BB%80%E9%BA%BC%EF%BC%9F%E9%97%9C%E6%96%BC%E5%BC%B1%E6%8E%83%E7%9A%84%E4%BA%94%E5%80%8B%E5%B0%8F%E7%9F%A5%E8%AD%98%E8%88%87qa</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[【SEO】Google 搜尋結果頁面(SERP) 可顯示「網站名稱 (Site Name)」，網頁設計時應該考量什麼呢?]]></title>
    <summary type="html"><![CDATA[Google 在 2022/10/14 宣布他們的搜尋結果頁面 (SERP) 將有一項變動，那就是結果頁面將出現各自的『網站名稱』。而且不只是文字搜尋頁面，連同圖片搜尋頁面，也將會出現網站名稱與 Favicon。這對網站主，以及設計網站的公司來說，未來在考量網站內容呈現時，會多出一些需要考量的重點。
[toc]
頁面呈現方式
以下是有沒有設定好 Site name 的差異


圖片搜尋也將出現網站名稱

與以前有什麼差別
在以前，大多數時候我們會把網站名稱與標語放到頁面標題後面，例如下圖，後半部...]]></summary>
    <published>2022-10-24T16:52:05+00:00</published>
    <updated>2026-05-18T18:14:46+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/56-%E6%90%9C%E5%B0%8B%E9%A0%81%E9%9D%A2%E5%B0%87%E5%87%BA%E7%8F%BE%E7%B6%B2%E7%AB%99%E5%90%8D%E7%A8%B1"/>
    <id>https://simular.co/blog/post/56-%E6%90%9C%E5%B0%8B%E9%A0%81%E9%9D%A2%E5%B0%87%E5%87%BA%E7%8F%BE%E7%B6%B2%E7%AB%99%E5%90%8D%E7%A8%B1</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[網站可以買斷嗎？網頁設計還有什麼額外費用？]]></title>
    <summary type="html"><![CDATA[很多客戶找我們諮詢時，時常會問「你們家網站是買斷的嗎?」或是「做完之後，每年還有年費要繳嗎?」之類的問題。
不得不說，除非自己長期經營過網站，不然到底做一個網站有多少隱藏費用，一般人是不會知道的。而每間公司的收費模式各不相同，有買斷一次性的，也有收年費式的。這篇文章替大家整理了網站的收費模式，有什麼費用要繳? 繳給誰? 一次幫你解說清楚。
網站的收費模式
目前主流的網頁設計收費模式分成兩種，一種是年費制，一種是買斷制。
年費制收費模式
年費制的收費模式通常是針對中小企業形象官網，會主打每年只要數...]]></summary>
    <published>2022-10-17T13:37:22+00:00</published>
    <updated>2026-05-18T18:14:46+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/55-%E7%B6%B2%E7%AB%99%E8%B2%B7%E6%96%B7%E8%88%87%E8%B2%BB%E7%94%A8"/>
    <id>https://simular.co/blog/post/55-%E7%B6%B2%E7%AB%99%E8%B2%B7%E6%96%B7%E8%88%87%E8%B2%BB%E7%94%A8</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[【小編教室】什麼是位元率 (Bitrate)? 如何壓縮影音至適合上傳網站的大小]]></title>
    <summary type="html"><![CDATA[雖然現在很多平台都可以非常方便的上傳影音並自動壓縮，但有些時候，還是會有部分的需求需要直接嵌入原始影片在網站上，或是需要大量轉檔。此時，熟不熟悉影片的轉檔設定，就成為重要的工作知識內容。
這篇文章，給需要大量處理網路影片的小編們一個簡單的知識，如果你們家的網站是直接嵌入 mp4 影片，而不是使用 Youtube / Vimeo 等平台，對你們來說將會非常實用。
什麼是 Bitrate 位元率
一般常見的 HD 影片，有 1080p (1920x1080) 與 720p (1280x720) 的長...]]></summary>
    <published>2022-10-14T06:23:27+00:00</published>
    <updated>2026-05-18T18:14:46+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/54-%E5%A6%82%E4%BD%95%E5%A3%93%E7%B8%AE%E5%BD%B1%E9%9F%B3%E8%87%B3%E9%81%A9%E5%90%88%E6%92%AD%E6%94%BE%E7%9A%84%E5%A4%A7%E5%B0%8F"/>
    <id>https://simular.co/blog/post/54-%E5%A6%82%E4%BD%95%E5%A3%93%E7%B8%AE%E5%BD%B1%E9%9F%B3%E8%87%B3%E9%81%A9%E5%90%88%E6%92%AD%E6%94%BE%E7%9A%84%E5%A4%A7%E5%B0%8F</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[【資安科普】小公司或中小企業如何做好資安管理]]></title>
    <summary type="html"><![CDATA[身為網頁設計公司，經常幫客戶處理各類的資安問題或是公家機關的資安審查，客戶們也常常有資安疑難雜症需要我們解答。由於資安的層面非常多，我們會有一系列文章，慢慢帶大家理解資安的重要性。
[toc]
小公司需要在乎資安嗎?
很多人有個錯誤觀念，我們小本經營，或是公司規模不大，十多人而已，沒有什麼值得偷的東西，駭客不會來偷這些沒價值的資料的。
通常有這種想法，可能是看了許多影視創作，以為駭客就是帥氣的在電腦前打打鍵盤，用神秘的方法破解防火牆，入侵大企業的庫房，把財寶偷出來後遠走高飛。

但現實世界不是這...]]></summary>
    <published>2022-10-03T16:08:45+00:00</published>
    <updated>2026-05-18T18:14:46+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/53-%E5%B0%8F%E5%85%AC%E5%8F%B8%E5%A6%82%E4%BD%95%E5%81%9A%E5%A5%BD%E8%B3%87%E5%AE%89%E7%AE%A1%E7%90%86"/>
    <id>https://simular.co/blog/post/53-%E5%B0%8F%E5%85%AC%E5%8F%B8%E5%A6%82%E4%BD%95%E5%81%9A%E5%A5%BD%E8%B3%87%E5%AE%89%E7%AE%A1%E7%90%86</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[【線上金流】是怎麼一回事？ 先搞清楚第三方支付、電子支付、 行動支付]]></title>
    <summary type="html"><![CDATA[在台灣，每60秒就有一分鐘過去。
在網路購物時刷卡的各位，每100人中就有99人曾經有使用過「電子金流服務」。
即使不使用網路購物的人，也可能因為逐漸數位化的消費模式，而開始接觸數位金融卡、網路ATM、無接觸式結帳等服務。台灣其實對數位支付領域有許多法規限制及規定，不論是要電商要串接金流，或消費者付款前，都應該清楚數位支付是怎麼一回事。  
行動支付、電子支付、第三方金流分別是什麼？
一、行動支付：
行動支付就是「手機嗶嗶」功能，是今天要介紹的三種支付方式中，實用性最高、入門門檻最低的付款方式。...]]></summary>
    <published>2022-10-03T03:48:15+00:00</published>
    <updated>2026-05-18T18:14:46+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/52-%E7%AC%AC%E4%B8%89%E6%96%B9%E6%94%AF%E4%BB%98%E3%80%81%E9%9B%BB%E5%AD%90%E6%94%AF%E4%BB%98%E3%80%81%E8%A1%8C%E5%8B%95%E6%94%AF%E4%BB%98"/>
    <id>https://simular.co/blog/post/52-%E7%AC%AC%E4%B8%89%E6%96%B9%E6%94%AF%E4%BB%98%E3%80%81%E9%9B%BB%E5%AD%90%E6%94%AF%E4%BB%98%E3%80%81%E8%A1%8C%E5%8B%95%E6%94%AF%E4%BB%98</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[【線上金流】供應商有哪些？怎麼選？2025 各家服務與物流大整理]]></title>
    <summary type="html"><![CDATA[後疫情時代電商當道，只要不是在現有的平台開店，而是選擇自行架設網站，都會需要用到線上金流服務。
這篇文章中，我們將會為您介紹，台灣網頁設計中最常見的第三方支付、線上金流服務供應商有哪些。首先，我們需要先搞清楚「第三方支付是什麼？跟電子支付有什麼不同？」，還無法回答這兩個問題的網站主們可以先閱讀這篇：
https://simular.co/blog/post/52-%E7%AC%AC%E4%B8%89%E6%96%B9%E6%94%AF%E4%BB%98%E3%80%81%E9%9B%BB%E5%...]]></summary>
    <published>2022-10-03T03:03:24+00:00</published>
    <updated>2026-05-18T18:14:46+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/51-%E7%B7%9A%E4%B8%8A%E9%87%91%E6%B5%81%E4%BE%9B%E6%87%89%E5%95%86%E6%80%8E%E9%BA%BC%E9%81%B8"/>
    <id>https://simular.co/blog/post/51-%E7%B7%9A%E4%B8%8A%E9%87%91%E6%B5%81%E4%BE%9B%E6%87%89%E5%95%86%E6%80%8E%E9%BA%BC%E9%81%B8</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[【線上金流】網站串接完金流，該注意什麼？]]></title>
    <summary type="html"><![CDATA[俗話說：「不怕一萬，只怕萬一」，本篇文章將帶謹慎的電商們在串接金流前，簡單認識一下整個金流後台的運作流程。
關於如何申請與串接，網路上已經有許多詳細教學的文章，因此，本文將不再贅述申請細節，而是以「帳戶啟用時」、「交易進行中」、「提款與儲值」三大主題，以QA的方式，解說金流串接完後該注意的事。
帳戶啟用時
Q1：串接完的第一步 - 測試，如何進行測試？為什麼要進行測試？
A1：首先，請商家先在自家網站建立一個帳號，再接著下訂單，將所有支付方式都使用過一次，並且測試退款流程。
此流程是為了確認「第...]]></summary>
    <published>2022-10-03T02:46:05+00:00</published>
    <updated>2026-05-18T18:14:46+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/50-%E7%B6%B2%E7%AB%99%E4%B8%B2%E6%8E%A5%E5%AE%8C%E9%87%91%E6%B5%81%EF%BC%8C%E8%A9%B2%E6%B3%A8%E6%84%8F%E4%BB%80%E9%BA%BC%EF%BC%9F"/>
    <id>https://simular.co/blog/post/50-%E7%B6%B2%E7%AB%99%E4%B8%B2%E6%8E%A5%E5%AE%8C%E9%87%91%E6%B5%81%EF%BC%8C%E8%A9%B2%E6%B3%A8%E6%84%8F%E4%BB%80%E9%BA%BC%EF%BC%9F</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[【網頁動態下篇】 網頁動態效果怎麼選？ 應用案例一目了然]]></title>
    <summary type="html"><![CDATA[上篇文章：「【網頁動態上篇】 網頁動態效果大全！定義、案例一次看」中，我們細數了網站動態出現的時機與呈現方式，相信許多網站主心中仍有疑惑，所以本篇文章，將會以本公司作品為例，展示實際案例中會出現的動態效果，以及產品與動態效果之間的連結，讓還沒有決定如何呈現動態效果的網站主們，可以更方便、快速的帶入到自己的案例中。
這篇文章除案例分享外，也會運用上一篇文章中提及的動態效果名稱與概念，因此，請還沒看過上一篇文章的你，點擊這邊，上下篇一起看，理解更全面：
【網頁動態上篇】網頁動態效果大全！定義、時機、...]]></summary>
    <published>2022-09-19T03:14:48+00:00</published>
    <updated>2026-05-18T18:14:46+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/49-%E5%8B%95%E6%85%8B%E6%95%88%E6%9E%9C%E6%80%8E%E9%BA%BC%E9%81%B8%E6%87%89%E7%94%A8%E6%A1%88%E4%BE%8B"/>
    <id>https://simular.co/blog/post/49-%E5%8B%95%E6%85%8B%E6%95%88%E6%9E%9C%E6%80%8E%E9%BA%BC%E9%81%B8%E6%87%89%E7%94%A8%E6%A1%88%E4%BE%8B</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[【網頁動態上篇】網頁動態效果大全！定義、時機、案例一次看]]></title>
    <summary type="html"><![CDATA[客戶常常說：「我要做網站，然後我要做動態！」
確實，適時地在網站中加入動態效果能為網站設計加分。但是，你的動態要放在哪裡？什麼時機點出現？長什麼樣子？你想好了嗎…？
這篇文章將以網頁中的動態所發生的時間點為分類，呈現一篇網頁動態案例大全。給想做動態卻不知道如何下手的你一點方向，給已經知道想要什麼的你一點參考。
廢話不多說，我們開始吧！

一、載入時

載入動態
・定義：在loading時出現，landing前結束的動態。
隨著Google SEO政策不斷推陳出新，網頁的載入速度也開始影響SEO排...]]></summary>
    <published>2022-09-19T02:13:43+00:00</published>
    <updated>2026-05-18T18:14:46+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/48-%E7%B6%B2%E9%A0%81%E5%8B%95%E6%85%8B%E6%95%88%E6%9E%9C%E5%A4%A7%E5%85%A8%E5%AE%9A%E7%BE%A9%E6%99%82%E6%A9%9F%E6%A1%88%E4%BE%8B"/>
    <id>https://simular.co/blog/post/48-%E7%B6%B2%E9%A0%81%E5%8B%95%E6%85%8B%E6%95%88%E6%9E%9C%E5%A4%A7%E5%85%A8%E5%AE%9A%E7%BE%A9%E6%99%82%E6%A9%9F%E6%A1%88%E4%BE%8B</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[什麼是行動優先網站? 名詞解析、網站製作概念、網站設計案例]]></title>
    <summary type="html"><![CDATA[你有沒有嘗試在電腦上找到一個很酷的網站，想分享給朋友（或自己），用手機打開之後樣子卻變了，原本絢麗的效果消失，甚至變得難用，這樣的情況，與我們今天要討論「行動優先網站」的概念，有很大的關係。
[toc]
在進入行動優先網站主題之前，讓我們先來了解一下網站製作的兩種概念：
網站製作概念一、漸進式設計
漸進，顧名思義就是漸漸的。
在網頁設計中則是指「設計師在製作網時以『小銀幕為優先』考量，隨著銀幕尺寸增加，加上其他功能與動畫效果等，如此一來，所有的效果、功能都是建築在連最小裝置都可以順暢操作的使用者...]]></summary>
    <published>2022-09-05T02:29:22+00:00</published>
    <updated>2026-05-18T18:14:46+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/46-%E4%BB%80%E9%BA%BC%E6%98%AF%E8%A1%8C%E5%8B%95%E5%84%AA%E5%85%88%E7%B6%B2%E7%AB%99"/>
    <id>https://simular.co/blog/post/46-%E4%BB%80%E9%BA%BC%E6%98%AF%E8%A1%8C%E5%8B%95%E5%84%AA%E5%85%88%E7%B6%B2%E7%AB%99</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[【永續經營-下】CSR 網頁怎麼設計？有什麼規定？案例一次看 (Example)]]></title>
    <summary type="html"><![CDATA[在上篇文章中，我們除了解析CSR、ESG、SDGs、B corp等關鍵字，還提到了企業即使需要付出額外成本，依然要做CSR的原因，但其實，撇除正面外部成本的誘因，企業仍應執行CSR，這又是為什麼呢？
今天這篇文章要帶大家了解，台灣的法規是如何規範企業CSR的執行，以及身為行銷人員，我們可以如何規劃公司的企業社會責任專區，歡迎對CSR仍有疑惑的夥伴們先閱讀這篇文章：
【永續經營-上】 CSR、ESG、SDGs、B-corp關鍵字解析 ，企業執行CSR有什麼好處？
[toc]
台灣CSR相關法規歷史...]]></summary>
    <published>2022-08-25T03:31:35+00:00</published>
    <updated>2026-05-18T18:14:46+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/45-%E6%B0%B8%E7%BA%8C%E7%B6%93%E7%87%9F-csr%E7%B6%B2%E9%A0%81%E6%80%8E%E9%BA%BC%E8%A8%AD%E8%A8%88"/>
    <id>https://simular.co/blog/post/45-%E6%B0%B8%E7%BA%8C%E7%B6%93%E7%87%9F-csr%E7%B6%B2%E9%A0%81%E6%80%8E%E9%BA%BC%E8%A8%AD%E8%A8%88</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[【永續經營-上】CSR、ESG、SDGs、B-corp關鍵字解析 ，企業執行CSR有什麼好處？]]></title>
    <summary type="html"><![CDATA[你聽過ESG，也知道CSR大概是什麼，但是他們到底有什麼意思，又與SDGs、B corp等關鍵字有什麼關係呢？
[toc]
CSR是什麼

C、S、R三個英文字母，分別代表「企業」、「社會」、「責任」三個英文單字的縮寫，顧名思義，是「一家企業、政府、機構、個人對社會應盡的責任」。
CSR這個關鍵字首次耀生國際舞台，是1995年時，聯合國前秘書長科菲．安南所提出的「全球盟約（Global Compact）」，在全球盟約中，提到了10個關於人權、勞動、環境、反腐敗的原則，隨著千禧年全球盛事，雇主們也...]]></summary>
    <published>2022-08-25T03:22:54+00:00</published>
    <updated>2026-05-18T18:14:46+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/44-%E6%B0%B8%E7%BA%8C%E7%B6%93%E7%87%9F-csr-esg-sdgs-b-corp"/>
    <id>https://simular.co/blog/post/44-%E6%B0%B8%E7%BA%8C%E7%B6%93%E7%87%9F-csr-esg-sdgs-b-corp</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[後疫情時代，舉辦線上研討會的5個好用工具介紹]]></title>
    <summary type="html"><![CDATA[在筆者撰稿的2022年4月，台灣疫情迎來了史上最高峰，雖然疫情影響了大眾的社交生活，然而人們對於工作、研討會的需求卻沒有停止。
本篇文章將整理時下好用的五個線上研討會（Webinar）、線上會議（Online meeting）工具，整理出亮點和缺點，讓被迫轉線上的會議和研討會負責人可以快速找到符合自身需求的工具。
五個工具介紹
1.Google Meet

（圖片出處：https://apps.google.com/intl/zh-TW/meet/）
最常見的線上平台，可結合Google的各種周...]]></summary>
    <published>2022-08-15T02:48:22+00:00</published>
    <updated>2026-05-18T18:14:46+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/43-%E7%B7%9A%E4%B8%8A%E7%A0%94%E8%A8%8E%E6%9C%83%E5%B7%A5%E5%85%B7%E4%BB%8B%E7%B4%B9"/>
    <id>https://simular.co/blog/post/43-%E7%B7%9A%E4%B8%8A%E7%A0%94%E8%A8%8E%E6%9C%83%E5%B7%A5%E5%85%B7%E4%BB%8B%E7%B4%B9</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[【工具介紹】線上修圖工具， 小編的使用心得與推薦！]]></title>
    <summary type="html"><![CDATA[上篇文章中我們介紹了發文用的設計工具，我知道，有些小編除了要美美的社群貼文外，照片的品質也很重要，所以這篇貼文我們要來介紹的是線上修圖工具，同樣是本小編親身使用過的，會附上真實使用心得，還沒看上篇的朋友歡迎點擊：
【工具介紹】 小編必備線上設計製作工具4選， 誰最好用？誰最便宜？ | 夏木樂網頁設計

[toc]
1.Photopea
有「線上Photoshop」之稱的Photopea來自捷克，一個單人開發出來的線上編輯器。
操作介面、功能都與Photoshop十分相似，因此有用過PS的朋友可以...]]></summary>
    <published>2022-07-25T01:59:27+00:00</published>
    <updated>2026-05-18T18:14:46+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/42-%E7%B7%9A%E4%B8%8A%E4%BF%AE%E5%9C%96%E5%B7%A5%E5%85%B7%E4%BD%BF%E7%94%A8%E5%BF%83%E5%BE%97%E8%88%87%E6%8E%A8%E8%96%A6"/>
    <id>https://simular.co/blog/post/42-%E7%B7%9A%E4%B8%8A%E4%BF%AE%E5%9C%96%E5%B7%A5%E5%85%B7%E4%BD%BF%E7%94%A8%E5%BF%83%E5%BE%97%E8%88%87%E6%8E%A8%E8%96%A6</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[【工具介紹】 設計師都用過的icons8 icons、AI技術、音樂資源，跟迷因換臉！]]></title>
    <summary type="html"><![CDATA[icons8簡介
icons8於2001成立，是一個擁有多重功能的網站，最著名的功能有icons資料庫、照片圖庫等。
近年來積極開發各種AI技與拓展音樂資料庫，還有強大的照片線上編輯器，可以從自己的圖庫中選擇照片以及插圖編輯，無需其他工具輔助，像一個獨立運行的宇宙。

這個宇宙由約40人的創作團隊共同運營，團隊成員分別來自設計、音樂、文字等不同領域。與其他設計販售空間不同，icons8販售自家團隊的創作內容與創作工具。收費制度除了一次性購買，也有訂閱制度。
icons8經營範圍廣泛，在本小編親身...]]></summary>
    <published>2022-07-18T03:50:52+00:00</published>
    <updated>2026-05-18T18:14:46+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/41-cons8-icons%E3%80%81ai%E6%8A%80%E8%A1%93%E3%80%81%E9%9F%B3%E6%A8%82%E8%B3%87%E6%BA%90"/>
    <id>https://simular.co/blog/post/41-cons8-icons%E3%80%81ai%E6%8A%80%E8%A1%93%E3%80%81%E9%9F%B3%E6%A8%82%E8%B3%87%E6%BA%90</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[【工具介紹】 小編必備線上設計製作工具4選， 誰最好用？誰最便宜？ Canva vs Vivipic]]></title>
    <summary type="html"><![CDATA[首先要跟點進這篇文章的各位説一聲辛苦了。我知道，找的一個符合自己工作習慣的線上製圖工具有多不容易。所以這篇文章，我準備了四款好用的工具要介紹給你。
請不要擔心，今天的推薦，小編我都有親身使用過，會在每一個工具介紹完後寫畫下我的使用心得，保證給你最認真的比較。重點是，他們都有免費版，可以先從基礎功能開始試試手感，在此之前，容我稍微簡介一下今天將會介紹到的工具們：
[toc]
比較表格（有無內建圖庫、有無協作功能、有無中文版、免費使用條件）
Canva

源自澳洲的線上編輯器，內建圖庫，有照片、插圖...]]></summary>
    <published>2022-07-18T03:11:51+00:00</published>
    <updated>2026-05-18T18:14:46+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/40-%E7%B7%9A%E4%B8%8A%E8%A8%AD%E8%A8%88%E8%A3%BD%E4%BD%9C%E5%B7%A5%E5%85%B74%E9%81%B8"/>
    <id>https://simular.co/blog/post/40-%E7%B7%9A%E4%B8%8A%E8%A8%AD%E8%A8%88%E8%A3%BD%E4%BD%9C%E5%B7%A5%E5%85%B74%E9%81%B8</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[【案例分享】Datavideo 國際官網 — 大型跨國公司官網的標竿案例]]></title>
    <summary type="html"><![CDATA[<p class="">
    如果你有一間跨國公司，你會選擇各國分別設立官網，還是一個國際官網全部整合呢？本篇文章即將介紹的案例Datavideo就是選擇了後者。讓我們從Datavideo簡介開始，一起來看看夏木樂如何協助Datavideo開發一個14種語言的大型B to B to C網站。
</p>

]]></summary>
    <published>2026-06-09T12:30:09+00:00</published>
    <updated>2022-09-19T03:48:58+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/39-%E6%A1%88%E4%BE%8B%E5%88%86%E4%BA%ABdatavideo-%E5%9C%8B%E9%9A%9B%E5%AE%98%E7%B6%B2"/>
    <id>https://simular.co/blog/post/39-%E6%A1%88%E4%BE%8B%E5%88%86%E4%BA%ABdatavideo-%E5%9C%8B%E9%9A%9B%E5%AE%98%E7%B6%B2</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[網站視覺風格怎麼選？ 風格分類、範例一次看]]></title>
    <summary type="html"><![CDATA[我們近來遇到許多客戶，想重做網站，卻常常無法給出明確的方向。因此，今天的這篇文章，就是要寫每個為網站設計迷茫的網站主們，一篇集結形容網站會用到的一些關鍵字，以及他們的實際案例，開門見山地寫的一篇視覺設計選擇指南！
首先聲明，一個網站的視覺組成，除了以下將提及的風格、素材、色系、感受之外，還有很多很多需要注意的小細節，例如插畫風、動畫形式、菜單形式等等，本文志在幫助你找到大方向，跨出第一步。
廢話不多說，讓我們從風格開始吧！
一、風格

網站設計中，用以形容網頁的種形容詞，使用平率最高的大概是「大...]]></summary>
    <published>2022-05-18T03:47:39+00:00</published>
    <updated>2026-05-18T18:14:46+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/38-%E7%B6%B2%E7%AB%99%E8%A6%96%E8%A6%BA%E9%A2%A8%E6%A0%BC%E6%80%8E%E9%BA%BC%E9%81%B8-%E9%A2%A8%E6%A0%BC%E8%88%87%E5%88%86%E9%A1%9E"/>
    <id>https://simular.co/blog/post/38-%E7%B6%B2%E7%AB%99%E8%A6%96%E8%A6%BA%E9%A2%A8%E6%A0%BC%E6%80%8E%E9%BA%BC%E9%81%B8-%E9%A2%A8%E6%A0%BC%E8%88%87%E5%88%86%E9%A1%9E</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[我的網頁有 Bug，該如何與網頁設計公司溝通？]]></title>
    <summary type="html"><![CDATA[「我明明只是想說圖片跑不出來，為什麼網頁設計公司就是聽不懂？」
如果你也常常也在想，為什麼溝通Bug那麼難？那麼今天這篇文章就是為而你設計的。
首先我們來定義一下什麼是Bug
「Bug」，是程式設計術語，用來指稱程式裡的錯誤部分。
最簡單的辨別方式就是，之前ok的功能現在不ok了，它就是Bug。
找到Bug有時候會需要一點時間，它可能藏在網頁深處，或可能因為某種因素被觸發才出現，因此網站必須要在上線並且運行之後才能陸續修正。
然而最難的並不是找到Bug，而是告訴別人它在哪裡、應該怎麼被修復。再進...]]></summary>
    <published>2022-05-09T03:17:53+00:00</published>
    <updated>2026-05-18T18:14:46+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/37-%E7%B6%B2%E9%A0%81%E6%9C%89bug%E5%A6%82%E4%BD%95%E8%88%87%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E5%85%AC%E5%8F%B8%E6%BA%9D%E9%80%9A"/>
    <id>https://simular.co/blog/post/37-%E7%B6%B2%E9%A0%81%E6%9C%89bug%E5%A6%82%E4%BD%95%E8%88%87%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E5%85%AC%E5%8F%B8%E6%BA%9D%E9%80%9A</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[【網站架構須知】網站架構是什麼？ 架構完整、架構不健康是什麼概念？]]></title>
    <summary type="html"><![CDATA[每個人都在現實生活中迷過路（不要不承認），但卻較少人有在網站中迷路的經驗。
這是因為，大部分的網站，在正式上線之前都經過反覆的測試，確認使用者在各種情況下都有辦法找到出路，但還是有極少數情況，會出現使用者進入頁面後沒有退路也沒有辦法再往前的情況，這個狀況，就是網頁「架構」出現狀況。
這篇文章將會從網站架構的概念開始講解，舉一些生活中的例子，讓生澀的概念變得好消化一點，再來看看該避面的網路架構「誤區」，最後，提供簡單網站架構的簡易驗證方式以及可以延伸閱讀的文章。
讓我們從網路架構的概念開始吧！
關...]]></summary>
    <published>2022-04-22T02:46:35+00:00</published>
    <updated>2026-05-18T18:14:46+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/36-%E7%B6%B2%E7%AB%99%E6%9E%B6%E6%A7%8B%E6%98%AF%E4%BB%80%E9%BA%BC%E6%A6%82%E5%BF%B5"/>
    <id>https://simular.co/blog/post/36-%E7%B6%B2%E7%AB%99%E6%9E%B6%E6%A7%8B%E6%98%AF%E4%BB%80%E9%BA%BC%E6%A6%82%E5%BF%B5</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[網站又慢又卡想改版？ 三步驟準備網站改版資料]]></title>
    <summary type="html"><![CDATA[突如其來的疫情，不只打亂了人們的生活節奏，更讓網路生態圈大風吹，現在的公司行號，網站不只求「有」，更要求「好」，這就衍生出了一個問題，那些原本就有網站的公司，該如何把網站變得更好？
本公司最近就時常接到「網站翻新」的需求，在洽談的過程中我們發現，許多客戶都對新網站有很遠大的抱負，但對舊網站具體出現的問題卻一問三不知，這樣很容易讓新網站步入舊網站的後塵。
為了避免以上情形發生，這篇文章集結了本公司的經驗，列出三大網站改版前應走過的步驟，幫新網站排雷，規劃更事半功倍。
第一步：瀏覽網頁，整理問題
一...]]></summary>
    <published>2022-04-22T02:43:52+00:00</published>
    <updated>2026-05-18T18:14:46+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/35-%E7%B6%B2%E7%AB%99%E6%94%B9%E7%89%88%E4%B8%89%E6%AD%A5%E9%A9%9F%E6%BA%96%E5%82%99%E8%B3%87%E6%96%99"/>
    <id>https://simular.co/blog/post/35-%E7%B6%B2%E7%AB%99%E6%94%B9%E7%89%88%E4%B8%89%E6%AD%A5%E9%A9%9F%E6%BA%96%E5%82%99%E8%B3%87%E6%96%99</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[【SEO】Search Console超詳解下篇 登入步驟、操作部分、跟GA的差別]]></title>
    <summary type="html"><![CDATA[今天這篇文章，將介紹如何登入Google Search Console以及我們（一般人）能與Google互動的部分，最後介紹GSC與GA的差別。如果你是GSC新手或路人，只是想知道GSC的概念，歡迎點選下方連結，閱讀上篇文章那麼。
我們話不多說，從GSC登入步驟開始介紹吧！
[toc]
本篇文章將會接續上篇基礎，因此，請還新來的朋友先點這邊：
【SEO】Search Console超詳解上篇 GSC是什麼東西、功能介紹、數字解析 | 夏木樂網頁設計

如何登入 Search Console？
一...]]></summary>
    <published>2022-04-11T03:57:16+00:00</published>
    <updated>2026-05-18T18:14:46+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/34-search-console%E7%99%BB%E5%85%A5%E6%AD%A5%E9%A9%9F%E8%88%87%E6%93%8D%E4%BD%9C"/>
    <id>https://simular.co/blog/post/34-search-console%E7%99%BB%E5%85%A5%E6%AD%A5%E9%A9%9F%E8%88%87%E6%93%8D%E4%BD%9C</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[【SEO】Search Console超詳解上篇 GSC是什麼東西、功能介紹、數字解析]]></title>
    <summary type="html"><![CDATA[今天這篇文章，是針對Google Search Console新手所撰寫，從GSC概念開始介紹，接著介紹GSC功能以及報表中的數字解析，如果你是已知GSC網站主，想知道登入步驟、操作部分以及GSC與GA的差別，歡迎跳轉至結尾，我們下篇見。
那麼各位GSC新手們，我們開始吧！
[toc]
Search Console是什麼？

Google Search Console簡稱GSC，是一個Google官方提供的免費SEO、網站管理工具。
GSC的功能除了各種數據監測外，還可以提交sitemap、排除...]]></summary>
    <published>2022-04-11T03:43:37+00:00</published>
    <updated>2026-05-18T18:14:46+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/33-search-console%E5%8A%9F%E8%83%BD%E4%BB%8B%E7%B4%B9%E3%80%81%E6%95%B8%E5%AD%97%E8%A7%A3%E6%9E%90"/>
    <id>https://simular.co/blog/post/33-search-console%E5%8A%9F%E8%83%BD%E4%BB%8B%E7%B4%B9%E3%80%81%E6%95%B8%E5%AD%97%E8%A7%A3%E6%9E%90</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[【電商經營】獨立開發網站、線上平台租用怎麼選？ 三個問題問自己]]></title>
    <summary type="html"><![CDATA[此篇文章開始前，前情提要請看上篇：
【電商經營】獨立平台開發vs線上平台租用， 有什麼差別？ | 夏木樂網頁設計

在上篇文章中，我們提到過電商「線上平台租用」與「獨立開發平台」的差異以及優缺。經過分析，許多夥伴仍舊不清楚自己適合什麼樣的電商平台，所以誕生出了這篇文章，讓我們以三個簡單的問題，手把手帶你挑選適合自己的電商平台。
問題一：是否已自帶流量？
大部分電商初學者，都會選擇從共用型平台開始經營，主要原因是共用平台活動多、曝光多、人流多，其他店家的顧客也有可能因為活動或商店類型相似而被倒流到...]]></summary>
    <published>2022-03-23T10:54:03+00:00</published>
    <updated>2026-05-18T18:14:46+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/32-%E7%8D%A8%E7%AB%8B%E9%96%8B%E7%99%BC%E7%B6%B2%E7%AB%99%E3%80%81%E7%B7%9A%E4%B8%8A%E5%B9%B3%E5%8F%B0%E7%A7%9F%E7%94%A8%E6%80%8E%E9%BA%BC%E9%81%B8%EF%BC%9F"/>
    <id>https://simular.co/blog/post/32-%E7%8D%A8%E7%AB%8B%E9%96%8B%E7%99%BC%E7%B6%B2%E7%AB%99%E3%80%81%E7%B7%9A%E4%B8%8A%E5%B9%B3%E5%8F%B0%E7%A7%9F%E7%94%A8%E6%80%8E%E9%BA%BC%E9%81%B8%EF%BC%9F</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[【電商經營】獨立平台開發vs線上平台租用， 有什麼差別？]]></title>
    <summary type="html"><![CDATA[網購平台從早期的Pchome、樂天、奇摩拍賣三強鼎立，至今日蝦皮、pinkoi、各大蔬果網站崛起，許多小店也紛紛從電商平台中分家，經營起了自己的獨立電商平台。
你是否也感到好奇，到底是什麼吸引力，讓大家紛紛從租用線上平台，轉向獨立開發電商平台呢？
租用電商平台與獨立開發電商平台長什麼樣子，又有哪些規定呢？
首先，讓我們先從上手難度低的線上平台開始說起：
線上電商平台分兩種—
第一種－共用型線上電商平台

一個與百貨公司免費租櫃位的概念。
你與其他許多的櫃位共同組成一間百貨公司（購物App、網站）...]]></summary>
    <published>2022-03-21T02:29:06+00:00</published>
    <updated>2026-05-18T18:14:46+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/31-%E7%8D%A8%E7%AB%8B%E5%B9%B3%E5%8F%B0%E9%96%8B%E7%99%BCvs%E7%B7%9A%E4%B8%8A%E5%B9%B3%E5%8F%B0%E7%A7%9F%E7%94%A8"/>
    <id>https://simular.co/blog/post/31-%E7%8D%A8%E7%AB%8B%E5%B9%B3%E5%8F%B0%E9%96%8B%E7%99%BCvs%E7%B7%9A%E4%B8%8A%E5%B9%B3%E5%8F%B0%E7%A7%9F%E7%94%A8</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[【合約白話文】網頁維護到底做了些什麼？]]></title>
    <summary type="html"><![CDATA[在與網頁設計公司簽約之前，通常會一併詢問是否簽署「網頁維護合約」。
這份合約的作用及網站維護的基本概念，我們在先前的文章中已經提及，還沒讀過「淺談網站的維護與保固」文章請點這邊。
今天這篇文章，會以夏木樂的合約為基礎，向大家介紹網站的合約條文。分成硬體類、軟體類、人力支援類以及高級方案。將許多網頁設計與維護的術語，以更白話的方式呈現。
[toc]
一、一般方案
硬體類
主機空間與流量
主機是乘載網站的硬體設備，網站主可依自身需求選擇設備效能、儲存空間大小。
若網站本身資訊量大且瀏覽人數多，塞在一...]]></summary>
    <published>2022-03-18T03:09:28+00:00</published>
    <updated>2026-05-18T18:14:46+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/30-%E7%B6%B2%E9%A0%81%E7%B6%AD%E8%AD%B7%E5%88%B0%E5%BA%95%E5%81%9A%E4%BA%86%E4%BA%9B%E4%BB%80%E9%BA%BC"/>
    <id>https://simular.co/blog/post/30-%E7%B6%B2%E9%A0%81%E7%B6%AD%E8%AD%B7%E5%88%B0%E5%BA%95%E5%81%9A%E4%BA%86%E4%BA%9B%E4%BB%80%E9%BA%BC</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[【UX教室】什麼是 CTA？好的 CTA 把路人變顧客 (Call to Action)]]></title>
    <summary type="html"><![CDATA[從生活中的CTA，玻璃門上的指示「推」或「拉」，到網路行為的CTA「加入購物車」或「訂閱」，這些銜接在每一步中間的轉換動作，除了引導我們空間或網站的動線外，還有什麼隱藏的功能嗎？如何設計才能讓使用者更容易找到並且按下按鈕呢？
一、CTA定義
CTA為英文 Call To Action 的縮寫，中文譯為「行動呼籲」或「行動喚起」。
通常為Banner、EDM或網站中的一張圖片、一行字、一句短文或一個按鈕，用以引導造訪者對當前頁面做出行動，最簡單的例子像是：下一頁、提交表單等。

二、CTA目的
網...]]></summary>
    <published>2022-03-17T04:07:06+00:00</published>
    <updated>2026-05-18T18:14:45+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/29-%E4%BB%80%E9%BA%BC%E6%98%AFcta%E5%A5%BD%E7%9A%84cta%E6%8A%8A%E8%B7%AF%E4%BA%BA%E8%AE%8A%E9%A1%A7%E5%AE%A2"/>
    <id>https://simular.co/blog/post/29-%E4%BB%80%E9%BA%BC%E6%98%AFcta%E5%A5%BD%E7%9A%84cta%E6%8A%8A%E8%B7%AF%E4%BA%BA%E8%AE%8A%E9%A1%A7%E5%AE%A2</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[【SEO】網站上線卻找不到？ 做好3件事，讓網站更快被找到 (Indexing)]]></title>
    <summary type="html"><![CDATA[許多網站主第一次做網站時都會有一個迷思，「網站上線＝會出現在google第一頁」，今天這篇文章就是要從網頁設計公司的角度出發，破解這個都市傳說。
並且手把手教各位網站主們，三步驟，讓網站更快速被索引！
[toc]
首先，我們要先了解，你的網站從上線到出現在搜尋引擎，經歷了些什麼？
第一關－爬取
網站上線後，不只是google，各大搜尋引擎都會對其進行「爬取（Crawl）」，可以想像成搜尋引擎主動「爬文」你的網站。他會爬你的網站架構、網站內容、網站中出現的關鍵字，以此確認你的網站是否完整、體質好不...]]></summary>
    <published>2022-03-03T03:21:09+00:00</published>
    <updated>2026-05-18T18:14:45+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/28-%E5%81%9A%E5%A5%BD3%E4%BB%B6%E4%BA%8B%EF%BC%8C%E8%AE%93%E7%B6%B2%E7%AB%99%E6%9B%B4%E5%BF%AB%E8%A2%AB%E6%89%BE%E5%88%B0"/>
    <id>https://simular.co/blog/post/28-%E5%81%9A%E5%A5%BD3%E4%BB%B6%E4%BA%8B%EF%BC%8C%E8%AE%93%E7%B6%B2%E7%AB%99%E6%9B%B4%E5%BF%AB%E8%A2%AB%E6%89%BE%E5%88%B0</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[套版網站與客製化網站，你知道他們的區別嗎？]]></title>
    <summary type="html"><![CDATA[「您好，請問您的網站希望做成套版網站還是客製化網站呢？」
「...有什麼差別嗎？」
這個問題絕對是網站製作初期，所有網站主都會面對到的問題。
本篇文章主要釐清套版網站、客製化網站、半客製或半套版網站定義，並分析雙方優劣，進而幫助您選出適合自身的方案，不用擔心文字敘述單薄，文章中亦有本公司案例截圖，最後附上手把手寫諮詢信的文章連結，讓您安心踏出做網站的第一步！
接下來，讓我們從套版網站的定義開始一步步抽絲剝繭...
套版網站
定義
以網頁設計公司或套版網站供應商所提供之模板為準，請網站主提供與之相...]]></summary>
    <published>2022-02-18T04:06:31+00:00</published>
    <updated>2026-05-18T18:14:45+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/27-%E5%A5%97%E7%89%88%E7%B6%B2%E7%AB%99%E8%88%87%E5%AE%A2%E8%A3%BD%E5%8C%96%E7%B6%B2%E7%AB%99%E7%9A%84%E5%8D%80%E5%88%A5"/>
    <id>https://simular.co/blog/post/27-%E5%A5%97%E7%89%88%E7%B6%B2%E7%AB%99%E8%88%87%E5%AE%A2%E8%A3%BD%E5%8C%96%E7%B6%B2%E7%AB%99%E7%9A%84%E5%8D%80%E5%88%A5</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[網頁公司會接手別人的作品嗎？]]></title>
    <summary type="html"><![CDATA[大家都希望跟網頁設計公司合作順利，最後生出美觀且強大的網站，但是，如果結果不如預期呢...？
網頁做出來與想像中的有出入，或是網站未完成時，就因為種種原因，與網頁設計公司停止合作，這樣的情況下，有人能幫我完成網站製作嗎？
公司近期接到許多「幫忙完成網站」的諮詢，希望透過這篇文章，濃縮這幾次交涉的經驗，解析客戶的煩惱，並說明網頁設計公司大部分都不希望接手其他人作品的原因。
一、軟體使用方面
與某公司合作失敗後，拿著即將完成的網站詢價，卻因為軟體不相容、軟體不擅長等原因四處碰壁，可能會心生：「不都是...]]></summary>
    <published>2022-02-10T02:48:36+00:00</published>
    <updated>2026-05-18T18:14:45+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/26-%E7%B6%B2%E9%A0%81%E5%85%AC%E5%8F%B8%E6%9C%83%E6%8E%A5%E6%89%8B%E5%88%A5%E4%BA%BA%E7%9A%84%E4%BD%9C%E5%93%81%E5%97%8E"/>
    <id>https://simular.co/blog/post/26-%E7%B6%B2%E9%A0%81%E5%85%AC%E5%8F%B8%E6%9C%83%E6%8E%A5%E6%89%8B%E5%88%A5%E4%BA%BA%E7%9A%84%E4%BD%9C%E5%93%81%E5%97%8E</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[網站建構前期為什麼看不到成果？ 淺談網站建構流程]]></title>
    <summary type="html"><![CDATA[在我們製作網站的經驗中，許多客戶會迫於上級或時間的壓力，在網站建構的初期就希望能看見成果，如果你也有這樣的擔憂，或是正在思考這個做法可行性的人，那麼，這篇文章是為你而設計的。
今天的文章會從網站建構的流程開始，簡短敘述每步驟會發生的事情，以及注意事項，隨後以網頁設計公司的角度出發，回答網站建構初期我們最常被問到的四個問題，希望能帶大家深入淺出，理解網頁設計驗收期程與後台建構的關係。
網站建構流程—

每份合約流程不定，本圖僅為範例
1.簽約
確認時程表、每期費用、功能需求、網站規格、保密協議、系...]]></summary>
    <published>2022-02-07T01:42:36+00:00</published>
    <updated>2026-05-18T18:14:45+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/25-%E6%B7%BA%E8%AB%87%E7%B6%B2%E7%AB%99%E5%BB%BA%E6%A7%8B%E6%B5%81%E7%A8%8B"/>
    <id>https://simular.co/blog/post/25-%E6%B7%BA%E8%AB%87%E7%B6%B2%E7%AB%99%E5%BB%BA%E6%A7%8B%E6%B5%81%E7%A8%8B</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[網站壞掉， 為何網頁公司還要收取檢測費？]]></title>
    <summary type="html"><![CDATA[首先，為了要了解「為什麼」要收取檢測費，我們要先搞清楚「檢測費」是什麼—
「檢測費」
顧名思義，就是網頁設計公司在檢測網站問題時所產生的處理費，確認發生問題的部分是否為人為操作疏失，若為系統問題，則需檢測修復範圍。
可以把它想像成是一種保險，像是Apple Care。
假如小明的iphone壞掉了，卻未買Apple Care，當小明手機需要檢修時，店家會先幫小明檢查手機為什麼壞掉，是否泡過水導致電池出問題，或單純因為系統更新導致某功能、某app無法使用等等，此時這個檢查的的費用就稱之為「檢測費」...]]></summary>
    <published>2022-01-24T06:52:40+00:00</published>
    <updated>2026-05-18T18:14:45+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/24-%E7%B6%B2%E7%AB%99%E5%A3%9E%E6%8E%89%E7%82%BA%E4%BD%95%E8%A6%81%E6%94%B6%E5%8F%96%E6%AA%A2%E6%B8%AC%E8%B2%BB"/>
    <id>https://simular.co/blog/post/24-%E7%B6%B2%E7%AB%99%E5%A3%9E%E6%8E%89%E7%82%BA%E4%BD%95%E8%A6%81%E6%94%B6%E5%8F%96%E6%AA%A2%E6%B8%AC%E8%B2%BB</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[5個決定，做好網頁設計詢價前的評估與準備]]></title>
    <summary type="html"><![CDATA[「我的網站架構需求，需要花多少錢才能完成呢？」
「這樣的預算，大概能做出什麼樣的網站呢？」
以上兩個問題，是我們在詢價或咨詢、報價階段時常常被問到的。
此階段，許多人會因為「不知道該先決定什麼」而躊躇不前，今天這篇文章我們將從網頁設計公司的角度出發，告訴大家，如何釐清自己的需求、目標，跨出第一步！
[toc]
一、網站目的
一個網站的設立，是為了達到某一種「目的」。
舉例來說，新創公司的形象網站，從零到有，目的是為個提升新創公司形象。本就有網站的公司，從舊到新，是為了更新軟體並且增加小螢幕適應性...]]></summary>
    <published>2022-01-21T02:51:19+00:00</published>
    <updated>2026-05-18T18:14:45+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/23-5%E5%80%8B%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E8%A9%A2%E5%83%B9%E5%89%8D%E7%9A%84%E8%A9%95%E4%BC%B0%E8%88%87%E6%BA%96%E5%82%99"/>
    <id>https://simular.co/blog/post/23-5%E5%80%8B%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E8%A9%A2%E5%83%B9%E5%89%8D%E7%9A%84%E8%A9%95%E4%BC%B0%E8%88%87%E6%BA%96%E5%82%99</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[設計稿由客戶提供，費用會比較低嗎？ 優點缺點大分析]]></title>
    <summary type="html"><![CDATA[大家是否使用過，海底撈以前的「自帶食材」服務呢？
走進火鍋店，只要點好湯底，店員會幫你把你帶來的食材處理好，且不額外收費，不僅方便且CP值超高！
想像一下，鍋底是網站架構，自備的食材是設計稿，客戶往往認為，只要付網站架構成本，自己出設計稿，就可以省錢又省力，何樂而不為？
本篇文章會帶您分析客戶自備設計稿的好與壞，最後，找出折衷的方案，讓大家吃得盡興，合作愉快！
[toc]
優點
溝通方面
跨部門溝通不易，更別說是跨公司溝通了。
有時網頁設計公司會外包插圖給其他設計師，若客戶想完整傳達想法，就必須...]]></summary>
    <published>2022-01-17T01:54:39+00:00</published>
    <updated>2026-05-18T18:14:45+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/22-%E8%A8%AD%E8%A8%88%E7%A8%BF%E7%94%B1%E5%AE%A2%E6%88%B6%E6%8F%90%E4%BE%9B%E8%B2%BB%E7%94%A8%E6%9C%83%E6%AF%94%E8%BC%83%E4%BD%8E%E5%97%8E"/>
    <id>https://simular.co/blog/post/22-%E8%A8%AD%E8%A8%88%E7%A8%BF%E7%94%B1%E5%AE%A2%E6%88%B6%E6%8F%90%E4%BE%9B%E8%B2%BB%E7%94%A8%E6%9C%83%E6%AF%94%E8%BC%83%E4%BD%8E%E5%97%8E</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[[Secure101] 從歷史到分級， 一篇文章看懂什麼是 SSL]]></title>
    <summary type="html"><![CDATA[讓你的網站被使用者信任的第一步：http「S」。
網頁設計的再美麗，沒有S，還是很難被使用者信任。
SSL尚未問世前，網路傳輸沒有加密，很難在網站中對公司進行身份識別，處於不安全的網路環境。SSL的出現，對網路的世界影響極大，有了加密及認證機制，才讓信用卡線上刷卡與網路金流變得可靠足以信任，也才能帶動電子商務蓬勃發展至今。
今天這篇文章會從這個S的故事開始説起...
SSL的故事
SSL（Secure Sockets Layer）
傳輸層安全協定。由90年代瀏覽器霸主Netscape公司發起，S...]]></summary>
    <published>2022-01-11T03:45:32+00:00</published>
    <updated>2026-05-18T18:14:45+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/21-%E4%B8%80%E7%AF%87%E6%96%87%E7%AB%A0%E7%9C%8B%E6%87%82%E4%BB%80%E9%BA%BC%E6%98%AFssl"/>
    <id>https://simular.co/blog/post/21-%E4%B8%80%E7%AF%87%E6%96%87%E7%AB%A0%E7%9C%8B%E6%87%82%E4%BB%80%E9%BA%BC%E6%98%AFssl</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[常見 Pop-up 類型與案例，行銷人員如何正確使用彈出視窗]]></title>
    <summary type="html"><![CDATA[某個輕鬆的午後，我開啟購物 app 準備採購。結帳當下，跳出一個不明所以的空白視窗。身為一個曾經因重整網站而造成重複刷卡的受害者，「敵不動我不動」是我下意識的反應。終於，在數秒後，跳出「付款成功」字樣，我開心的點了「OK」後，又再度跳出一個「付款成功」視窗，一度讓我以為又被刷了兩次........
身為網站從業人員，深諳彈出視窗的優勢與劣勢，但提示也Pop-up、通知也Pop-up、警告也Pop-up，有時我不禁思考，彈出視窗是否被濫用了呢？
這篇文章總結了我們過去的一些經驗，向大家介紹彈出視窗...]]></summary>
    <published>2022-01-05T02:52:05+00:00</published>
    <updated>2026-05-18T18:14:45+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/20-%E5%B8%B8%E8%A6%8Bpop-up%E9%A1%9E%E5%9E%8B%E8%88%87%E6%A1%88%E4%BE%8B"/>
    <id>https://simular.co/blog/post/20-%E5%B8%B8%E8%A6%8Bpop-up%E9%A1%9E%E5%9E%8B%E8%88%87%E6%A1%88%E4%BE%8B</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[RWD 與 AWD 是什麼？ 網站設計時該怎麼選？(Mobile)]]></title>
    <summary type="html"><![CDATA[2020年，全台灣的行動裝置持有率來到了88.4%，大部分舊網站都在朝向「手機優先」方向發展，新網站中，小螢幕的需求也成了不可被忽視的一塊。
在決定網站呈現方式時，網頁設計該選擇RWD還是AWD呢？RWD、AWD又分別代表什麼意思呢？
RWD是什麼？
Responsive Web Design 縮寫，大多翻譯做「響應式網頁設計」。
網頁會根據瀏覽網站的銀幕大小，自動調整成相應的設計。
是一組CSS對應不同的裝置調整，這組CSS必須要對應到所有裝置，包括桌機、筆電、平板、手機，因此內容上任何裝置都...]]></summary>
    <published>2022-01-04T02:10:05+00:00</published>
    <updated>2026-05-18T18:14:45+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/19-rwd%E8%88%87awd%E6%98%AF%E4%BB%80%E9%BA%BC%E7%B6%B2%E7%AB%99%E4%B8%BB%E8%A9%B2%E6%80%8E%E9%BA%BC%E9%81%B8"/>
    <id>https://simular.co/blog/post/19-rwd%E8%88%87awd%E6%98%AF%E4%BB%80%E9%BA%BC%E7%B6%B2%E7%AB%99%E4%B8%BB%E8%A9%B2%E6%80%8E%E9%BA%BC%E9%81%B8</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[夏木樂創意構思六步驟 — 這是我們的 Design Thinking]]></title>
    <summary type="html"><![CDATA[<p class="">
    我們的創意構思主要分成六個階段，每個階段都要有產出的標的物，可能是一組關鍵字、一組執行方向、或者一份報告。
</p>
    <p class="">
    每個階段的產出物需紮紮實實的寫成人們看的懂得文字內容，並假設另一組人馬可以在沒有參與發想過程的情況下，正確執行我們的企劃，才是良好的產出物。
</p>

]]></summary>
    <published>2026-06-09T12:30:09+00:00</published>
    <updated>2022-09-19T04:28:33+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/18-%E5%A4%8F%E6%9C%A8%E6%A8%82%E5%89%B5%E6%84%8F%E6%A7%8B%E6%80%9D%E5%85%AD%E6%AD%A5%E9%A9%9F-%E6%88%91%E5%80%91%E7%9A%84design-thinking"/>
    <id>https://simular.co/blog/post/18-%E5%A4%8F%E6%9C%A8%E6%A8%82%E5%89%B5%E6%84%8F%E6%A7%8B%E6%80%9D%E5%85%AD%E6%AD%A5%E9%A9%9F-%E6%88%91%E5%80%91%E7%9A%84design-thinking</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[網域名稱跟誰買？ 購買注意事項]]></title>
    <summary type="html"><![CDATA[[toc]
網域名稱怎麼買？跟誰買？
每個網域名稱在各家供應商的政策下，會出現價格上的差異，供應商的服務也大同小異，端看需求決定。
如果希望在購買的過程，有會說中文的人員幫您服務，可以選擇台灣本地的供應商，例如台灣網站則有中華電信、遠鎮資訊、蓋雅資訊、Cloudmax匯智等。
也有些外國供應商在台灣設立分公司，有中文網站，例如GoDaddy，沒有中文網站但知名度廣的有Namecheap、Wix、Google Domain、Bluehost、Hostgator等。
若無暇顧及網域名稱購買作業，也可...]]></summary>
    <published>2021-12-22T00:57:27+00:00</published>
    <updated>2026-05-18T18:14:45+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/17-%E7%B6%B2%E5%9F%9F%E5%90%8D%E7%A8%B1%E8%B7%9F%E8%AA%B0%E8%B2%B7%E8%B3%BC%E8%B2%B7%E6%B3%A8%E6%84%8F%E4%BA%8B%E9%A0%85"/>
    <id>https://simular.co/blog/post/17-%E7%B6%B2%E5%9F%9F%E5%90%8D%E7%A8%B1%E8%B7%9F%E8%AA%B0%E8%B2%B7%E8%B3%BC%E8%B2%B7%E6%B3%A8%E6%84%8F%E4%BA%8B%E9%A0%85</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[2021 夏木樂作品總回顧]]></title>
    <summary type="html"><![CDATA[<p class="">
    2021年，全世界仍被病毒籠罩著，前途未知，但世界仍不曾停下腳步，因為疫情，各行各業意識到了轉型線上的重要性，使我們今年有機會與更多不同面向、領域、步調的公司合作，嘗試了許多有趣的方式，技術上更加精進，讓創作內容更加優質。
</p>
    <p class="">
    年末，夏木樂將有重大消息宣布，請讓我們把消息留到結尾公布～（神秘）
</p>
    <p class="">
    這篇文章中，我們將以服務「族群」為分類，介紹今年度內部票選最有記憶性的幾件專案。現在，讓我們一起來回顧，這一年有哪些有趣的作品吧！
</p>

]]></summary>
    <published>2026-06-09T12:30:09+00:00</published>
    <updated>2022-09-15T02:24:22+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/16-2021-%E5%A4%8F%E6%9C%A8%E6%A8%82%E4%BD%9C%E5%93%81%E7%B8%BD%E5%9B%9E%E9%A1%A7"/>
    <id>https://simular.co/blog/post/16-2021-%E5%A4%8F%E6%9C%A8%E6%A8%82%E4%BD%9C%E5%93%81%E7%B8%BD%E5%9B%9E%E9%A1%A7</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[什麼是網域名稱？ 為什麼要買網域名稱？]]></title>
    <summary type="html"><![CDATA[一個網站的組成，有主機、網址、網站本身，主機已在之前得文章中詳細解說過，今天的文章，想把網址中的網域名稱單獨分出來，從網域名稱的故事開始，慢慢了解網域名，以及買域名的優勢，讓我們開始吧....
網站主機是什麼？ 虛擬主機、VPS主機、實體主機差在哪？ | 夏木樂網頁設計

網域名稱的故事
從前從前，在網域名稱系統問世前，想要指向特定網頁，人們必須記住一組9到16位不等數字，稱為IP位置（Internet Protocol Address），比電話號碼還長！
例如：139.162.83.204，我...]]></summary>
    <published>2021-12-21T01:31:57+00:00</published>
    <updated>2026-05-18T18:14:45+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/15-%E4%BB%80%E9%BA%BC%E6%98%AF%E7%B6%B2%E5%9F%9F%E5%90%8D%E7%A8%B1-%E7%82%BA%E4%BB%80%E9%BA%BC%E8%A6%81%E8%B2%B7%EF%BC%9F"/>
    <id>https://simular.co/blog/post/15-%E4%BB%80%E9%BA%BC%E6%98%AF%E7%B6%B2%E5%9F%9F%E5%90%8D%E7%A8%B1-%E7%82%BA%E4%BB%80%E9%BA%BC%E8%A6%81%E8%B2%B7%EF%BC%9F</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[網站製作後，有什麼後續費用嗎？]]></title>
    <summary type="html"><![CDATA[很多人會將網頁設計、網站製作當作是「一次性任務」，其實做網站更像買車。
買之前先看車（各公司報價），決定好之後選顏色、內裝（內容），租個車位（主機費），每年繳牌照稅（網域費），還要買保險（維護費），還有很多雜費支出，這些費用都必須定期繳納、更新合約。
然而這些費用都在做什麼？讓我慢慢告訴你...
主機費
主機是由主機公司出租的「空間」，專門用來放置網站的「空間」。
主機費收費方式為年費，若當初網頁設計完成後有一并租用主機，那麼請向網頁公司續約，若為打包自行營運者，則向原主機出租公司續約。
使用上...]]></summary>
    <published>2021-12-20T01:54:23+00:00</published>
    <updated>2026-05-18T18:14:45+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/14-%E7%B6%B2%E7%AB%99%E8%A3%BD%E4%BD%9C%E6%9C%89%E4%BB%80%E9%BA%BC%E5%BE%8C%E7%BA%8C%E8%B2%BB%E7%94%A8%E5%97%8E"/>
    <id>https://simular.co/blog/post/14-%E7%B6%B2%E7%AB%99%E8%A3%BD%E4%BD%9C%E6%9C%89%E4%BB%80%E9%BA%BC%E5%BE%8C%E7%BA%8C%E8%B2%BB%E7%94%A8%E5%97%8E</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[網域名稱怎麼取？ 5種常見的取名方式]]></title>
    <summary type="html"><![CDATA[剛起步的網站，總會遇到網域取名這種亙古難題，以下五種方式，幫助您更輕鬆地找到自己適合的網域名稱！
1.品牌名稱
最簡單且直白，有意發展品牌的公司不妨用這個方法。
臉書 Facebook https://www.facebook.com/
國際閱讀平台 Medium https://medium.com/
2.商品關鍵字
博客來是書商，在網域名稱直接放「Books」，簡潔有力。
https://www.books.com.tw/
專賣床類用具的網站，特別著重在賣枕頭「Pillows」。
https...]]></summary>
    <published>2021-12-17T03:08:53+00:00</published>
    <updated>2026-05-18T18:14:45+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/13-5%E7%A8%AE%E5%B8%B8%E8%A6%8B%E7%9A%84%E7%B6%B2%E5%9F%9F%E5%90%8D%E7%A8%B1%E5%8F%96%E5%90%8D%E6%96%B9%E5%BC%8F"/>
    <id>https://simular.co/blog/post/13-5%E7%A8%AE%E5%B8%B8%E8%A6%8B%E7%9A%84%E7%B6%B2%E5%9F%9F%E5%90%8D%E7%A8%B1%E5%8F%96%E5%90%8D%E6%96%B9%E5%BC%8F</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[子網域、次網域、根網域到底是什麼？ 網址大解析]]></title>
    <summary type="html"><![CDATA[網頁設計的最後一個步驟，就是將網址指向網頁所在的主機，這邊的網址所指為何？
如果上網查，可能會出現類似以下的圖：

圖片標示了以「.」為節點的段落叫什麼名字，看似簡單，其實隱含了很多層面及技術，今天這篇文章，會將網址拆分成A,B,C三大部分解析，一層一層撥開網址的神秘面紗。

A.通訊協定

在網址的開頭處的http，全名是Hyper Text Transfer Protocol，「超文本傳輸協定」，是網頁與使用者互動的基礎，內容規範了客戶端請求與伺服器回應的標準，又分成http以及https。...]]></summary>
    <published>2021-12-16T10:04:43+00:00</published>
    <updated>2026-05-18T18:14:45+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/12-%E5%AD%90%E7%B6%B2%E5%9F%9F%E6%AC%A1%E7%B6%B2%E5%9F%9F%E6%A0%B9%E7%B6%B2%E5%9F%9F%E6%98%AF%E4%BB%80%E9%BA%BC"/>
    <id>https://simular.co/blog/post/12-%E5%AD%90%E7%B6%B2%E5%9F%9F%E6%AC%A1%E7%B6%B2%E5%9F%9F%E6%A0%B9%E7%B6%B2%E5%9F%9F%E6%98%AF%E4%BB%80%E9%BA%BC</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[【網頁設計大解密】五步驟教你如何替自己規劃網站架構]]></title>
    <summary type="html"><![CDATA[網頁設計並不是一般人會遇到的事物，所以許多人除非是自己要做網站了，或者老闆指派他當窗口尋找廠商，才會真正接觸到「網站」這回事。
在這裡，夏木樂告訴大家該如何規劃網站，不只自己自己尋找廠商時可以拿來溝通用，也可以參考這些建議替您的公司規劃未來的網站架構。

本文章目次：
[toc]
第一步：蒐集資料
茫茫網海毫無頭緒，第一步就是先找到參考案例。你可以先建立一張表格，列出所有你們同業、競業與相似產業的網站列表，讓團隊可以互相提供各自的經驗，整合大家的認知。
我們提供一份表格，讓大家可以快速取用：按此...]]></summary>
    <published>2021-12-15T05:16:21+00:00</published>
    <updated>2026-05-18T18:14:45+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/11-%E4%BA%94%E6%AD%A5%E9%A9%9F%E6%95%99%E4%BD%A0%E5%A6%82%E4%BD%95%E6%9B%BF%E8%87%AA%E5%B7%B1%E8%A6%8F%E5%8A%83%E7%B6%B2%E7%AB%99%E6%9E%B6%E6%A7%8B"/>
    <id>https://simular.co/blog/post/11-%E4%BA%94%E6%AD%A5%E9%A9%9F%E6%95%99%E4%BD%A0%E5%A6%82%E4%BD%95%E6%9B%BF%E8%87%AA%E5%B7%B1%E8%A6%8F%E5%8A%83%E7%B6%B2%E7%AB%99%E6%9E%B6%E6%A7%8B</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[委外開發網站很貴，我應該自己招募工程師嗎？]]></title>
    <summary type="html"><![CDATA[作為一間提供網頁設計與網站/App開發的代理廠商，有時會遇到正在進行數位轉型的客戶，或者大力發展網站與數位事業的傳統產業。在提供諮詢時，經常被客戶問到這些問題: '

我們能不能把開發完成的系統接回來，自己找工程師繼續發展或維護?

我們自己請工程師，長期下來維護成本會不會比較低?


這其實不是一個很好回答的問題，因為每間企業有不同的體質、文化、規模與策略，對於系統的未來發展規劃也不一樣。我們嘗試從幾個面向來提供企業端思考方向，也許能夠找到不錯的解答。
但先說結論：問題不在省下多少錢，而是有沒...]]></summary>
    <published>2021-12-08T16:34:12+00:00</published>
    <updated>2026-05-18T18:14:45+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/10-%E5%A7%94%E5%A4%96%E9%96%8B%E7%99%BC%E7%B6%B2%E7%AB%99vs%E8%87%AA%E5%B7%B1%E6%8B%9B%E5%8B%9F%E5%B7%A5%E7%A8%8B%E5%B8%AB"/>
    <id>https://simular.co/blog/post/10-%E5%A7%94%E5%A4%96%E9%96%8B%E7%99%BC%E7%B6%B2%E7%AB%99vs%E8%87%AA%E5%B7%B1%E6%8B%9B%E5%8B%9F%E5%B7%A5%E7%A8%8B%E5%B8%AB</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[【案例分享】三竹至尊股票機−把商品的小亮點變太陽]]></title>
    <summary type="html"><![CDATA[<p class="">
    今天分享的網頁設計案例為2021年甫推出，專為「三竹資訊」的「至尊股票機APP」量身打造的一頁式RWD網站。我們將從這個案例中分析，如何利用網頁行銷，把舊App包裝上新的面貌，瞄準新客群，做新行銷。
</p>

]]></summary>
    <published>2026-06-09T12:30:09+00:00</published>
    <updated>2022-09-19T06:31:24+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/9-%E6%A1%88%E4%BE%8B%E5%88%86%E4%BA%AB%E4%B8%89%E7%AB%B9%E8%87%B3%E5%B0%8A%E8%82%A1%E7%A5%A8%E6%A9%9F"/>
    <id>https://simular.co/blog/post/9-%E6%A1%88%E4%BE%8B%E5%88%86%E4%BA%AB%E4%B8%89%E7%AB%B9%E8%87%B3%E5%B0%8A%E8%82%A1%E7%A5%A8%E6%A9%9F</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[2022 年網頁設計與UI元素趨勢]]></title>
    <summary type="html"><![CDATA[<p class="">
    後疫情時代，網路行銷成為市場潮流，許多傳統商家也抓住了這次機會，重新進入網路行銷這盤大棋。在各路設計風格百花齊放的狀態下，網頁設計產業的面貌變得更加多元化，也讓人期待未來的局面。
</p>
    <p class="">
    現在，我們一起來看看，2022年，哪種設計介面與設計元素，可能讓你的網頁棋高一著。
</p>

]]></summary>
    <published>2026-06-09T12:30:09+00:00</published>
    <updated>2022-09-15T02:25:22+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/8-2022-%E5%B9%B4%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E8%88%87ui%E5%85%83%E7%B4%A0%E8%B6%A8%E5%8B%A2"/>
    <id>https://simular.co/blog/post/8-2022-%E5%B9%B4%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E8%88%87ui%E5%85%83%E7%B4%A0%E8%B6%A8%E5%8B%A2</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[淺談網站的維護與保固-網頁設計公司如何替您把關網站安全]]></title>
    <summary type="html"><![CDATA[你是否也曾經疑惑，一個已上線的網站，內容時常更新、用戶滿意度也不錯、
沒有明顯BUG，這樣的前提之下，「網站維護」能做什麼呢？

為了解釋這個問題，這篇文章中，我們會分成五大方向說明。
先從「維護是什麼」開始介紹，建立對維護的初步概念後再告訴你「維護如何進行」，以及最受注目的「維護費」問題，接著說明容易與維護混淆的「保固是什麼」，最後以「維護與保固的關係」收尾。
那麼，讓我們從維護是什麼開始說起...
維護是什麼？
網頁維護內容非常多元，簡單來說，就是為了防止網頁被破壞，為了守護系統的和平，（貫...]]></summary>
    <published>2021-11-19T04:03:17+00:00</published>
    <updated>2026-05-18T18:14:45+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/7-%E6%B7%BA%E8%AB%87%E7%B6%B2%E7%AB%99%E7%9A%84%E7%B6%AD%E8%AD%B7%E8%88%87%E4%BF%9D%E5%9B%BA"/>
    <id>https://simular.co/blog/post/7-%E6%B7%BA%E8%AB%87%E7%B6%B2%E7%AB%99%E7%9A%84%E7%B6%AD%E8%AD%B7%E8%88%87%E4%BF%9D%E5%9B%BA</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[網站設計的費用差異很大？使用 CMS 與客製化開發差在哪？(Wordpress / Joomla)]]></title>
    <summary type="html"><![CDATA[很多客戶在與我們合作進行網頁設計時，對我們的服務非常滿意，但確實好奇想知道我們售價比其他網頁公司高的原因。趁著個機會，我們來分享許多看不見的服務，這也是我們與其他公司的差異。
與 Wordpress 或 CMS 類網站的差別
很多客戶非常好奇，同樣請其他公司提供 Wordpress 網站的報價，但我們的報價常常高了不少。其實我們都會這樣回應：
CMS 並非不好
Wordpress 與 CMS 是很常見的解決方案，我們以前也常用Joomla這套CMS提供服務。
但是長期下來，擴充功能會受到既有外掛...]]></summary>
    <published>2021-11-10T04:50:21+00:00</published>
    <updated>2026-05-18T18:14:45+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/6-%E5%A4%8F%E6%9C%A8%E6%A8%82%E6%8F%90%E4%BE%9B%E4%BA%86%E4%BB%80%E9%BA%BC%E4%BC%81%E6%A5%AD%E7%B4%9A%E6%9C%8D%E5%8B%99"/>
    <id>https://simular.co/blog/post/6-%E5%A4%8F%E6%9C%A8%E6%A8%82%E6%8F%90%E4%BE%9B%E4%BA%86%E4%BB%80%E9%BA%BC%E4%BC%81%E6%A5%AD%E7%B4%9A%E6%9C%8D%E5%8B%99</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[抓住消費者的心！ 給網站主的優惠設定小攻略]]></title>
    <summary type="html"><![CDATA[您有沒有在第一次造訪購物網站時收到過優惠呢？因為害怕失去新客優惠，所以立即下單了，本來只抱著去看看的心情，被優惠活動「推了一下」，就買了，而且還覺得：「這一單買的真划算」。
「優惠」就是這麼直接、暴力，卻很有效。
網店形式五花八門，折扣方式更是千變萬化，但只有幾種優惠方式，能真正抓住消費者的心。

（圖：新客優惠彈窗）
這篇文章會從「優惠設定與網站架設的關係」開始，告訴網站主們，如何從建構網站初期就了解自己與自己的目標客群，瞄準需求，降低時間與花費成本，進而抓住消費者的心（或錢包）。
[toc]...]]></summary>
    <published>2021-11-09T02:30:54+00:00</published>
    <updated>2026-05-18T18:14:45+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/5-%E7%B5%A6%E7%B6%B2%E7%AB%99%E4%B8%BB%E7%9A%84%E5%84%AA%E6%83%A0%E8%A8%AD%E5%AE%9A%E5%B0%8F%E6%94%BB%E7%95%A5"/>
    <id>https://simular.co/blog/post/5-%E7%B5%A6%E7%B6%B2%E7%AB%99%E4%B8%BB%E7%9A%84%E5%84%AA%E6%83%A0%E8%A8%AD%E5%AE%9A%E5%B0%8F%E6%94%BB%E7%95%A5</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[網站主機是什麼？ 虛擬主機、VPS 主機、實體主機差在哪？(Host)]]></title>
    <summary type="html"><![CDATA[「主機（Host）」乍聽之下，是一個聽起來很空虛的概念，在網頁設計中一定會聽到的名詞。除了是一個名詞外，對於大多數人，主機僅僅是一個硬體的存在，但是主機的功能到底是什麼？為什麼都說「租主機」，難道不能「買」嗎？
如果以上問句道出了您心中的疑惑，那麼這篇文章正是為正要準備架設網站的您量身打造。
[toc]
主機（Host）是什麼？
主機是由主機公司出租的「空間」，專門用來放置網站的「空間」。
那電腦主機（Box, PC）是什麼？自己家的電腦主機也可以是網站主機嗎？
答案是可以。
家用電腦同樣是主機...]]></summary>
    <published>2021-11-04T02:14:21+00:00</published>
    <updated>2026-05-18T18:14:45+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/4-%E7%B6%B2%E7%AB%99%E4%B8%BB%E6%A9%9F%E6%98%AF%E4%BB%80%E9%BA%BC"/>
    <id>https://simular.co/blog/post/4-%E7%B6%B2%E7%AB%99%E4%B8%BB%E6%A9%9F%E6%98%AF%E4%BB%80%E9%BA%BC</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[中文 CSS 排版原則指南 (Chinese CSS Typesetting)]]></title>
    <summary type="html"><![CDATA[由於網路上的 CSS 排版探討大多著重於主流的西方拉丁語系文字，其在文字大小、行距等各方面並不完全適用中文文字。 故本文件提供一個易讀且清晰的常用中文網頁排版指南，供網頁設計師參考。
1. 注意事項
本文件僅提供 HTML/CSS 統一化排版樣式之標準建議，並不規範 HTML 結構，中英文之間是否空格等細部規定。
另外考量到我們常常是以 Bootstrap 佈景為基礎開發網站，本文件著重在如何將以有的佈景調整成合適的樣式。
2. 字體大小
2.1. 基礎 Body 字體大小
由於近年來 Full...]]></summary>
    <published>2020-10-26T09:24:16+00:00</published>
    <updated>2026-05-18T18:14:44+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/2-%E4%B8%AD%E6%96%87-css-%E6%8E%92%E7%89%88%E5%8E%9F%E5%89%87%E6%8C%87%E5%8D%97"/>
    <id>https://simular.co/blog/post/2-%E4%B8%AD%E6%96%87-css-%E6%8E%92%E7%89%88%E5%8E%9F%E5%89%87%E6%8C%87%E5%8D%97</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[網頁設計和網站開發有什麼區別？]]></title>
    <summary type="html"><![CDATA[如果你擁有一家公司，或者是企業中的主管，您應該很熟悉以網站作為促銷與提高品牌知名度的手段，因為網站已經是現代商業市場上重要的一環。
通過網站，你可以幫助客戶了解關於你的網站更多訊息，使他們相信你的公司是可靠值得信賴的的。如果您是企業主，並且打算建立一個網站，那麼你可能需要聘請網頁設計師和/或網頁開發人員來幫助你按照自己的意願構建網站。問題是對於一些人來說，網頁設計師和網頁開發者之間的界限是模糊的。這使得許多人認為他們兩人實際上是可以互換的，
當然，網頁設計師可能需要了解如何編輯基本程式，而且We...]]></summary>
    <published>2020-10-21T16:19:11+00:00</published>
    <updated>2026-05-18T18:14:44+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/1-%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E5%92%8C%E7%B6%B2%E7%AB%99%E9%96%8B%E7%99%BC%E6%9C%89%E4%BB%80%E9%BA%BC%E5%8D%80%E5%88%A5"/>
    <id>https://simular.co/blog/post/1-%E7%B6%B2%E9%A0%81%E8%A8%AD%E8%A8%88%E5%92%8C%E7%B6%B2%E7%AB%99%E9%96%8B%E7%99%BC%E6%9C%89%E4%BB%80%E9%BA%BC%E5%8D%80%E5%88%A5</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[如何找網頁製作公司洽談客製化系統開發？]]></title>
    <summary type="html"><![CDATA[我們都知道，一般的形象網站或是商務網站，只要搜尋「網頁設計」就有許多選擇。但是當我們需要稍微客製化的方案，例如器材租借系統、旅遊報名系統等等，應該要如何尋找合適的公司來製作呢？
其實選擇有很多種，像是藉由 CMS 專用的外掛來達成、在外包網請人製作，或是尋找專業的公司來完成這項任務，我們將一一說明差異在哪裡。
[toc]
用 CMS 或架站軟體達成
一般來說，常用的 CMS 如 Joomla、Wordpress 等，都有許多外掛能達成特殊功能需求，舉凡購物車、活動報名、場地租借等等，如果您是個人...]]></summary>
    <published>2015-12-22T04:00:00+00:00</published>
    <updated>2024-09-02T15:04:46+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/99-how-to-ask-agency-for-web-development"/>
    <id>https://simular.co/blog/post/99-how-to-ask-agency-for-web-development</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[Canva: 小編製圖神器，無經驗也可完成質感設計圖]]></title>
    <summary type="html"><![CDATA[在日常生活裡，其實處處需要設計。
比方說發文需要圖片，活動需要請帖，簡報需要資訊圖表，更不用說各類海報，還有更多不同的理由需要設計的應用，可以說是不勝枚舉啊！尤其是編寫社群貼文與部落格文章的小編們，也是天天面對製圖的需求。
可是很多人說我不是專業設計師，繪圖、排版軟體什麼的也不太懂，但即使如此，也想要製作出兼具質感和設計感的作品！讓同事覺得我超厲害！（被揍）
這樣的心聲 Canva 聽到了，提供各種設計和文字模版樣式，再搭配超多精美素材圖片。就像美圖秀秀一樣，將你的作品一鍵變美，不花你5分鐘時間...]]></summary>
    <published>2015-05-22T04:00:00+00:00</published>
    <updated>2024-09-02T13:50:30+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/98-what-is-canva"/>
    <id>https://simular.co/blog/post/98-what-is-canva</id>
  </entry>
  <entry>
    <title type="html"><![CDATA[什麼是網域？4 個步驟幫網站取個好網域名稱（Domain Name）]]></title>
    <summary type="html"><![CDATA[在網路世界裡，擁有一個獨特又好記的網域名稱就像是擁有一個黃金門牌！你想要的網域名稱不僅是你網站的第一印象，更是吸引訪客、打造品牌形象的關鍵。
無論是創業家、小商家，還是部落客，一個好網域名稱能幫助你在競爭激烈的網路世界中脫穎而出。但到底什麼是網域？如何才能取到一個既貼合品牌又容易被記住的網域名稱呢？
別擔心！在這篇文章中，我們將帶你了解網域的基本概念，並分享 4 個簡單步驟，幫助你輕鬆取到一個專屬於你的好網域名稱。準備好發揮創意，為你的網站取個響亮的名字吧！跟著我們一起走進這個充滿可能性的網域世...]]></summary>
    <published>2015-01-31T04:00:00+00:00</published>
    <updated>2024-09-02T14:05:06+00:00</updated>
    <link rel="alternate" type="text/html" href="https://simular.co/blog/post/97-what-is-domain-and-4-steps-to-create-good-name"/>
    <id>https://simular.co/blog/post/97-what-is-domain-and-4-steps-to-create-good-name</id>
  </entry>
</feed>
