激發靈感!2023 精選8個實用網頁設計推薦分享

網頁設計推薦

要開始設計網站時,常常需要先找看看相似的網站和風格,激發靈感,或是參考大部分的網站是如何設計流程及排版設計網站。事先構想好網頁設計或是找到可以參考的網站,會讓你比較好跟網頁設計公司溝通視覺及功能的部分。

這邊整理了幾個網頁設計、平面設計等相關的網站,可以從這些網站中的作品尋找適合的網頁設計參考及靈感,屬於實用的網頁設計推薦分享給大家!

網頁設計推薦-Awwwards

awwwards 1
Site of the Day

Awwwards 是個指摽性的網頁設計網站,有專業人士在評比網站設計,每天都會推薦 Site of the day,裡面的網站設計通常藝術感較高,有一些漂亮的動畫技術可以參考,很多人都會當作自己的靈感資料庫。很多網頁設計公司會報名自家的作品去評比,獲獎了可以提高自家品牌的知名度,在業界有一定的公信力。

Awwwards

網址:https://www.awwwards.com/
awwwrards
Collection

裡面的 Collection 有非常詳細的分類,從字體、選單設計、hover效果…都有,當你想找特定功能的視覺設計時,可以在這裡好好瀏覽一番,會有意想不到的發現唷。

我們整理幾個比較有趣的內容,歡迎大家也多多去尋找靈感:

網頁設計推薦-WebDesignClip

WebDesignClip
WebDesignClip

此日本網站匯集很多日本網頁設計的優良作品,是個網頁設計推薦網站,目前有 3,393 個網站,是極具創意和時尚的日本網站設計的集合,可用作網頁設計製作的參考。WebDesignClip 立志於推薦許多網頁設計,以跟上激發網頁設計師和開發人員的最新趨勢。

WedDesignClip

網址:https://www.webdesignclip.com/
WebDesignClip 1
不懂日文沒關係,可以利用網站翻譯軟體唷!

主要的大分類為 Japan、World、Landing Page、Smart Phone,細項分類則非常精細,主要以產業區分,更可以用關鍵字、行業(類別)、顏色、佈局等來去搜尋,對於苦惱網站配色或是想參考不同產業、不同佈局的人可以說是非常實用。

網頁設計推薦-WebDesignFile

WebDesignFile
WebDesignFile

此網站也是匯集許多網頁設計作品,搜集的網站內容以英文為主,可以看到很多網站都利用英文字體做許多不同的設計,但網站數較少,分類比 WebDesignClip 更細,也可以用顏色搜尋,若是想設計比較歐美風格的網站或是想找英文排版的網站內容,可以來這裡瞧瞧,找找靈感。

WebDesignFile

網址:http://www.webdesignfile.com/

網頁設計推薦-Muuuuu.org

muuuuu.org
Muuuuu.org

Muuuuu.org 不僅分享的網站質感都不錯,而且網站更新的很快,每個禮拜都可以看到最新的設計網站。

Muuuuu.org 精心挑選並發布了具有垂直長正統佈局且設計精良的網站,這些網站易於製作網頁設計時參考。雖然主要分享日本的網站,有時侯會分享歐美的設計網站,可參考範圍蠻廣的,非常實用。

網站內也有非常詳細的分類,從色系、網站類別(形象網站或購物網站…等)、不同產業、風格到特效類型都分得很仔細,可以很快速的找到想參考的資料,是個可以快速尋找特定靈感的地方!

Muuuuu.org

網址:https://muuuuu.org/

網頁設計推薦-Responsive Web Design JP

JP
RWD JP

這個網站是日本優秀的響應式網頁設計網站的集合,加藤俊發現國外有很多RWD網站的作品網站,例如“Media Queri” ,但沒有專門針對日本RWD網站的作品網站,所以他自己做了這個網站。
此網站本身也是俱有RWD 響應式設計的唷。網站預覽會貼出電腦、平板和手機的尺寸截圖,也有簡單的分類,但是更新比較慢一些。

網站右側也有一些加藤俊司推薦的網頁設計相關書籍,可以說是非常實用呢!

Responsive Web Design JP

網址:https://responsive-jp.com/

網頁設計推薦-Pinterest

pintrest
Pinterest

一進到 Pinterest 的網站,映入眼簾的是圖像瀑布流,有非常多的圖片,是非常多人在使用的設計網站。如何搜尋你想要的東西呢?可以用英文單字串連,例如:movie poster design,越多單字串連越能找到你想要找的核心唷。而 Pinterest 最大的優點是你可以把喜歡、想收藏的圖片「圖釘」起來,可以用自己的方式分門別類。真的非常方便呢!Pinterest 算是非常多人在使用的網站(也有App),趕快去尋找你的靈感吧!

Pinterest

網址:https://www.pinterest.com/

網頁設計推薦-Behance

behence
Behence Adobe

Behance 是 Adobe 旗下用於展示並發現創意作品的平台,匯集了許多設計好手的作品。現今大多的設計師都使用 Adobe 一系列軟體做設計,例如 Illustrator、Photoshop、Lightroom 等等,因此這個網站可以讓使用者選擇你在做這個創作的時候用到了什麼軟體、工具。網站內的分類也很清楚明瞭:平面設計、攝影、插圖、互動(UI/UX)、動態、建築、產品設計、時尚、廣告、美術、遊戲設計、工藝、音效等等。是個非常適合花時間去探索的網站。

Behence Adobe

網址:https://www.behance.net/

網頁設計推薦-Dribbble

dribbble
Dribbble

Dribbble 是一個用於展示用戶製作的藝術作品的線上網站,同時也是用於推廣平面設計、網頁設計、插畫、攝影等其他創造性領域的商業社交平台。它是一個讓設計師線上分享作品的龐大平台之一,直接與Adobe旗下的Behance — 最大的設計平台競爭。作品內容較多偏UI、UX、網頁設計等等。在這個網站你也可以找工作或發設計師工作,相關資訊可以親自到網站挖挖寶唷。

Dribbble

網址:https://dribbble.com/

網頁設計推薦網站統整

網頁設計推薦網站內容網址
Awwwards有專業人士評比網站設計的網站作品https://www.awwwards.com/
WebDesignClip日本網頁設計的優良作品https://www.webdesignclip.com/
WebDesignFile歐美風格的網站或英文排版的網頁設計http://www.webdesignfile.com/
Muuuuu.org具有垂直長正統佈局且設計精良的日本網站,每週更新https://muuuuu.org/
Responsive Web Design JP日本優秀的響應式網頁設計網站https://responsive-jp.com/
Pinterest適合尋找靈感的設計網站https://www.pinterest.com/
BehanceAdobe 旗下用於展示並發現創意作品的平台https://www.behance.net/
Dribbble展示用戶製作的藝術作品的線上網站及創造性領域的商業社交平台https://dribbble.com/

延伸閱讀:

WordPress網站備份常見問題+4個備份外掛推薦

WordPress網站備份

您的 WordPress 資料庫包含您部落格上的每篇文章、每條評論和每個連結,如果您的資料庫被刪除或損壞,您將失去網站的所有內容。發生這種情況的原因有很多,並非所有事情都是您可以控制的。透過正確的網站備份,備份您的 WordPress 資料庫和文件,您可以讓網站快速恢復正常。

網站備份是非常重要的,因為問題不可避免地會發生,並且您需要能夠在災難發生時採取行動。花幾分鐘時間輕鬆、方便地備份您的數據庫,這將使您可以花更多的時間在您的網站上發揮創造力和生產力。

關於網站備份的幾個常見問題

*定期備份您的網站,在網站更新之前一定要先備份

應該多久備份一次?

這取決於更新網站內容的頻率,例如多常更新部落格文章、上架商品等等,以及如果您的數據庫連同一些文章、網站內容,一起丟失了,您的感受如何?這是您的決定。由我們維護客戶的網站,會定期每日備份。

有什麼備份方式?

  • 使用外掛備份:這是我們最推薦的方法,因為不需搞懂背後的運作,只需一鍵按下就可完整備份網站,請參考以下的 WordPress 備份外掛推薦。
  • phpMyAdmin+FTP 手動備份:有些備份外掛會限制備份容量(需付費升級),但如果有預算的考量,或是想掌握原始的 WordPress 資料,這會是好選擇。
  • 主機自動備份:WordPress 最佳主機 (VPS-L) 提供每日自動備份,如果有還原需求,只需前往後台點擊還原即可。

我應該保留多少個備份?

一般的經驗法則是至少保留三個備份,並將它們保存在三個不同的位置或形式中,例如 CD/DVD、不同的硬碟、網路雲端、您的電子郵件帳戶等,這可以防止出現問題單個備份檔案損壞。

備份可以自動化嗎?

可以唷,可以使用外掛進行自動化備份。但是,強烈建議您偶爾使用手動備份來備份這些自動備份,以確保該過程正常運行。

備份您的WordPress網站

備份您的WordPress網站有兩個部分:資料庫和文件。您需要備份整個網站,並且需要備份您的 WordPress資料庫。

您的 WordPress 網站包含以下內容:

  • WordPress 核心安裝
  • WordPress 外掛
  • WordPress 佈景主題
  • 圖像和文件
  • JavaScript、PHP 和其他代碼文件
  • 附加文件和靜態網頁

+WordPress資料庫

這些資料以各種組合方式用於生成您的網站。WordPress資料庫包含您的文章、網站內容和在您的網站上生成的大量數據,但它不包括上述元素文件,這些元素共同構成了您網站的外觀和訊息,這些需要保存。

大多數主機備份整個伺服器,包括您的網站,但從他們的備份中請求您網站的副本需要時間,快速恢復至關重要,您需要學習如何備份和恢復您自己的網站文件。

WordPress網站備份外掛推薦

有幾個免費和付費的WordPress備份外掛,其中大部分都相當容易使用。在本文中,我們將分享一些適用於小型企業的最佳WordPress備份外掛。

UpdraftPlus

WordPress網站備份-UpdraftPlus
UpdraftPlus

UpdraftPlus是很受歡迎的免費 WordPress 備份外掛,它被超過300萬個網站使用。

它允許您創建 WordPress 網站的完整備份並將其儲存在雲端或下載到您的電腦,並支持定時備份,您還可以選擇要備份的文件,並可以自動將您的備份上傳到 Dropbox、Google Drive、S3、Rackspace、FTP、SFTP、電子郵件和其他幾種雲端服務。

除了備份每個 WordPress 網站外,UpdraftPlus 可以讓您直接從 WordPress 管理面板輕鬆恢復備份。

UpdraftPlus 有推出 Pro 高級版本,其中包含用於搬家或複製網站、資料庫搜索和替換、多站點支持以及其他一些功能的附加功能,高級版還可以讓您獲得優先支持。

WPvivid Backup

WordPress網站備份-WPvivid-Backup
WPvivid Backup

WPvivid 是新興的 WordPress 備份、還原、搬家的綜合型外掛,核心功能幾乎都可免費使用,這是相當難得的。該外掛可以設定排程備份,定期備份網站,也支援眾多品牌的雲端儲存空間服務提供商,例如 Dropbox、Google 雲端硬碟、Amazon S3、Microsoft OneDrive、DigitalOcean Spaces、FTP 及 SFTP。

WPvivid Backup 外掛經過使用者測試,可以用於移轉使用以下外掛建置的網站:

  • Elementor Website Builder
  • Page Builder by SiteOrigin
  • Beaver Builder – WordPress 頁面編輯器
  • 其他頁面編輯器

WPvivid 也有推出 Pro 版本,有更多進階的功能,例如,建立測試環境網站,並將測試環境網站推送為正式網站、增量備份、資料庫備份加密…等服務。

All-in-One Migration

WordPress網站備份-All-in-One-Migration
All-in-One Migration

All-in-One WP Migration 於 2013 年推出並被超過 500 萬個網站使用,可以證明它是 WordPress 備受信任和經常使用的外掛之一,可以絕對輕鬆地移動網站。

All-in-One WP Migration 專為非技術用戶而建構,擁有對新手友好的功能,使您可以在幾乎沒有或沒有技術知識或經驗的情況下搬家您的 WordPress 網站。

該外掛已經過廣泛測試並確認與大多數 WordPress 外掛和主題兼容。當您安裝和使用 All-in-One WP Migration 時,您不會遇到跨外掛兼容性問題,這些問題可能會減慢、錯誤或破壞您的 WordPress 網站。

Duplicator

WordPress網站備份-Duplicator
Duplicator

Duplicator是一個流行的 WordPress 外掛,用於 WordPress 網站搬家,但是,它也有備份功能。

他們也推出了 Duplicator Pro,將 Duplicator 提升到一個新的水平,例如:拖放安裝、定期備份、雲端儲存網站備份到 Dropbox、Google Drive、Microsoft OneDrive、Amazon S3 和 FTP/SFTP…等等。

無論您選擇哪個WordPress備份外掛,請不要將備份儲存在與您的網站相同的伺服器上。

這樣做是將所有雞蛋放在一個籃子裡,如果您的伺服器硬體出現故障或遭到駭客攻擊,而您沒有網站備份,這下就真的糟糕了,違背了設置定期備份的目的。

我們建議將您的網站備份存在第三方雲端服務上,例如 Dropbox、Amazon S3、Google Drive 等。

資料來源:WordPress Backups7 Best WordPress Backup Plugins Compared (Pros and Cons)

延伸閱讀:

如何提升WordPress網站速度及性能?

WordPress網站速度

我們試圖涵蓋所有內容,包括為什麼速度很重要、什麼會降低您的WordPress網站的速度,以及您可以採取哪些可行的步驟來立即提高您的WordPress網站速度。

為什麼速度對您的WordPress網站很重要?

WordPress網站速度的重要性
WordPress網站速度的重要性

研究表明,從 2000 年到 2016 年,人類的平均注意力持續時間從 12 秒下降到 7 秒。

作為網站所有者,這對您意味著什麼?

「您幾乎沒有時間向用戶展示您的內容並說服他們留在您的網站上。」

緩慢的網站意味著用戶可能會在加載之前離開您的網站。

根據一項涉及Amazon、Google和其他大型網站的 StrangeLoop 案例研究,頁面加載時間延遲 1 秒可能導致 7% 的轉化損失、11% 的頁面瀏覽量和 16% 的客戶滿意度下降

最重要的是,Google和其他搜索引擎已經開始透過在搜索結果中下推網站來懲罰速度較慢的網站,這意味著速度較慢的網站的流量會降低。

總而言之,如果想從您的網站獲得更多流量、訂閱者和收入,那麼必須讓您的WordPress網站快速運行!

如何檢查您的WordPress網站速度?

截圖 2022 08 01 上午2.14.34
PageSpeed Insights

初學者通常認為他們的網站還可以,只是因為在他們的電腦上感覺並不慢。這是一個巨大的錯誤。

由於您經常訪問自己的網站,Chrome 等瀏覽器會將您的網站儲存在快取中,並在您開始輸入網址時自動預取它,這使您的網站幾乎可以立即加載。

但是,第一次訪問您網站的普通用戶可能不會有相同的體驗。事實上,不同地理位置的用戶會有完全不同的體驗。

這就是為什麼我們建議您使用諸如 Google的 PageSpeed Insights 之類的工具來測試您的網站速度。它是一個免費的線上工具,可讓您測試網站的速度。

執行網站速度測試後,您可能想知道良好網站速度是多少?

一個好的頁面加載時間不到 2 秒。

然而,您能盡量加速網站,它就越好。在這裡和那裡進行幾毫秒的改進,可以將加載時間縮短一半甚至一秒。

是什麼減慢了您的WordPress網站?

您的速度測試報告可能會有多項改進建議,但是,其中大部分是初學者很難理解的技術術語。

了解是什麼讓您的網站變慢是提高性能和做出更明智的長期決策的關鍵。

WordPress 網站速度慢的主要原因是:

  • 虛擬主機: 如果您的虛擬主機伺服器配置不正確,可能會損害您的網站速度。
  • WordPress 配置:如果您的 WordPress 網站沒有提供快取頁面,那麼它會使您的伺服器超載,從而導致您的網站運作緩慢或完全崩潰。
  • 頁面大小:主要是未針對網站優化的圖像。
  • 不良外掛:如果您使用的外掛編碼不佳,那麼它會顯著降低您的網站速度。
  • 外部腳本:廣告、字體加載器等外部腳本也會對您的網站性能產生巨大影響。

既然您知道是什麼降低了您的WordPress網站的速度,那麼讓我們來看看如何加快您的WordPress網站的速度。

好的WordPress託管的重要性

您的WordPress網站主機託管服務在網站性能中起著重要作用。

如果您是使用共享主機,您會與許多其他客戶共享伺服器資源。這表示如果您的相鄰站點獲得大量流量,那麼它可能會影響整個伺服器的性能,進而會降低您的網站速度。

好的主機託管服務可為您提供最優化的伺服器配置來運行WordPress網站,也有自動備份等服務。

以簡單的步驟加速WordPress

我們了解,更改您的網站配置對於初學者來說可能是一個可怕的想法,我們將介紹如何透過無需編碼的方法來加速您的WordPress網站。

安裝WordPress快取外掛

WordPress頁面是“動態的”。這意味著每次有人瀏覽您網站上的文章或頁面時,它們都是即時構建的。

要構建您的頁面,WordPress 必須執行一個過程來查找所需的資訊,將它們放在一起,然後將其顯示給您的用戶。

這個過程涉及很多步驟,當您有多個人同時瀏覽它時,它確實會減慢您的網站速度。

快取可以使您的WordPress 網站速度提高 2 倍到 5 倍,這是它的工作原理。

您的快取外掛不是每次都經歷整個頁面生成過程,而是在第一次加載後複製頁面,然後將該快取版本提供給每個後續用戶。

php
網站載入示意圖

正如上圖中所見,當使用者瀏覽您的WordPress網站時,您的伺服器會從 MySQL 數據庫和您的 PHP 文件中檢索資訊,然後它將所有內容放在一起提供給用戶的 HTML 內容中。

這是一個漫長的過程,但是當您使用快取時,您可以跳過很多過程。

有很多不錯的WordPress 快取外掛可用,我們建議使用WP Rocket(高級)或WP Super Cache(免費)外掛。

加入我們的最佳優化服務及提供WP Rocket外掛的商用授權。

優化圖片以提高速度

網站維護
優化圖片

圖片為您的內容帶來活力,並有助於提高參與度。研究人員發現,使用彩色視覺效果會使人們閱讀您的內容的可能性增加 80%。

但是,如果您的圖片沒有經過優化,那麼它們可能弊大於利。事實上,未優化的圖片是在初學者網站上看到最常見的速度問題之一。

在您直接從手機或相機上傳照片之前,我們建議您使用照片編輯軟體來優化您的網站圖片。

這些照片的原始格式可能具有巨大的文件大小,但根據您在編輯軟體中選擇的圖片文件格式壓縮率,您最多可以將圖片大小減小 5 倍。

我們建議只使用兩種圖片格式:JPEG 和 PNG。

PNG圖片格式是未壓縮的。當您壓縮圖片時,它會丟失一些信息,因此未壓縮的圖片將具有更高的質量和更多的細節。缺點是文件比較大,所以加載時間比較長。

另一方面,JPEG是一種壓縮文件格式,它會稍微降低圖像質量,但它的大小要小得多。

那麼如何決定選擇哪種圖片格式呢?

  • 如果照片或圖片有很多不同的顏色,使用 JPEG。
  • 如果它是更簡單的圖片或者我們需要透明圖片,使用 PNG。

進階優化WordPress性能及速度

安裝快取外掛並優化圖片後,會注意到您的網站將開始加載速度更快。

但是,如果真的想盡可能地保持您的網站速度,則需要使用下面列出的進階優化方法。

這些技巧不是太技術性,不需要知道任何程式碼來完成它們,但是使用它們可以防止常見的問題,這些問題會降低您的網站速度。

保持您的 WordPress 網站更新

WordPress 作為一個維護良好的開源項目,核心更新頻繁,每次更新不僅會提供新功能,還會修復安全問題和錯誤,您的 WordPress 主題和外掛也可能有定期更新。

作為網站所有者,您有責任將WordPress網站、主題和外掛更新到最新版本。不這樣做可能會使您的網站變得緩慢且不可靠,並容易受到安全威脅。

優化後台進程

WordPress中的後台進程是在您的WordPress網站後台執行的任務,以下是在 WordPress 網站上執行的一些後台任務:

  • WordPress備份外掛任務
  • 用於發布預定文章的 WordPress cron 作業
  • 用於檢查更新的 WordPress cron 作業
  • 搜索引擎和其他爬蟲試圖獲取內容

定期發布和更新的 cron 作業等任務對網站性能的影響很小。

但是,其他後台進程(例如備份外掛和搜索引擎的過度抓取)可能會降低網站速度。

對於備份外掛,您需要確保您的WordPress 備份外掛僅在網站上的低流量時間執行,您還需要調整備份頻率和需要備份的數據。

例如,如果您設定完整的每日備份,而您每週只發布兩次新內容,那麼您需要對其進行調整。

至於爬蟲抓取,您需要密切關注 Google Search Console 中的抓取報告,若有錯誤須盡快調整,它可能會導致您的網站變慢或無響應。

在主頁和檔案中使用摘要

默認情況下,WordPress會在您的主頁和檔案中顯示每篇文章的完整內容,這表示您的主頁、分類、標籤和其他存檔頁面的加載速度都會變慢。

在這些頁面上顯示完整文章的另一個缺點是使用者感覺不需要瀏覽實際文章,這會減少您的網頁瀏覽量,以及您的用戶在網站上花費的時間。

為了加快存檔頁面的加載時間,您可以將網站設置為顯示摘錄而不是完整內容。

截圖 2022 09 24 下午6.17.46
設定->閱讀

您可以到後台設定->閱讀,並調整資訊提供中的文章顯示方式:內容摘要

將留言評論分頁

在您的部落格文章中獲得大量評論?恭喜!這是讀者參與度的一個很好的指標。

但不利的一面是,加載所有的留言評論會影響您網站的速度。

截圖 2022 09 24 下午6.18.49
設定->討論

WordPress為此提供了一個內置的解決方案,只需到後台設定->討論,並勾選其他留言設定“將留言進行分頁”的選項。

使用內容傳遞網路 (CDN)

CDN
內容傳遞網路(CDN)

還記得我們上面提到的不同地理位置的用戶在您的網站上可能會遇到不同的加載時間嗎?

這是因為您的網站伺服器的位置可能會影響您的網站速度。

例如,假設您的網路託管公司在美國設有伺服器,同樣在美國的使用者通常會比在印度的訪問者看到更快的加載時間。

使用內容傳遞網路 (CDN) 可以幫助加快所有瀏覽者的加載時間。

CDN 是由世界各地的伺服器組成的網路,每台伺服器都將存儲用於構成您的網站的“靜態”文件。

這些靜態文件包括不變的文件,例如圖像、CSS 和 JavaScript,這與WordPress頁面不同,它們是如上所述的“動態”頁面。

當您使用 CDN 時,每次用戶訪問您的網站時,他們都會從離他們最近的伺服器獲得這些靜態文件。

不要將音頻檔案/影片檔案直接上傳到WordPress

託管音頻檔案和影片檔案將佔用您的頻寬。您的網站託管公司可能會向您收取超額費用,或者他們甚至可能完全關閉您的網站,即使您的方案包括“無限”頻寬。

託管大型媒體文件還會極大地增加網站備份大小,並使您難以從備份中恢復WordPress。

相反,您應該使用像 YouTube、 Vimeo、DailyMotion、SoundCloud 等第三方影音平台,並讓他們來處理繁重的工作。

WordPress 具有內置的影片嵌入功能,因此您可以將影片的網址直接複製並貼到文章中,它將自動嵌入。

使用針對速度優化的主題

在為您的網站選擇主題時,請務必特別注意速度優化。一些漂亮且令人印象深刻的主題實際上編碼不佳,可能會減慢您的網站速度。

通常選擇一個更簡單的主題比選擇一個具有復雜佈局、華麗動畫和其他不必要功能的主題更好。您始終可以使用優質的 WordPress 外掛添加這些功能。

使用更快的外掛

無論您的網站是否需要,編碼不佳的WordPress外掛通常會加載過多的內容,這會提高頁面加載速度並減慢網站速度。

建議您可以安裝外掛之前和之後進行速度測試,可以比較其對性能的影響。

有任何網站維護、網站優化的需求也歡迎找我們諮詢唷!

資料來源:The Ultimate Guide to Boost WordPress Speed & Performance

延伸閱讀:

什麼是黑帽SEO?要避免的 9 種危險手法

黑帽SEO
modern workplace with laptop showing landing page with black hat seoconcept toned image with selective focus
黑帽SEO Black Hat SEO

什麼是黑帽SEO?

黑帽SEO(Black Hat SEO)是用於對違反搜索引擎指南的網站進行排名的策略,黑帽SEO技術試圖操縱搜索引擎算法來提高網站在 SERP(搜尋引擎結果頁)上的排名。
搜索引擎如 Google、Bing、Yahoo! 等等…,非常清楚哪些類型的做法違反了他們的條款,使用黑帽SEO策略可能會導致您的網站受到懲罰 (透過演算法或手動操作),導致網站在搜尋結果頁排名變低,並且很可能會使網站自然流量下降。

黑帽SEO的風險

使用黑帽策略對您的網站進行排名存在重大風險,這就是大多數 SEO 選擇不考慮這種方法的原因,大多數 SEO 行業認為這些做法是完全不道德的。

有少數人可能還是想要投機取巧,使用黑帽技術,但即使黑帽 SEO 技術被證明對您的網站有效,結果通常也是短暫的。 

在查看Google 的網站管理員指南時,可以清楚地看到他們對 SEO 基本原則的指導:

避免使用不實花招,以狡詐手法提高搜尋引擎排名。您可以利用有效的經驗法則,自問是否能夠坦然地向競爭的網站或 Google 員工說明您對網站採取的行為。此外,您還可以自問:「這對我的使用者有實質幫助嗎?如果沒有搜尋引擎這種工具,我還會這麼做嗎?」

當談到使用黑帽策略時,事實是這些技術對用戶沒有幫助,如果搜索引擎不存在,它們也不會被使用。

避免黑帽SEO的3個理由

但是,如果網站使用黑帽 SEO 進行排名,最壞的情況是什麼? 

深入研究 Google 的網站管理員指南,可以看到這些明確指出此類違規行為“可能導致網站從 Google 索引中完全刪除,或者受到演算法或手動垃圾郵件操作的影響”。該指南還繼續指出,“如果網站受到垃圾郵件行為的影響,它可能不再出現在 Google.com 或任何 Google 合作夥伴網站的結果中。”

雖然SEO就是要增加網站的自然曝光和流量,但黑帽策略實際上可能會導致相反的結果

它會對您的搜索排名和曝光度產生負面影響

不使用黑帽SEO策略的第一個原因是它們最終會導致您的網站失去搜索排名、知名度和流量。

看看下面的內容。這是參與黑帽策略並因此受到負面影響的網站的曝光度:

自然流量下降
什麼是黑帽SEO?要避免的 9 種危險手法 29

當網站失去流量和知名度時,這通常意味著轉換和收入遵循類似的趨勢。 這本身可能意味著企業收入的減少,並導致失業甚至企業倒閉。

若有機會補救,自然流量的嚴重下降將意味著必須透過下更多PPC(每次點擊付費)廣告預算或更高的投資其他付費媒體。

由於手動操作或演算法過濾,黑帽SEO策略可能導致網站性能下降。

它不會持續長久地維持

即使在最初因黑帽操縱技術排名和自然搜尋增加,這些也很少能維持。

雖然Google可能需要一些時間來確定網站參與了不道德的方法(這可能是進行了人工審查或更新了核心演算法),但一旦發生,流量損失是不可避免的。

而客戶或網站管理者不會想看到排名和流量被人為誇大,但在不久的將來突然下降。企業需要可預測性,而這不是黑帽策略所能提供的。

它會導致糟糕的用戶體驗

SEO需要考慮用戶在網站上的體驗,並努力提供最好的內容和最好的用戶體驗。然而,黑帽策略恰恰相反。他們針對搜索引擎(至少他們認為搜索引擎希望看到的內容)而不是用戶進行優化,這本身是有問題的。

信任在搜索成功中起著重要作用,如果優先考慮搜索引擎而不是用戶,那麼網站的轉換能力很可能會受到很大限制。 

要避免的9種黑帽SEO策略及手法

關鍵字填充 

過度重複頁面的主要目標關鍵字不會幫助您排名。眾所皆知,關鍵字填充幾乎肯定會導致相反的結果。

黑帽SEO有時會嘗試透過在頁面中包含不自然的關鍵字來操縱網站的排名,關鍵字填充通常發生在位於主要內容之外的隨機區塊中,或者出現在您大聲朗讀時沒有意義的段落中。

以下是 Google 提供的關鍵字填充內容範例:

關鍵字填充示例
什麼是黑帽SEO?要避免的 9 種危險手法 30

自動生成/複製內容

創建出色的內容並非易事,但它仍然是Google 排名前三的因素之一,這一事實不容忽視。

一種常見的黑帽技術是自動生成內容以針對大量關鍵字進行排名,而無需實際創建實用的獨特內容。其中一個範例是創建了多個位置頁面,並且每個位置頁面都使用相同的內容,除了網址。

請務必花時間創建對SEO友好的內容 ,以避免由低質量或重複頁面引起的問題。

隱藏文字

隱藏文本是指位於螢幕可見範圍外或圖片後面的背景顏色相同的文本,故意使用 CSS 對用戶隱藏,甚至使用零字體大小。這是具有欺騙性的,但有時用於填充關鍵字;許多人會提供一長串他們希望他們的內容在 SERP 中排名的關鍵詞。

絕對不建議在您的頁面中添加隱藏文本,搜索引擎爬蟲現在要復雜得多,並且知道您正在嘗試塞入關鍵字。

入口網頁

「入口」是為了提高網站在特定類似搜尋查詢中的排名所建立的網站或網頁。這類內容可能導致搜尋結果中存在多個相似網頁,無論使用者點選何者都會前往同一個目的地,讓人感覺不佳。此外,它們也可能將使用者導向不含實用內容的轉介網頁,而非直接前往最終目的地。

您網站上的每條內容都應該有一個特定的目的,並且您不應該創建頁面來嘗試對不完全相關的關鍵字進行排名。

這方面的例子包括:

  • 網站中包含多個網域名稱或網頁,皆以特定地區或城市為目標對象,目的是將使用者集中導向單一網頁
  • 為了將訪客集中導向網站中實際可用部分或相關部分所產生的網頁
  • 多個內容大致相同的網頁,其與搜尋結果的相關程度高於明確定義的瀏覽階層

偽裝

偽裝是一種策略,涉及向用戶和搜索引擎提供不同的內容或 URL,本質上為每個用戶提供不同的體驗。

根據為搜索引擎創建的內容對頁面進行排名,同時將用戶指向不同的地方(或某物)。這是一種欺騙性做法,違反了搜索引擎指南。

以下列舉幾種偽裝行為:

  • 對搜尋引擎顯示 HTML 文字網頁,但對使用者顯示含有圖片內容的網頁
  • 只有在要求存取網頁的使用者代理程式為搜尋引擎時,才在網頁中插入文字或關鍵字,如果是真人訪客卻不會這麼做

集中精力為用戶設計最佳體驗,搜索引擎很有可能也會喜歡您的頁面。 

付費/操縱連結

連結配置是最常見的黑帽SEO類型之一,這也是經常引起很多混亂的地方。

許多行銷人員的常識是,您應該編寫適合您的用戶的內容,並且您不應該隱藏文本,但是連結配置會變得更加複雜。

最重要的是應該獲得連結,尤其是考慮到它們是從一個網站連結到另一個網站。您應該避免以下策略:

  • 不包含 rel=”nofollow” 或 rel=”贊助” 屬性的付費(贊助)連結
  • 過多的連結交換
  • 部落格評論垃圾郵件
  • 論壇垃圾郵件
  • 大型文章營銷或客座發文活動
  • 自動連結構建
  • 垃圾郵件目錄、書籤網站和 Web 2.0 屬性
  • 網站範圍的頁腳或側邊欄連結
  • 使用完全匹配或商業錨文本的連結

濫用結構化標記

雖然結構化標記可以幫助在線定義實體、操作和關係,但常見的黑帽策略是濫用或誤用此類標記。

這通常意味著使用結構化標記來提供實際上不正確的訊息——例如,那些試圖為其網站創建更有利的結構化標記的人。許多人撰寫虛假評論,給予 5 星評分,以提升 SERP 排名並享受更高的點擊率。

Google也指出違反這些內容指南的網頁或網站可能會獲得較低排名,或被系統標示為不適用複合式搜尋結果。

與此列表中的其他策略一樣,這純粹是欺騙,而不是您應該考慮的策略。 

誤導性重定向

無論是更新到新URL的舊頁面還是準備網站遷移,使用重定向都是SEO的常見部分,這沒有什麼問題,這是確保您的網站井井有條並易於用戶和搜索引擎爬蟲訪問的首選方法。

然而,與偽裝類似,黑帽SEO會放置鬼鬼祟祟的重定向來欺騙搜索引擎並顯示與用戶看到的內容不同的內容。通常,搜索引擎會將原始頁面編入索引,而用戶會被帶到不同的目標URL。Google的網站管理員指南特別將幕後重定向列為違反其指南的黑帽策略。

負面搜索引擎優化

一些不道德的SEO使用負面SEO來降低競爭對手的排名,也就是說在其他人的網站上使用違反 Google 指南的策略,而不是您自己的網站。

這通常意味著將大量不自然的連結指向其他人的網域,希望他們因此而受到懲罰。 

雖然不是很常見,特別是考慮到 Google 在忽略源自此類攻擊的連結方面做得越來越好,但重要的是要意識到這一點並定期分析您的連結配置文件。

資料來源:What Is Black Hat SEO? 9 Risky Techniques To Avoid網站管理員指南

延伸閱讀:

新型黑帽SEO大量攻擊搜尋結果,該如何處理?

攻擊搜尋結果

黑帽SEO靠網站內搜尋結果頁連結置入內容,Google 搜尋結果頁開始出現大量奇怪的站內搜尋結果,可以看到泰文、越南文的關鍵字連到網站內部的搜尋結果去建立網頁。這些搜尋結果的字串可能是跟博弈或情色產業相關的字眼及網站。

到Google搜尋「33k1.com」或「879783.com」會發現一些有高流量的網站例如momo、IKEA、國立臺灣師範大學竟然出現在Google 的搜尋結果頁,但這些網站不會有相關內容。

image 1
黑帽SEO攻擊搜尋結果
黑帽SEO攻擊搜尋結果
黑帽SEO攻擊搜尋結果

這些搜尋結果可能是博弈或情色相關產業的廣告來洗流量、增加曝光度,可能會在您網站的 Google Search Console 出現一堆『要賭博請來 XXX 網~………』這樣的數百個到上千的網頁,這樣的網頁也是用數百個到上千不同的網址來建立。

如何知道網站有無被惡意搜尋連結攻擊?

可以到 Google Search Console 的 索引–>涵蓋範圍,查看報表中歸屬於 遭到「noindex」標記排除已檢索-目前尚未建立索引 的網頁是否異常增加。也可以到Google Search Console 的 設定–>檢索統計資料,查看報表並觀察其中 依回應:OK(200) (檢索要求:OK(200))的網址示例是否有異常增加。

截圖 2022 05 27 上午12.47.21 1
Google Search Console 涵蓋範圍報表
截圖 2022 05 28 下午3.07.45
Google Search Console OK(200)

被惡意攻擊搜尋結果對網站的影響?

遭受惡意攻擊對網站SEO的影響或大或小,如果你網站的搜尋結果有加上 noindex 標記,Google 就不會索引站內搜尋結果,但有人惡意大量餵給 Google 這些無用的結果,Google 還是會先檢索,才會知道這不用索引。

這些網頁在 Google 爬蟲的角度可能是無價值、無用的,會被列為 檢索而未索引 的機會相當高,而這也會讓 Google 認為這個網站的品質相當低,這就可能影響到SEO。

如果數量很多,就會影響到 Google 爬蟲用來檢索網站的資源(檢索預算 crawl budget),進而導致 Google 花太多資源檢索無用內容而不去檢索網站的正常內容。

如果你的網站並沒有針對站內搜尋結果頁做特殊處理去阻擋 Google 爬蟲檢索或索引,最終的結果有可能 Google 大量索引到垃圾內容,以致它認為網站品質有問題,而影響網站SEO成效。

被惡意攻擊搜尋結果該如何處理?

  • robots.txt 檔案中封鎖所有站內搜尋結果,以WordPress網站為例,加上「Disallow:/?s=*」。
  • 於所有網站內搜尋結果頁加上 meta noindex標記
  • 將無內容的網站內搜尋結果頁的回應代碼(response code)調整為404或加上 meta noindex 標記。。
  • 將網站內搜尋字詞超過 10~20 個字以上就回傳 meta noindex,因為這些黑帽 SEO 的攻擊為了置入這些字詞,因此搜尋關鍵字都會較長,因此這樣就可以擋住大部份的攻擊。
  • 直接把這些黑帽SEO的網域加入禁止外部連結,只是這些黑帽SEO一直會換網域,有時防不勝防,因此不能做為唯一的方法,但若有做好的話,一個月左右也會見效。

WordPress 本身就會於站內搜尋結果頁的原始碼加上noindex標記,可以再於 robots.txt 封鎖網站內搜尋結果頁,如果這些搜尋結果頁對使用者來說是有意義的,則會建議於相關內容加上標籤(tag)。

可能會疑惑,為何有noindex了還要於 robots.txt 封鎖呢?如果只以noindex處理,雖然Google不會索引,但還是會檢索,如此還是會消耗檢索預算,所以最好的方式還是告訴Google不用來爬此頁面的資料

延伸閱讀:

網頁字型學問大!會影響網站載入速度?

undraw Font re efri
flying laptop mobile tablet 3d rendering showing builder website responsive web design
網頁字型學問大!會影響網站載入速度? 42

網頁字型是指網頁中使用的文字樣式。網頁字型通常會指定字體、顏色、大小和樣式(例如粗體或斜體)。這些樣式可以讓網頁內容更加清晰和美觀,並且有助於提高用戶體驗。

一般來說,使用者看的網頁中的字體,會因為作業系統預設瀏覽器設定而不同,比如說微軟正黑體;所以當你在設計網站時,也必須將網頁字型的相關問題納入考量,即便你在網站設計稿上用到了特殊中文字型,也沒辦法讓大家瀏覽網頁的時候也看到相同效果,畢竟他們電腦不一定有這套字型。

有一種非常不建議的方法,就是請工程師直接把字體檔案上傳到網站當中,但可能會違反字型授權,更重要的是,每次使用者瀏覽網頁的時候,都得重新下載一次這套字體,以繁體中文的字數來說,中文字體檔案非常龐大,一般字體大小是網頁的三倍以上,會讓網頁載入速度變慢,影響使用者體驗,可能還沒載完網站就不耐煩地把網站關掉了。

因此我們建議,如果是少量且非常特殊的字體,可以以圖片代替。

網頁字型設計必須認識的 Webfont

Webfont 為網頁上替換字型的服務,在網頁中Webfont的使用方式,主要是由W3C協會所制定。如同W3C協會制定了在網頁上的樣式(CSS)呈現,W3C協會也制定了網頁上字體套用CSS後的呈現規範。字型需要存放於網路平台上,否則網頁僅能讀取本地端的字型檔。雖然有安裝字型檔的裝置可以看到網頁上指定的字型,但是沒有安裝該字型檔的裝置卻是無法呈現,這個網頁呈現結果則會跳回裝置上預設的系統字型。

免費和開源的Webfont:Google Fonts

網頁字型
Google Fonts

Google Fonts(以前稱為Google Web Fonts)是 Google 擁有的電腦字體和網站字體服務。這包括免費和開源字體系列,用於瀏覽器、網站中,以及通過CSS和Android使用字體的API。Google Fonts 存放在 Google 主機中,下載字體不需吃自己主機流量,Google 主機速度快。Google 字體庫中的流行字體包括Roboto、Open Sans、Lato、Oswald、Montserrat、Source Sans Pro和Raleway,近年也新增了一些中文、日文字體,提供中文網站使用者更多選擇。

而我們使用的網頁設計架站外掛 Elementor,在核心中就是使用 Google 字體,多達800多種的字體,可以任意使用,但當然大多數為英文字體。

網頁設計常用的字型:思源黑體、思源宋體

思源黑體與思源宋體是由Adobe與Google聯手開發的開源字型,中文命名取自飲水思源之意,支援字符數量極多,爾後Google以不同字重的方式將思源黑體以Noto Sans CJK名稱釋出。一般在缺字的時候會出現方框,因此缺字被戲稱為「豆腐」,而思源體的字型家族英文名稱為Noto,即無豆腐之意,指創作者希望該字型不缺字,是最完善的字型。

由於Google和Adobe在創作思源體時是涵蓋了幾乎全世界地區的文字,TC 指的是 Traditional Chinese,因此你也可以找到對應的日文思源體、英文思源體、簡體中文思源體等等,非常全面。

中文網頁設計通常會使用Google 的開源字體:思源黑體Noto Sans TC思源宋體Noto Serif TC。這些字體是根據 Open Font License 獲得許可的,可以在您的產品和項目中使用它們——印刷或數字、商業或其他方式。

Noto Sans Traditional Chinese 思源黑體繁體中文

截圖 2022 08 12 下午4.25.29
Noto Sans TC

Sans是無襯線的意思,指的是黑體。一般網頁都可以使用黑體,帶有輕鬆大方的感覺,也易於閱讀。

Noto Serif Traditional Chinese 思源宋體繁體中文

截圖 2022 08 12 下午4.30.59
Noto Serif TC

Serif指的是襯線體,在字型筆畫的始末有一些裝飾細節。宋體相較於黑體來說,有嚴肅、認真的氛圍,可以依據您的網站性質、品牌形象選擇使用的字體。

特殊網路字型 Webfont

justfont 為目前最大的中文webfont服務商, 2012年,他們推出了 justfont 中文雲端字型服務,達成了中文字型也能應用於網頁的重要里程碑!justfont 是華文第一個推出「中文網路字型(web font)服務」的網站,專注於中文字型的服務,並在功能完整度、顯示速度以及字型品質上都非常要求。期許能讓網路設計師們,都能夠隨時瀏覽到高品質的字型。

justfont 對於網路字型的說明

網路字型(Web Font)主要用途在使用於網頁上的字型顯示,擺脫以往字型需安裝方能顯示的限制,使得於網頁設計上能夠不用轉圖檔,使用者一樣能夠看到特殊的字型效果。目前在英文語系國家,網路字型的使用甚為方便,但在亞洲語系國家則限制頗多,主要的困難點在於亞洲語系國家的字數太多,導致單一字型檔的大小,動輒5~6M,甚至有達到10M以上的字型檔案,要在瀏覽時下載整個字型檔是不現實的。網路字型機制,是依據您網頁上使用的文字,動態的產生並下載您需要的字型,所需下載的檔案大小等同於圖檔,且使用方便無須額外設定。
justfont webfont
justfont 提供的網路字型

網路字型的好處就是,可以不需要下載全部的中文檔案,透過「網路字型」的機制,只下載網頁上所使用到的字即可,大幅的降低了所需下載檔案的大小。

有興趣的使用者可以參考 justfont 的 Webfont方案,主要採訂閱制,有免費試用,若確定訂閱則以年計費,僅能用於網頁中,webfont僅能以javascript套用,無法下載字型安裝至電腦上使用。並以PVs(Page View) 計算網頁瀏覽次數,代表這個方案可以使用多少個網頁瀏覽次數,每頁不論使用多少字體數量,都以1PV計算,例如:假如你的網站平均一個訪客會瀏覽2個頁面的話,那 100,000 PVs 就可以提供給⋯⋯100,000/2 = 50,000 個訪客使用。

怎麼嵌入特殊字型?

若您還是想在網站中嵌入特殊字型可以參考以下教學:

要在網頁中嵌入特殊字體,您需要使用 CSS 的 @font-face 規則。首先,您需要下載您想要使用的字體文件,並將其上傳到您的網站伺服器。然後,在您的 CSS 文件中,您可以使用 @font-face 規則定義字體的名稱、來源和其他樣式選項。例如,假設您下載了一個名為 “MyFont” 的字體文件,並且將其上傳到了您的網站的 “fonts” 目錄中,您可以使用以下 CSS 來定義字體:

@font-face {
  font-family: "MyFont";
  src: url("/fonts/MyFont.ttf") format("truetype");
}

或是在網頁的 HTML 源代碼中引用該字體文件,並在 CSS 樣式表中使用 font-family 屬性指定字體的名稱。

例如,假設你想在網頁中使用名為 “MyFont” 的字體,你可以在 HTML 源代碼中添加以下代碼來引用字體文件:

<link href="https://example.com/fonts/MyFont.ttf" rel="stylesheet">

然後,您就可以在其他 CSS 規則中使用這個字體了。例如,您可以使用以下 CSS 來指定所有標題元素(例如 <h1><h2> 等)使用這個字體:

h1, h2, h3, h4, h5, h6 {
  font-family: "MyFont", sans-serif;
}

請注意,上述示例只是示例代碼,實際情況可能會有所不同。此外,請確保在使用特殊字體時持有相應的授權。

網站字體也有順位?font-family排序及示例

CSS 中的 font-family 的排序指的是網頁設計者指定的字體列表,按照順序列出了瀏覽器在查找字體時應該使用的字體。這些字體會被優先使用,直到瀏覽器找到一個可用的字體。如果網頁設計者列出的所有字體都不可用,瀏覽器將使用預設 Font Stack 中的第一個字體。因此,”font-family” 的排序是決定網頁顯示的字體的重要因素。

Font Stack 是什麼?

Font Stack 是CSS font-family的一個字體清單,以使用者滿意度來排序。Font Stack 支援網頁字體設定,因此無需透過電腦安裝。

font-family的規則

font-family 是CSS中的一個屬性,它用於指定網頁元素的字體。它的規則如下:

  1. 多個字體名稱可以作為一個字體系列指定給 “font-family”,瀏覽器將按照您列出的順序依次查找這些字體。
  2. 如果您指定的第一個字體無法使用,瀏覽器將使用下一個字體。這樣,您可以提供多個字體作為備選,以確保網頁在大多數瀏覽器上都能以您預期的方式顯示。
  3. 字體名稱必須用引號括起來,如果字體名稱包含空格,則必須使用引號。
p {
   font-family: Arial, "Helvetica Neue", sans-serif;
}

上面這段代碼將指定 “Arial” 字體作為首選字體,如果無法使用,則將使用 “Helvetica Neue”,如果再無法使用,則使用預設的 sans-serif 字體。

一般來說,字體順序的決定因網站設計者和技術平台而異,但通常情況下,系統字體(如Arial、Verdana等)會被放在前面,然後是網路字體,再是其他自訂字體。

網頁字型設計需要考慮的不只是美觀,更要考慮到對網站速度的影響喲!

延伸閱讀:

為什麼要定期維護網站?必知網站維護的重要性

定期維護網站

如果網站公司只給你買斷,你敢安心的給他做嗎?

許多人或公司因為不同的需求而請人製作了網站,網站完成後交稿、上架就不再去動它,完全忽視了網站需要維護與更新。可能只有少數的企業會聘請人員管理網站,但網站的後期更新與維護是長久使用的重要關鍵。

定期維護網站、更新的重要性

當網站在沒有更新、營運的狀態下,使用者永遠得不到企業的最新資訊,只能看到舊的文章,有些人可能會以為公司或店家已經關了,沒有繼續運作,進而流失許多客群。對搜尋引擎也是一樣,沒有人潮的網站、沒有新的內容、沒有更新網站程式,沒有定期更新 SEO 關鍵字,就無法得到搜尋引擎的好感度,網站排名自然也會下降

網站不能一直維持不變,有變化、有更新才能吸引到更多人潮,不單是維持自己的行銷排名、更是為了跟得上科技的進步,網站才能一直在網路上生存下去。

而沒有定期更新 WordPress 核心或外掛,可能會引起衝突或資安漏洞。外掛有時也會有漏洞,開發方一旦發現就會立即修補,需要進行更新外掛獲得安全的網站環境。

網站維護更新需要做什麼?

businessman man hand hold interface question marks sign web ask quiestion online faq concept what where when how why search information internet
為什麼要定期維護網站?必知網站維護的重要性 45
  1. 網站內容圖文更新:定期新增網站圖文或是產品,讓網站持續活絡,保證網站的瀏覽率與搜尋引擎排名
  2. 網站舊有內容檢查:檢查網站建立過的文章內容,是否有需要修改、有無失效的連結或是否跑版
  3. 資訊安全維護:現今的網路世界隨時需要提防駭客入侵,尤其是電商等購物網站有許多會員個資,需要定期進行安全防護及數據的備份
  4. 軟體程式更新維護:科技變化速度非常快,時時在更新軟體或硬體。在網站建立好之後就有可能因為軟體、外掛的更新而無法正常使用,需要定期維護更新程式
  5. 資料庫維護:資料庫存放著網站許多建立的資料,讀出頁面的數據也都是來自資料庫,一但資料庫發生異狀,那麼網站也會跟著發生問題。
  6. 伺服器維護:網站伺服器簡單來說就是放置網站檔案、資料庫並執行網站的一個空間,當中也包含了各種的軟體和硬體的服務,所以伺服器如果無法正常運作,連同網站就會被暫停使用

網站備份的重要性

做好的網站請一定要備份,網站備份是非常重要的,可以自己備份,也可以請網站維護公司幫忙,但一般業者提供的備份都在本地,因為相對便宜。而分離式雲端備份保障較高一些,可以在伺服器受到攻擊時,又保留備份資料的安全。

而在更新 WordPress、外掛前都一定要先備份網站,若更新有問題才可以還原網站。

網站維護是建立好網站後的後期工作,一起讓您的網站長久地走下去吧!我們也有安心管理服務,專門處理網站維護、更新等等。

延伸閱讀:

16個 WordPress 維護的技巧

WordPress 維護

維護 WordPress 網站是一項繁瑣的工作,但它會幫助你了解你的網站效率,最重要的是,WordPress 安全可靠。因此,請確保你遵循正確的維護策略,這將在很大程度上提高你的網站之安全性、性能和功能

在這篇文章中,我們統整了16個 WordPress 維護的技巧及應注意的地方,它們將幫助你維護及更了解你的 WordPress 網站。

讓我們來看看:

定期備份網站

call center hot line information concept
定期備份網站

備份網站是你需要定期做的最重要的事情。雖然備份不會使你的網站保持新鮮和乾淨,但如果出現問題,它會有所幫助,因為你可以立即恢復到以前的版本。

我們建議至少每月備份你的 WordPress 網站,你還可以每天備份你的部落格,而每週備份對公司網站很有用。你可以通過託管服務提供商或通過 FTP 下載網站的本地副本來備份你的網站。

我們的維護服務則是提供每日遠端備份你的網站,更加安全無虞。

讓網站保持最新狀態

如果你想維護你的網站,你應該盡量更新你的核心 WordPress、安裝的主題和外掛到最新版本。WordPress 經常推出最新版本,為用戶提供更高級的功能和安全修復。

你只需每月登入你的 WordPress 網站並更新核心 WP、主題和外掛。

但在更新時必須先備份你的網站,若無重大資安問題也可以不用特別更新,更新時需注意相容問題。

刪除未使用的外掛

WordPress 外掛是擴展網站功能的好方法,但是使用過多的外掛可能會影響網站的性能和安全性。

如果你想要維持網站的效能及速率,你需要刪除所有你至今未使用的外掛。簡而言之,擺脫不需要的外掛

為此,你首先需要停用外掛,然後將其刪除,請查看你已安裝的外掛並找出未使用的外掛。

優化網站數據庫

數據庫是存儲所有網站內容的地方,它包括你的部落格文章、頁面、圖片、影片、設定等等。隨著網站的增長,你的數據庫開始變得巨大且臃腫,這反而會降低網站的速度

如果你想提高你網站的性能,你需要優化你的數據庫。借助 WordPress 外掛(例如 WP-Optimize,它將自動優化你的數據庫並清除現在不需要的記錄),你可以優化你網站的數據庫並提高其速度。

該外掛還將幫助你刪除垃圾評論;不需要的草稿文章等。它還優化了底層的MySQL 數據庫表。

關注網站的安全性

大多數 WordPress 用戶都忽略了他們網站的安全性,但這是需要考慮的關鍵因素之一。如果想保護你的網站免受駭客和其他安全威脅,你需要安裝一個可靠的安全外掛。你可以使用 iThemes Security 外掛,只需單擊幾下即可保護你的網站免受駭客攻擊。

事實上,你還應該使用 Sucuri 服務來監控你的網站。它將掃描你的網站並從你安裝的主題、外掛或核心 WordPress 中檢測惡意軟件或病毒。如果發現任何惡意軟體,它會立即將其從你的網站中刪除。

更改所有的 WordPress 密碼

密碼是防止未經授權訪問你的網站的第一道防線,你應該始終為所有帳號使用強度夠高的密碼,其中包括你的 WordPress 網站、FTP 帳戶和數據庫。

但是,即使你使用的是強密碼,它們也可能在你不知情的情況下被洩露。

這就是 WordPress 安全專家建議定期更改 WordPress 密碼的原因。這包括你的WordPress 管理區域、FTP的密碼,以及你的 WordPress 數據庫密碼。

強密碼的問題在於它們更難記住。我們建議可以使用密碼管理器應用程序來安全地存儲和輕鬆填寫密碼,而無需輸入密碼。

密切關注你網站的速度

mike van den bos jf1EomjlQi0 unsplash
密切關注你網站的速度

如果你想吸引更多的訪問者,你需要為他們提供快速加載頁面,網站的速度會直接影響你的網站在搜索引擎上的排名。事實上,Google 更喜歡能夠快速加載的網站。因此,你應該知道網站的加載速度。

Google 的 PageSpeed Insights 提供了工具來評估你網站的加載時間,並提供改進網站速度的提示,讓你能夠依循建議維護你的網站,提高網站性能。

網站運行性能測試

許多用戶在首次啟動網站時優化了他們的 WordPress 性能,然後就忘記了。

隨著時間過去,你會添加新內容、安裝新外掛,甚至可能更改主題。所有這些項目都可能影響你的 WordPress 網站的性能。

更快的網站不僅有利於用戶體驗,還可以提高你的 SEO 排名。這就是為什麼你需要定期對你的網站進行徹底的性能審查的原因。

在審查你的網站的性能時,不要僅僅局限於改進你的主頁。還要測試你最受歡迎的內容和所有重要頁面

管理用戶帳戶

你網站的安全性還取決於你管理用戶帳戶的方式,大多數網站所有者都會使用他們網站的密碼並使其易受攻擊,如果你是新手用戶,則應避免將你的登入詳細訊息提供給多個用戶。每個用戶都應該有自己的登入名和密碼,因為它為網站提供了更多的安全性

你可以嘗試用新的唯一用戶名交換默認用戶名,你還可以使用冗長且難以破解的密碼。此外,如果你想保護你的網站免受駭客和其他安全威脅,你可以更改登入頁面的 URL。

測試你所有的 WordPress 表單

mail communication connection message mailing contacts phone global letters concept
測試你所有的 WordPress 表單

有許多 WordPress 表單構建器外掛可以輕易讓你的網站上的表單變得漂亮,但是由於WordPress 託管服務器或電子郵件服務提供商的配置錯誤,有時這些表單可能會突然停止發送電子郵件。

你需要檢查你網站上的所有表單,以確保它們正常工作。

檢查和刪除垃圾評論

許多網站所有者使用 Akismet 來對抗 WordPress 中的垃圾評論,它會自動使垃圾郵件遠離你的評論審核列表。

但有時 Akismet 可能會將真評論標記為垃圾郵件,有時你需要快速查看垃圾評論,以確保沒有真正的評論被錯誤地標記為垃圾評論。

完成後,你可以安全地刪除你網站上的所有垃圾評論。如果你有數千條垃圾評論,那麼你應該批量刪除 WordPress 中的所有垃圾評論。

它不一定會提高性能,但會確保你不會錯過真正的評論。

查找並修復 404 錯誤

error alert failure icon problem concept
查找並修復 404 錯誤

當用戶請求你網站上不存在的頁面時,WordPress 將向他們顯示404 錯誤頁面。

由於用戶輸入錯誤地址而發生的 404 錯誤是正常的,無需擔心。但是,由於頁面不再可用而發生的 404 錯誤會讓用戶感到沮喪,並造成糟糕的用戶體驗。

查找並修復損壞的連結

隨著你網站的發展,你會意識到你在舊文章中連結到的一些外部網站不再存在。有些人可能已經搬到了新的地方,而另一些人可能就消失了。

斷開的連結問題不僅限於外部連結,你可能會不小心添加損壞的圖片、格式錯誤的連結或拼錯自己的連結。這可能會讓你的訪問者感到沮喪,並損害你網站的用戶參與度。

作為 WordPress 維護程序的一部分,你需要檢查你的網站是否有損壞的連結。

執行徹底的內容和 SEO 審核

你需要在定期維護任務中包含的下一件事是對你的內容進行徹底的深入審查,就是來自Google Search ConsoleGoogle Analytics的數據。

Google Analytics 向你展示你的訪問者來自哪裡以及他們在你的網站上所做的事情,這些數據使你可以在你的網站上發現你擁有大量流量但轉換率較低的內容。

Google Search Console 的搜索性能頁面可以幫助你找到你的網站的搜索關鍵字。你可以對其進行排序,以透過更新這些文章讓你的網站可以輕鬆排名更高的關鍵字。

即使擁有出色的 SEO 分數,你仍然可以進一步改進你的內容。嘗試添加新資訊、添加圖片並從你網站上的其他頁面連結到它。

查看 WordPress 安全日誌

一些 WordPress 用戶直到網站速度變慢或搜索排名下降時才意識到他們的網站正在受到攻擊。

我們已經提到了一些安全預防措施,例如更改密碼和創建手動備份作為主動措施。你還需要查看你網站的訪問和錯誤日誌,以查看你的網站上是否有任何異常活動。

另一個不錯的選擇是向你的網站添加資安外掛。

對維護任務進行故障排除

大多數 WordPress 網站維護都是無害的,不會影響你網站的正常運行。但是,有些可能會降低你的網站速度,例如檢查損壞的連結或運行圖片優化器外掛。

如果你有測試網站,則可以在測試網站上執行維護任務,然後將它們更新到正式環境。

若你沒有測試環境,可以試著將你的 WordPress 網站置於維護模式。或者,你可以在低流量時段執行這些網站維護。

結論

這些是一些很棒的 WordPress 維護技巧,可以讓你的網站保持新鮮、乾淨和更新,你應該遵循這些提示並更長時間地增強你網站的功能。

我們希望本文能幫助你了解重要的 WordPress 維護,以便在你的網站上定期執行。

資料來源:7 Smart Ways to Maintain WordPress Website13 Crucial WordPress Maintenance Tasks to Perform Regularly

延伸閱讀:

SMTP是什麼?收不到WordPress網站的信?

SMTP

無論是自架網站或是請公司設計架站,在最後一個步驟都要特別驗收一下從網站發送的郵件是不是可以收得到唷!尤其有聯絡表單的網站,不然填寫完的表單就石沈大海啦…。如果收不到信件,可能是沒有設定SMTP,快請人幫你處理!

備註:我們RAB的架站服務一定都會幫忙設定SMTP唷!如果有SMTP設定需求或協助也可以找我們:)

mail communication connection message mailing contacts phone global letters concept
Simple Mail Transfer Protocol

SMTP是什麼?

SMTP 全名是「Simple Mail Transfer Protocol」,簡單郵件傳輸協議。 它是一組用於從來源地址到目的地址傳輸郵件的協定,通過它來控制郵件的中轉方式。

在 WordPress 的PHP內有一段程式是以 wp_mail() 為開頭的函數式,WordPress 是以函數去發信,這一段的設定與其它的聯絡型外掛程式常常會產生不相容的狀況,導致電子信箱的發信功能無法正常作用。且一般大說數人使用的信箱如 Gmail 等,會基於安全的理由直接封鎖網站寄出的信件,所以導致收不到信。

可以把 SMTP 想成是一個處理電子郵件的安全管道,需要一個有 SMTP 的 Server 去幫處理網站的郵件,才不會被封鎖。

是誰會提供 mail server 呢?

一般使用共享主機的網站通常會使用虛擬主機的mail server,可以到主機的 cPanel 、 Plesk 做設定。有些域名商也會提供 mail server,例如 Gandi,每個域名會隨附 2 個免費的電子信箱。如果沒有mail server 的話,可以跟比較大的服務商借,例如 GoogleMailgun,但可能會有寄件數量限制。

延伸閱讀: