天矽科技 客製化網頁設計

專案歸檔有條理，提供安全放心維護服務
天矽科技網頁設計公司經由時間的累積之下，客戶數也達數千計之網頁作品，在龐大的客戶量中，資料不紊亂，透過紙本、數位化的紀錄，天矽CRM系統完整並清楚記錄個客戶的特性、專案流程、內外部製作與窗口人員。

天矽網頁設計團隊投入大量資金以及人員，開發最完善的CRM系統
天矽CRM系統建構最完善的專案記錄系統，定期更新並優化資料管理方式，達到控管專案不漏拍，資料不遺漏的緊密專案維護服務，專案記錄內容大項目如下：

• 專案開發人員


• 專案日期


• 專案基本資訊


• 維護文件記錄區


• 專案備註欄位


• 專案狀態等訊

專案資訊公開透明，提高內部效率的管理過程：

• 無斷層交接


• 無孤兒客戶


• 即時的專案反映


• 你忘記，天矽記


• 穩定高，安全可靠：網站10年以上的華南產物保險與李長榮化工集團都安心的好選擇

在網站風險管理中風險原因千變萬化，客戶通常注重在駭客攻擊、電腦當機、保密原則等風險管理，卻忽略最常發生之異動風險「人員離職與交接」。

天矽的網站風險管理，確保網站的安全性－以華南產物保險為例

下方可了解華南產物保險經過十多年的洗禮，內部人員來來去去、窗口替換，不論交接是否順暢，都有天矽CRM與風險管理，詳細記錄網站狀態與資料。

協助華南新窗口順利銜接。

(因客戶個資的部分，部分資料馬賽克處理)

條列式的文字記錄，供天矽內部人員快速跟進修改進度

便捷的專案管理方式，供天矽內部人員使用，從專案開始到結案以及延伸到專案維護，清晰條列自己的專案製作進度。

• 專屬網址的校稿路徑


• 雙方校稿文件的整合記錄


• 部門窗口需求整合互動


• 製作窗口的權責分工（設計、內頁、版型、程式、檢測）


• 具效率的教育訓練文件資訊


• 交付前的資安與SEO調校


• 上線後的完整測試模擬


• GAcode流量報表的設定崁入

客製化的服務不只限於網站製作，連同後續的網站維護方式都替您著想了。決不讓您的網站成為孤兒，資料不丟失。

客製化網頁設計的SEO建置

套版型的網站結構因為是固定式的無法進行彈性變動，所以比較不容易針對某部分進行SEO的調整。(但網頁結構還要看開發人員的投入程度而有所不同)

而客製化的網頁結構量身訂做，以結構化資料(Structure Data)的方式進行編譯，並且可以配合客戶的行銷需求，進行結構調整。透過踏實的網站內容與網站公司的客製化專業技術，提高網頁排名、流量，增加網站在搜尋引擎的曝光度。

使用者重視友善度，搜尋引擎也熱愛友善度，提供網路爬蟲抓取該網站資料的友善環境，有利於SEO優化的排序。

踏實的網站內容

網站內容是提升SEO最穩定與指標性的影響，文案是否夠符合網站的重點、是否符合使用者重點：

• 好奇的


• 需要的

像是2年前，當時響應式網站剛出來，大家都不知道什麼是 RWD 卻會被實質影響(網站排名降低了!客戶流失了!)，這個話題就很火熱，符合「好奇的」、「需要的」，當時很多網站公司承上這股流行風，攀上話題、衝高排名。

除了在文案上的注重，更依靠與網路公司配合，規劃具使用者友善性的RWD自適應網站設計，並在架構網站時，使用網路爬蟲喜愛的環境與層級。

網站公司客製化的專業技術

天矽使用最新程式語法，達到網站優化搜尋目的！

• 天矽使用RWD CSS3、html 5 、Bootstrap4、php7，等最新語法讓網站更符合google搜尋規則。(技術隨時更新)


• 產品後台加入關鍵字的設定以針對多形態字樣補強。


• 網站後台簡易的操作後台介面輕鬆管理維護。


• 網站後台編輯器的設計不改變以往的上架方式仍能完成RWD的編輯內容。


• 進階式的條件式及快速導覽搜尋，利於精準度的產品呈現。


• 多國語系介面管理同步，可整合全球佈局的操作管理

​多國語系及meat值可由後台同步更新/圖

SEO網站架構符合google搜尋規則

• 符合W3C標準撰寫網頁，並使用HTML5語意標籤製作網頁大綱以利搜尋引擎建立索引。


• 明確的網頁標題(title)、網站導覽功能(breadcrumb)讓使用者更清楚知道自己所在的位置。


• 利用XML網站地圖增加索引數，網站嵌入GA Code，透過Search Console工具瞭解網站實際被瀏覽狀態。


• HTML5架構、資料權重分級(h1-h6文字標籤)以利搜尋引擎建立索引，以及優化無障礙網頁設計(Web Accessibility)


• 正確的狀態碼使網覆爬蟲瞭解網頁的存在情況。
   

​使用SEO檢測工具

SEO的建置不易於從前台看出，所以可以透過第三方驗證工具來測量網站是否符合相關標準，天矽使用Google開發之線上檢測工具Web.dev作為評測基準，於網站交付驗收時提交測量之結果報告書。

四大檢測值，均達指標80分以上：

1. Performance效能、


2. Accessibility 無障礙、


3. Best Practices 網站安全、


4. SEO搜尋引擎優化

​

天矽科技官網檢測/圖

《一般資料保護規範》GDPR(General Data Protection Regulation)-歐盟最嚴格個資法

GDPR除了適用在歐盟地區註冊的企業，或者是不是歐盟註冊的企業，但在歐盟營運，或者是，有蒐集、處理或利用歐盟民眾個人資料的企業或組織等，都在GDPR的規範中。

如何規劃進網站呢？

1.   增加cookie詢問頁：保障使用者的知情決策
詢問作用在於讓使用者有知的權利：知道自己的資料會被如何運用。
但不可在使用者選擇拒絕後就將網站關閉，這樣的作法是違反GDPR，因為迫使使用者在壓力下，做出接受的選擇。
僅需讓使用者明白此網站的資料運用，讓其自行決定是否要繼續瀏覽。
作品範例：億力光電

2.    更新隱私權政策
隱私權保護政策建議包含以下大綱： 

　　l隱私權保護政策的適用範圍 

　　請說明該網站隱私權保護政策的適用範圍。 

l個人資料的蒐集、處理及利用方式 

請說明該網站針對個人資料的蒐集、處理及利用方式。 

l資料之保護 

請說明該網站針對取得資料的安全維護措施，如防止個人資料被竊取、竄改、毀損、滅失或洩漏，採取技術上及組織上之必 要措施。

l網站對外的相關連結 

請說明對外連結網站不適用本網站的隱私權保護政策，必須參考該連結網站中的隱私權保護政策。 

l與第三人共用個人資料之政策 

lCookie 之使用 

請說明該網站使用Cookie技術來儲存或追蹤使用者的資料的情況。 

l隱私權保護政策之修正

 請說明該網站針對隱私權保護政策之修正措施。 

詳情請參考：範本：中文網站隱私權範本 (Privacy Policy)
 

3. 網站用隱私權政策範本 (Privacy Policy)

為方便網站及您的使用，天矽科技根據政府規範為基準，進行調整並移除不適合一般企業使用之項目整理了一份範本。

詳情請參考：範本：中文網站用安全政策(Website security policy)

企業社會責任（CSR）內容規劃：

依據中華民國105年7月28日上市上櫃公司企業社會責任實務守則第七條：上市櫃公司應盡善良管理人義務，督促企業實踐社會責任，並隨時檢討其實施成效及持續改進。
 

訂定並履行企業社會責任時，必須在充分考量利害人關係的利益前提，於網站提出：

1. 企業承諾： 企業社會責任使命或願景：制定企業社會責任政策、制度或相關管理方針。
2. 環境永續、社會貢獻 ：企業社會責任之具體推動計畫：將企業社會責任納入公司之營運活動與發展方向，並核定企業社會責任之具體推動計畫。
3. 社會貢獻、企業社會責任報告書：確保企業社會責任相關資訊揭露之即時性與正確性。

＃資料來源：上市上櫃公司企業社會責任實務守則http://www.selaw.com.tw/LawContent.aspx?LawID=G0100284&Hit=1

現今對於環境保護的意識抬頭，CSR內亦可加入兩個單元：

1.EHS管理體系（環境風險管理、管理組織、職業安全與製程安全）
EHS即是指企業對其全部環境、職業健康安全行為的原則與意圖的聲明，體現了企業在環境、職業健康安全保護方面的總方向和基本承諾。

針對化工產業天矽科技更是強烈建議設置「環境風險管理 EHS」單元，進行企業對EHS的執行與方針，以盡善良管理人之環境與健康安全責任，讓投資人、員工、社會民眾了解企業針對大環境之完善規劃。

2.環境風險管理 ERM
環境風險廣泛地存在於各種經濟活動中，根據它產生的原因可以分為化學風險、物理風險和自然災害風險，是企業對環境、職業健康安全行為的一個總承諾。
在網站中，規劃EHS健康安全管理並針對ERM進行承諾展現，體現出公司的縝密管理。

商業活動中溫情柔軟的一塊

商業型網站一般給大眾專業嚴肅的感覺，而企業社會責任單元則可以帶入感性的一面。對於此單元由天矽科技網頁設計團隊操刀，為您的網站加入不一樣的情感吧。

依據貴司提供的活動資料，替您打造專屬的單元畫面，提供靈活的布板規劃以及方便操作的後台規劃。

例如，公司活動多的話，可以設置活動相簿及輪播banner。亦可開設消息單元，讓您能夠定期發布公司訊息。訊息發布內容布局，提供方便好用的編輯器(類似word操作模式)，依據您的喜好自由變更文字樣式及編排，打造獨特性，讓您的頁面完美符合風格。

作品範例：李長榮化工集團

＃資料來源：智庫百科
https://wiki.mbalib.com/zh-tw/EHS%E4%BD%93%E7%B3%BB
https://wiki.mbalib.com/zh-tw/%E7%8E%AF%E5%A2%83%E9%A3%8E%E9%99%A9

投資人專區包含哪些內容呢？

(註1)財務資訊：
因應金管會公開發行公司公開財務預測資訊處理準則 (民國 102 年 12 月 31 日 )的條文規定，上市櫃公司的財務資訊需於公司網站發布，若無遵守金管會將依「公開發行公司公開財務預測資訊處理準則」第六條訂定得請公司公開完整式財務預測 。

• 上市櫃公司，且有子公司：財務預測為合併財務預測。
• 上市櫃公司，且無子公司：應編製個別財務預測。
• 財務報告：按月發布現金、生產、銷售、成本及資本等預算。
• 發布營業收入或獲利等資訊。
• 依下列方式之一公開財務預測：
(1) 簡式財務預測：公開重要項目的預測資訊。
(2) 完整式財務預測：以基本財務報表完整格式公開的預測資訊。
※ 一般會寫在財報裡面。

(註2)主要股東名單：
股權比例達百分之五以上之股東或股權比例占前十名之股東名稱、持股數額及比例。 中華民國106年1月9日公司募集發行有價證券公開說明書應行記載事項準則。

(註3)股東會資料，如：年報、年度財務報告、股東會開會通知、議事手冊、議事錄及會議補充資料，需永久妥善保存並於網站中充分揭露。

(註4)功能性委員會：
上市櫃公司具有企業社會責任，為提升公司的董事會功能因此具有功能委員會這個單位，其作用在建立績效目標以加強董事會運作效率。
中華民國107年12月18日台灣證卷法：
1. 公司所訂定之績效評估辦法應於公司網站充分揭露。
2. 必須每年進行至少一次績效評估更新。
細節資訊請參考：金管會董事會自我評鑑或同儕評鑑

(註5)年報：
公開發行公司年報應行記載事項準則https://law.moj.gov.tw/LawClass/LawAll.aspx?pcode=G0400022

內容資訊量龐大，該如何清楚呈現呢？

天矽科技根據多年的執行經驗，提供便利且貼心的前後台規劃。一般投資人專區內容包含大量文字及資料表之外，貼心的企業還會提供報表供使用者下載。為了符合多項需求，天矽科技網頁設計團隊統整出幾種規劃方式滿足客戶。

便利彈性的後臺管理：

• 圖文編輯－供客戶自由編輯投資人專區文案，並且可以變化文字樣式及放上連結


• 自由的類別規劃（可自由新增及刪除）－分類規劃不卡卡，類別命名，增加刪除都可以。 


• 檔案下載－上傳附件或是放上一個連結，規劃多項選擇，只為了讓您更方便。

清晰簡明的前台設計：

• 區塊式編排－區塊式編排加上清楚的側選單，使大量的資訊能夠分門別類地安排在穩定的位置


• 色彩分明－資料量大的區塊須由顏色輔助區分，幫助瀏覽者可以快速閱讀內容


• 提供編排範例－提供圖文編輯器排版示範，設計一份完整文案供客戶使用。

作品範例：MDS三商電腦

天矽科技擁有豐富上市櫃網站規劃經驗，更是您的合作夥伴。若有任何問題或是合作想法，歡迎與我們聯繫。

＃資料來源：「○○股份有限公司董事會自我評鑑或同儕評鑑」參考範例http://www.selaw.com.tw/LawArticle.aspx?LawID=G0103780

#資料來源：上市上櫃公司治理實務守則 http://www.selaw.com.tw/LawArticle.aspx?LawID=G0100259&hit=1

擬定網站需求功能

網站製作之前，我們需要知道自己的網站需要放上什麼樣的內容，以購物型網站舉例，功能結構一般會有會員系統、購物流程（金流串接＋物流串接）、產品上架、圖片編輯及上傳，或許也想加入商品評論功能、推薦及分享、產品點圖放大等功能需求。 

清楚的規劃完網站功能後，接著尋找一間合適的廠商吧！但網路上那麼多資訊，究竟哪一種網頁設計公司才合適呢？

透過完全客製化系統功能，發展網站的變通性及獨特性

完全客製化（pure customization）的網頁設計公司，會根據您的需求、產業特性、受眾的操作習慣等，在有效並具有邏輯性規劃的前提下，開發客戶提出的系統功能。

以最常見的圖文上架功能舉例：

• 套版型的網站限定上架的張數及圖片擺放位置。


• 完全客製化的網站因應客戶需求，彈性新增上架張數，並且因應客戶上圖需求，變化圖文擺放位置等。

透過完全客製化的專屬規劃，打造出量身訂做的系統功能。因需要合乎客戶的需求，網站建置需要較長的製作期，需要與客戶溝通想法，網頁設計公司需擬定可執行的方案，直到開始製作至修改到專案結束，其時間絕對比套版的製作期還要來的長。雖然全客製化的網頁設計成本相對較高，但完成的網站能更貼近客戶及使用者行為。

最後，不管是選擇何種類型的網頁設計公司，並沒有最好或是最壞，只要能夠合乎自己建置網站的需求即可。

歡迎參考天矽科技客製化程式功能單元，尋找看看是否有您想要的功能，或是其功能的延伸。
亦可參考天矽科技客製化大型專案的案例，我司執行客製化網頁設計已有23年的經驗，若有任何問題，歡迎與我們聯繫。

擬定網站需求功能

網站製作之前，我們需要知道自己的網站需要放上什麼樣的內容，以購物型網站舉例，功能結構一般會有會員系統、購物流程（金流串接＋物流串接）、產品上架、圖片編輯及上傳，或許也想加入商品評論功能、推薦及分享、產品點圖放大等功能需求。 

清楚的規劃完網站功能後，接著尋找一間合適的廠商吧！但網路上那麼多資訊，究竟哪一種網頁設計公司才合適呢？

透過完全客製化系統功能，發展網站的變通性及獨特性

完全客製化（pure customization）的網頁設計公司，會根據您的需求、產業特性、受眾的操作習慣等，在有效並具有邏輯性規劃的前提下，開發客戶提出的系統功能。

以最常見的圖文上架功能舉例：

• 套版型的網站限定上架的張數及圖片擺放位置。


• 完全客製化的網站因應客戶需求，彈性新增上架張數，並且因應客戶上圖需求，變化圖文擺放位置等。

透過完全客製化的專屬規劃，打造出量身訂做的系統功能。因需要合乎客戶的需求，網站建置需要較長的製作期，需要與客戶溝通想法，網頁設計公司需擬定可執行的方案，直到開始製作至修改到專案結束，其時間絕對比套版的製作期還要來的長。雖然全客製化的網頁設計成本相對較高，但完成的網站能更貼近客戶及使用者行為。

最後，不管是選擇何種類型的網頁設計公司，並沒有最好或是最壞，只要能夠合乎自己建置網站的需求即可。

歡迎參考天矽科技客製化程式功能單元，尋找看看是否有您想要的功能，或是其功能的延伸。
亦可參考天矽科技客製化大型專案的案例，我司執行客製化網頁設計已有23年的經驗，若有任何問題，歡迎與我們聯繫。

小編從天矽網頁設計師那蒐羅了幾個客戶常問的問題，例如：為何我的畫面在手機長這個樣子？為什麼桌機和手機的畫面有差異？手機畫面我要放這先資訊沒辦法呈現嗎？

行動優先V.S建置RWD網頁設計的邏輯性：

思考方向1－行動優先(Mobile First)：初步規劃網站時，建議從小螢幕開始思考，因為需要先考慮資訊量的取捨，之後逐一放大尺寸，慢慢地把元素加進來。

思考方向２－RWD網頁設計：以網頁使用者為考慮方向，若貴司的使用者主要會是在電腦上使用，規劃時，可以考慮大螢幕多一點；若主要是在行動裝置上，就多加考慮手機螢幕上的呈現方式。

ＲＷＤ網頁設計為什麼呈現畫面不一樣？

依據上述可以得到，根據尺寸大小的不同，所裝載的資料量會不一樣。大螢幕可以放較多東西，小螢幕能裝載的則有限。面對這樣的限制，網頁設計師在畫面規劃上，會進行簡化或捨去的動作。

畫面變化範例：

九升科技(桌機/筆電尺寸)

編排方式：資料量多（六個區塊），兩欄式編排。

九升科技－手機尺寸

畫面變動如下：

為了因應不同尺寸上呈現最好的排版，在設計時，網頁設計師或是網頁規劃者，應該考慮不同裝置時所呈現的樣子。而製作時也須了解，在不同裝置的變化上，有些過於複雜或是資訊量過大的區域，在小裝置上被簡化或捨去是必要的，這都是為了讓網頁在什麼情況下都能夠清楚的呈現。

一、 網址名稱
SEO排名是認網址的，所以改版後的頁面名稱請與原網站相同，若真的有需要更換網址名稱，也請確實做好轉址作業，讓搜尋引擎知道頁面已經搬家。

二、 網站效能
網站改版最大的變動應該會在視覺的呈現，但過多的動態效果或複雜的效果程式可能會因為搜尋引擎無法辨識而降低網站效能，因此在改版的過程中請在效果跟網站效能上取得平衡。

三、 RWD響應式網頁／行動優先
現在使用行動裝置瀏覽資訊的機會已經越來越大了，重新改版的網站一定要將RWD響應式網頁規劃進去(可以參考先前分享的《為什麼需要RWD響應式網頁設計的技術？》)。依照用戶群的需求改以行動優先的設計規劃，有機會增加用戶使用網站的時間，提升網站排名。

四、 404 page
網站改版的過程中可能會因應需求作網站架構的調整以及頁面的增減，如果在其他的社群平台抑或用戶將網頁存在我的最愛(書籤)裡，可能在改版後因路徑不同而找不到網頁，所以我們可以增加404頁面，即便網址路徑不同也能引導用戶於404 page連結到官網選擇其他內容瀏覽。

五、 重新提交sitemap
重新提交sitemap，讓搜尋引擎知道網站有更新內容，讓搜尋引擎以自動的方式重新檢索您的網站。

流量是花費許多心力、時間甚至是金錢的累積，只要確實做好改版搬家的作業，就能有效降低流量遺失、SEO排名下降的問題。千萬不要因為擔心改版影響排名而不更新網站，因為網頁技術一直進步，如果網站不跟著進步，不只前台瀏覽影響，也會因為語法太舊、安全性不夠，讓網站曝光危險裡面。

文章截至 天矽科技客製化網頁設計

痛點一、 選擇客製化，讓您出神入化

一個網站經過客製化設計師的洗滌，在網站主視覺的切入點，馬上就能抓住客戶眼球的停留時間，抓住眼球不夠更是要抓住客戶的靈魂，所以一個為了企業形象風格客製化的設計就是網站決勝的痛點之一。

痛點二、 長期維護，主機保固，資安守護

網站做好丟在網路上，久了就變成了網路孤兒，小孩需要我們培養及愛護，那網站亦是如此，需要長期的去經營以及去維護它，讓它可以跟上最新瀏覽器的潮流；主機的選擇百百種，一家上市的且獨門專業穩定的主機廠商就顯得格外的重要；資訊安全的守護不是喊喊口號就夠了，是需要每周確實的弱點掃描以及資安檢測來把關您的網站。

痛點三、 選對客製化廠商，網站決勝桑~桑桑

天矽科技在客製化廠商中是全台北前十大，除了擁有二十三年的架站經驗之外，所服務的客戶更是超過千家，長期維護的客戶更是不下數百家，是經得起時間考驗的客製化網頁設計的廠商，客戶使用超過了十年以上的網站還是覺得客製化網站為當年作品中之經典，所以選擇天矽，是您最對的選擇！

做一個客製化的網站所創造出來的價值絕對超過所付出的費用，一個穩定健全的公司，所創造出來的組織文化風格及信任，更是一般小公司、工作室難以取代的，相信瀏覽完以上的內容，你會對網頁設計這個產業更加理解。

客製化網頁設計免費諮詢02-8990-4080或 線上免費諮詢。

《本文出自：天矽科技 客製化網頁設計》