隨著網頁開發技術不斷進步，相對地檢測網站的分析工具也得跟進，才足以因應不斷變化的開發技術。歐斯瑞要介紹這款屬於初階入門的檢測網站分析工具Website Grader，好讓您的網站不論是在開發或維護過程中，都能清楚地知道您網站的優勢與劣勢，以便進一步改善您網站的弱點。   Website Grader是款檢測網站的分析工具，它主要是根據效能、行動裝置、SEO、安全性等來評估您的網站在哪個部分需要做調整或是進一步改善(例如：網頁加載時間、SEO的核心元素)， 並針對需要做調整或改善的地方給予您適當的建議，而這些數據的高低可能會影響到轉化率的升降、現有客戶、潛在客戶、收入等等，所以是非常重要不可忽視的。   現在就跟著歐斯瑞一起來看看這個工具吧！   Website Grader 教學 Step 1 :  先到Website Grader網站上，輸入欲檢測的網站網址(Email可填可不填)，輸入完畢後點選“Get your answer”。 Step 2 :  接著會開始進行分析，並顯示出分析結果。 點選最上方導航列或評分器的名稱，可跳至該項目看分析結果。 顏色說明：綠色代表沒問題，黃色代表次要注意處理，而紅色則是需優先處理及解決的項目。 Step 3 : 分析完後，你會在下方看到每個項目下的細項深入分析結果，如：頁面大小的說明資訊和閱讀更多相關資料等等，在這裡將會逐一說明。   PERFORMANCE(效能) PERFORMANCE(效能)是較常且容易發生問題的部分，其涉及以下幾項： Page Size頁面大小(頁面大小低於3MB) Page Requests頁面請求數(可參考Website Grader提供的閱讀更多) Page Speed頁面載入速度(加載時間不超過3秒) Browser Caching瀏覽器緩存 Page Redirects頁面重新導向 Compression壓縮 Render Blocking阻塞渲染(如：刪除JavaScript)   Step 4 :  MOBILE(行動裝置)   由於智慧型手機與平板電腦的普及化，已成為現代人不可或缺的上網裝置之一，想當然您的網站勢必也要讓這些裝置能正常瀏覽才行，好比說您的網站是否有響應式網頁設計(RWD)等等，以確保使用行動裝置的使用者體驗。 所以在 MOBILE 需要留意以下2點： Responsive響應　(是否為響應式網頁設計) Viewport視區或稱窗口　(在不同裝置上視區是否符合)   Step 5 : SEO(搜索引擎優化)   為了使您的網站更容易讓使用者搜索到，且讓搜索機器人了解，以下這幾個是檢測重點。 Page Titles頁面標題　(建議長度不超過70個字符且沒有重複的關鍵字) Meta Description描述檔　(建議長度不超過155個字符) Headings標題　(使用標題標籤，好將標題與核心頁面的內容區分開來) Sitemap網站地圖　(可幫助使用者快速輕鬆地瀏覽網站) 由上圖來看，在Meta Description顯示紅字，提醒您應該改善此點。   Step 6 : SECURITY(安全) SSL憑證。 SSL是用在網頁伺服器與瀏覽器之間建立加密連接的標準安全技術，以確保雙方在傳遞數據時保有加密性。若您的網站有SSL憑證且在有效期限內，可保護網站不被攻擊，能讓訪客更信任您的網站是可靠、安全的。   如果以上有任何一項檢測出來顯示紅色或黃色時，您應該看看說明或點選閱讀更多來了解該項目的相關資訊，或者到其他網站尋找相關資料來分析應該如何調整。   Step 7 :  WHAT SHOULD I DO NEXT? 在檢測結果下方的WHAT SHOULD I DO NEXT?會列出當前網站應該要修正、調整的項目，並給予適當的建議。以下圖為例，在Page Size顯示，您目前網站的Page Size是4.6MB，請刪除、壓縮來減輕您頁面中圖片與視頻所帶來的負擔，如此才能優化您的網站。 之所以會介紹Website Grader，其原因有以下幾項特點： 操作簡單方便：可直接線上使用不需下載、免註冊，只要輸入您想檢測的網址即可。 介面乾淨清爽：沒有過多的贅飾，整體介面簡單清爽，在使用者體感部分很有加分效果。 細項說明資訊：提供各項目的細項說明及相關資料。 分析各項得出總體分數：依據各項目進行分析，並將所得出的結果給予網站總體分數。 給予適當建議：根據各項目所得出的分析結果分別給予建議。   以上，就是本篇文章對檢測網站分析工具Website Grader的介紹，提供給大家參考。希望這個工具能幫助您更了解您的網站是否有致命性的問題，以便能儘早解決這些問題並優化您的網站，讓您的網站能更好。   Website Grader網址：https://website.grader.com/ ...

  該如何用亞馬遜的品牌註冊表註冊我的品牌？ 註冊亞馬遜的品牌註冊表可以在營銷和品牌方面獲得巨大的優勢。當亞馬遜標準識別號碼(ASIN)已經被別人列出時，它也可以防止摔跤頭痛的控制產品詳細頁面內容。在我們繼續之前，我們應該說，亞馬遜不斷改變品牌註冊政策及其與供應商的互動方式。在五月的時候，他們增加了註冊商標的要求。更多的變化肯定會出現，所以看這個空間！   為了什麼註冊品牌?   亞馬遜的品牌註冊表是為了品牌擁有者，製造商和經銷商，其唯一（記錄）的權利在亞馬遜上代表品牌。 對於許多正在開發或採購品牌註冊表的小型企業和原始設備製造商來說，這是一個很好的機會，將自己分開作為一個業務和品牌在這個領域是臭名昭著的限制的平台。   以下兩個類別的賣家是完全被品牌註冊限制的： 書籍, 音樂, 視頻 和 DVD 娛樂收藏品和運動收藏品   註冊亞馬遜的品牌註冊表需要準備些什麼？     品牌的註冊商標   亞馬遜現在要求您的品牌得到法律認證，您將被要求提交您的商標證明作為品牌註冊申請的強制性部分。     一個實用, 獨立的網站   以網站而言，亞馬遜正在尋找您的品牌與亞馬遜平台合法存在的證據。在內容方面 ，圖像與亞馬遜產品頁面圖像的程度有所不同，當然，聯繫信息（電子郵件，位置 等）應與您的亞馬遜帳戶中的相符。在技術上，您的網站應該能夠使用集成支付 系統在線銷售。 實際上，很多人已經加入了“登錄”過程，沒有提供全額付款方式。 似乎亞馬遜（到目前為止）並不感興趣，花時間超出這一步，以完全驗證結帳。     官方聯繫電子郵件   如上所敘，如果您的亞馬遜聯絡電子郵件與您的商業/品牌聯繫電子郵件相同這是有幫助的。為此，值得支付與您網站相同域名的電子郵件。     商品包裝圖像   您需要提供您的產品包裝圖像，以清楚地顯示您的品牌/公司標誌。     商品圖像   您還需要提供每個產品的圖像，顯示您的品牌或徽標在實際產品本身上打印。     產品的獨特品牌標識符   與任何新的亞馬遜商品一樣，您需要輸入一個代表您的品牌產品的唯一標識符。 類似於任何新的亞馬遜上市，大部分的賣家會使用該產品的UPC或EAN號碼。 然而，亞馬遜也還是提供了其他選項，包括：JAN / 製造商零件編號 / 型號 / 目錄號 / 款式編號   請注意，您要根據您申請的品牌列出的每個產品都需要上述三項要求。 一旦滿足所有這些要求，您就可以繼續申請亞馬遜的品牌註冊表了！ 您可以在這裡開始註冊另一個品牌，請點選以下連結：https://services.amazon.com/brand-registry.html   ...

  繼上篇介紹PCA Predict地址的應用，今天要來為各位介紹PCA Predict email與電話確認的應用。   How to check E-mail address?   Step 1 : 登入PCA Predict後，點選右上方跳入以下畫面點選Email-Validation→Demo   Step 2 : 輸入要確認的信箱，點選Validate，下面會跑出正確或錯誤訊息資訊。            How to check phone number   Step 1 : 登入PCA Predict後，點選右上方跳入以下畫面點選Phone Number→Demo   Step 2 : 輸入該電話所屬國家，直接輸入電話號碼，點選Validate，下面會跑出正確或錯誤訊息資訊。 備註：以下以台灣為例，市內電話需輸入區域碼，手機可接受多種不同輸入方式 如：1. 0918000000   2. 918000000   3. 886918890653   4. +886918890653   5. 0918-000000……等。   截至目前為止，相信大家已經逐漸了解PCA Predict更多的工具運用，下一篇小編將為各位解說運用這些工具可以帶來的好處，現在先請各位自行熟悉這些工具的操作囉!!     ...

一、建立CMS頁面 步驟1.新增頁面 首先進入CONTENT > Element > Pages，然後按Add New Page 接著在Page Title處輸入此頁面的名稱/標題 在CONTENT處輸入你要的內容，Content Heading輸入頁面頂部的主標題，點擊Show/Hide Editor按鈕，用WYSIWYG編輯器編輯文本，可輸入文字與插入圖片 在Search Engine Optimisation處輸入URL Key 與 Meta Data 定義此頁面在哪些網站介面上顯示 於Design裡的Layout下拉變可設計前台的設計 而在Custom Design Update的自定義設計頁面欄位裡，你可以在精確的期間裡更改主題、設計和款式風格，可用來做節日促銷或特價活動 完成編輯後，不要忘記按右上角的Save Page 這就是添加一個新頁面的流程，現在此頁面已準備好從你的商店導覽進去，或導入其他頁面，甚至可以將它用在首頁。   二、建立BLOCK 1.登入管理後台，選擇CONTENT > Blocks 2.新增Block 3.編輯好Block內容之後 按下Save Block 退出，編輯的方式與pages相同 將靜態區塊內容(static block)放到頁面(cms page) 中 1.選擇 CONTENT > Pages 2.新增頁面或是選擇要放置內容的頁面、在這裡我們選擇home page 3.展開Content 標籤、按下Show / Hide Editor按鈕 4.按下Insert Widget… 5.在Widget Type中選擇CMS Static Block 6.按下Select Block 7.擇擇我們剛剛建立的靜態區塊 8.選擇Insert Widget 插入靜態區塊 9.在所見即所得的編輯區裡我們可看到一個cms block 的圖示、表示成功插入一個靜態區塊。 10.按下Save Page存檔，我們完成了將靜態區塊(static block)的內容新增至頁面(cms page) 中的動作了，底下圖片就是我們剛剛所做的成果。         三、建立Wiget 在開始建立Widget之前、我們要先建立一個靜態區塊(CMS static block)，步驟如前述 接下來我們要開始使用小工具(Widget)建立網站內容： 建立Widget 1.登入管理後台，選擇 CONTENT > Widgets 2.按下Add Widget 3.在Settings區塊設定Widget類型及之後要顯示Widge內容的佈景主題： 3-1. Type → 設定Widget類型為CMS Static Block 3-2. Design Theme → 選擇之後要顯示Widge內容的佈景主題 3-3. 按下Contiune 繼續。     4.在Storefront Properties區塊設定標題及將來要顯示Widget的Store view還有顯示的順序。 4-1. Widget Title → Widget的標題， 4-2. Assign to Store Views →您可以直接設定為”All Store Views”或是指定特定的Store View。如果要選擇多個，請按住Ctrl鍵並選擇想要的選項。 4-3. Sort Order → 當一個顯示容器裡有二個以上的Widget時、這個欄位的數字會影響顯示的順序。 設定Widget的顯示頁面及位置 在 Layout Updates 區塊按下Add Layout Update。並設定Widget的顯示位置。 Display On →設定哪些頁面要顯示Widget 接著選擇要在頁面中的哪個區塊顯示。 您還可以按下Add Layout Update 接著再新增一組顯示位置的設定。 設定Widget的顯示內容 1.按下Select Block 2.選擇要顯示的CMS Static Block ...

  今天要為各位介紹的這個工具「PCA Predict」它能為大家帶來什麼便利呢？ 首先，小編想在這邊先為各位先帶來PCA這個名詞的簡要介紹，PCA全名「Principal Component Analysis」，中文翻譯「主成分分析」，它的概念為假設X有P個變量，為N*P階矩陣，即N個樣本的P維向量，首先對X的P個變量尋找正規化線性組合，使它的方差達到最大，這個新的變量稱為第一主成分，抽取第一主成分後，第二主成分的抽取方法與第一主成分一樣，以次類推，直到各主成分累積方差達到總方差的一定比例。主成分分析可以得到P個主成分，但由於各主成分的方差是遞減的，包含的信息量也是遞減的。     看到這邊有沒有腦筋一片混亂，以下讓我簡單舉例說明，此應用就例如我們在Google搜尋時，每多一個字或符號，下面的搜尋結果就會不斷變動，也會隨著輸入的資訊的增加，進而搜尋出來的結果就會越正確。   透過此項原理，PCA Predict團隊增強了此原理的應用，用來確認全世界address甚至是email的正確性，現在就讓小編帶大家測試一下這個工具吧！     Step 1 : 先到PCA Predict上建立個測試帳號     Step 2 : 輸入基本資料，注意PCA Predict註冊條款記得要勾選，要不然會無法通過註冊喔!!     Step 3 : 到註冊的信箱中收信取得登入帳號，同時並啟用PCA Predict，再回到登入畫面進行登錄     Step 4 : 進入此頁面，點擊下表Address Validation→Demo     Step 5 : 開始進入測試 備註：目前此系統支援各個國家地址確認，但輸入語法仍以英文字母為主，因此，在確認台灣地址的正確性與否，要請使用羅馬拼音輸入喔!!! 以上，本篇文章先讓各位練習使用PCA Predict工具確認地址的正確性、更多應用，請期待下次的文章分享!!   ...

  在linux伺服器上因為是開源環境，所以能選擇的FTP軟體很多，今天介紹的是以vsftp為例，因為他的管理算是比較簡單的，想要調整權限或是使用者路徑也只要再多費一點工就可以做到。   既然是以Ubuntu為例，如何安裝軟體就不用太多作介紹了。   系統指令 sudo apt-get install vsftpd       安裝好後，我們這次的目的有以下兩點： 限制使用者帳號，讓使用者帳號不會看到其他目錄，或是有機會切換到其他目錄。 設定針對FTP帳號，因此關閉帳號的SSH連線(SFTP)。 更改使用者的登入路徑。   設定vsftp限制使用者的帳號權限。   請開啟vsftpd的設定檔，有幾個設定需要啟用或修改：   /etc/vsftpd.conf …… # 開啟允許寫入 write_enable=YES …… # YES限制登入的使用者無法更換目錄(顯示都會是根目錄 / ) chroot_local_user=YES ……   重新啟動vsftpd：   系統指令 sudo /etc/init.d/vsftpd restart   但 chroot_local_user 設定啟用後，使用FTP連線會顯示錯誤： 這需要再增加一行設定，並再重新啟動vsftp：   /etc/vsftpd.conf …… # 允許chroot寫入有寫入權限 allow_writeable_chroot=YES ……   這個設定才可以處理掉writable跟chroot之間的衝突，如果增加了設定但還是發生相同的錯誤，這是因為安裝的vsftpd版本太舊，請依以下方式重新安裝vsftpd：   系統指令 sudo add-apt-repository ppa:thefrontiergroup/vsftpd sudo apt-get update sudo apt-get install vsftpd   關閉使用者帳號的SSH功能(SSH，SFTP)。   這個步驟就非常的簡單了，請開啟sshd_config檔案，增加一行(peter-test1為使用者)：   /etc/ssh/sshd_config … DenyUsers peter-test1 …   重啟ssh：   系統指令 sudo service ssh restart   更改使用者的登入路徑。   因為使用者的登入就是到linux使用者的家目錄，請開啟/etc/passwd來修改： 如圖，以此例將/home/peter-test1改到你想指定給他的路徑即可，請注意不要刪到前後的冒號。   當然更改路徑後，別忘了要修改新路徑的使用者，這樣使用者才可以修改或上傳內容，例如新增一個/home/zzz資料夾：   系統指令 sudo chown peter-test1:peter-test1 /home/zzz   指令中紅色是使用者，藍色是新資料夾位置，請依需要修改。   參考資料：   How to Install and Configure vsftpd on Ubuntu 14.04 LTS   ubuntu FTP SERVER 安裝設置( vsftp 版本)   How to disable SFTP for a user, but keep FTP enabled   500 OOPS: vsftpd: refusing to run with writable root inside chroot() Keep user jailed   Fixing 500 ...