年薪二十萬的阿里前端程序員告訴你:一些讓網站更酷炫的小技巧

你的 永久鏈接(permalink),也就是 URL 裡緊隨域名的部分(比如 domain.com/permalink-here/),應該包含破折號分隔開的關鍵詞內容。

Google 把 域名的註冊時長 考慮到算法中,他們認為,註冊時間長的域名更有可能提供高質量的資源。提前註冊你的域名吧,如果你的域名註冊時間超過 10 年,相信你對你的事業是認真的。

平均起來,SERP (搜索引擎結果頁面) 的第一個結果,不管是任何關鍵詞,打開的頁面都不少於 2000 字/頁。當你寫文章或者創建頁面時,如果你希望頁面的排名更高,試著至少寫 2000 字吧。

添加你的網站的 Google Webmaster Tools,然後你可以知道 Google 如何索引你的站點,並在遇到關鍵問題時保持更新。

為了提高圖片的排行,上傳之前應該總是 重命名你的圖片 和其它文件。

在站點中包含 robots.txt 文件,告訴爬蟲哪些頁面應該/不應該被索引。

添加 canonical 重定向 把不帶 www 的頁面訪問指向網站的 www 版本,或者反過來也可以。

研究並整合每個頁面的 LSI 關鍵詞(LSI: 潛在語義索引),以幫助提高頁面在主關鍵詞的排行。通過 Google 搜索一些關鍵詞短語並尋找 “相關搜索” 鏈接,可以幫你找出 LSI 關鍵詞。

經常確保 你的內容之間可以互相連接。你的站點的每個頁面,都應該可以通過從首頁開始的不多於三次點擊訪問到。

添加 結構化的數據 到相關頁面,以幫助 Google 合理索引你的內容。以下這些頁面類型需要結構化的數據,包括:人物、產品、事件、公司、電影、書本、報刊評論等。使用 Schema Creator 可以幫你生成結構化的數據。

使用 Google 的 PageSpeed Insights 工具,以確保你修復了所有可能降低頁面速度的普遍問題。頁面加載速度越快,排名越高。

年薪二十萬的阿里前端程序員告訴你:一些讓網站更酷炫的小技巧

酷炫的網頁速度

保持 頁面流量低於 2MB。檢查主頁面的加載流量,如果多於 2MB 說明內容太多了。

保持 頁面請求低於 50 個。頁面中的每個文件和圖片都是一個 HTTP 請求,請求數越少,加載速度越快。平均每個網頁的請求數是 70 個。使用 GTmetrix 可以檢查你的網頁請求數。

設計頁面元素時,使用 CSS 代替背景圖片。不要使用圖片來顯示按鈕、表單或者其它通用的元素。CSS 的加載速度更快,並且在響應式佈局中更加靈活。

在圖片上傳之前 優化圖像。比如 TinyPNG 這樣的工具,可以幫助你在不降低分辨率或者圖像質量的情況下,減少圖片文件大小。

使用 內容分發網絡(Content Delivery Network) 來存儲你的圖片和其它大文件,並放在世界上的不同區域中。CDN 通過策略定位好的服務器,存儲分發你的文件,可以最大化加速頁面速度,當然加載速度也根據訪客的所在地區而有所差別。

在上傳你的代碼文件到服務器之前,通過編譯和壓縮工具,最小化 JavaScript, HTML 和 CSS。對於 JavaScript,可以使用 Closure Compiler。對於 HTML,可以使用 HTML Minifier。對於 CSS,可以使用 YUI Compressor。

把 阻塞渲染的 JavaScript 移動到底部。唯一應該放在頭部的腳本是那些會立刻影響頁面設計的內容(比如:自定義字體)。

避免目標網頁重定向。重定向觸發額外的 HTTP 請求,會延遲頁面渲染。

藉助 瀏覽器緩存,可以通過為頁面和不經常更新的資源設置過期時間來實現。瀏覽器緩存會通知瀏覽器,從本地磁盤加載之前下載過的頁面,以減少不必要的網絡請求。

在服務器配置中啟用 gzip 壓縮。壓縮可以減少多達 90% 的傳輸響應時間,大大減少了首次渲染頁面的時間。

在服務器配置中啟用 Keep-Alive,以允許同一個 TCP 鏈接可以發送和接收多個 HTTP 請求,因而可以減少後來請求的延遲。

升級為 專用服務器 或者更優質的主機服務,以降低服務器響應時間。當你使用共享的服務器環境時,你的站點通常放在一臺需要同時響應至少上百個網站的服務器裡,如果其它網站的流量很大,你的網站速度自然就會降低。

酷炫的平面設計

作為可選的加分項,使用 自定義 ebook 封面。它不難創建,但是可以讓你的轉化率大大提高。

為你的主頁和銷售頁面設計一個 自定義的平面圖形或者插圖。一個專門為站點設計的好插圖,可以讓你的站點更加容易讓人記住。

創建一個或者一系列的自定義 博客特徵圖像設計。也就是你在 Facebook, Twitter, Pinterest 等社交網站傳播時使用的圖片。當用戶看到和博客有所關聯的某類型的圖片時,他們會聯想到文章可能是你寫的。

給你自己和你的團隊的每個成員顯示一張自定義的 頭像插圖或者漫畫。相比於聘請專業的攝影師,自定義的漫畫成本較低,特別是當你的團隊增加新成員的時候。此外,對於新成員來說這也是一份不錯的禮物。

自定義圖表 以可視化的方式顯示數據和其他內容,相比於同類的博客文章,更容易獲取更多流量。人們更喜歡在 Pinterest 這樣的網站上分享圖表,或者是帶著你的站點的反向鏈接並轉發到他們自己的網站上。

如果你創作了一個甚至一系列的視頻,你應該擁有一個 定製的視頻開場部分和/或結尾部分,讓大家感受到視頻是專業的。不要提及其它的視頻畫面或者動畫,可以幫助你的品牌更加突出。

酷炫的 Web 安全性

安裝 SSL 證書,以允許服務器端和瀏覽器之間建立安全連接。如果網站用到銀行卡支付功能,大部分的檢測軟件都要求使用 SSL 證書。用上 SSL 證書可以幫助提高網站的搜索排行。

你用到的軟件和插件要 保持最新版本。Wordpress 和其它 CMS 軟件都會釋放更新,通常是為了修復漏洞。如果你沒有及時更新,你的網站被攻擊也就是遲早的事情了。

為管理員頁面設置 雙認證登錄。大部分的黑客入侵都是從登錄頁開始的。

檢查並 刪除惡意軟件。如果你的網站曾經被入侵,黑客很可能會留下一些不容易發現的後門。如果你沒有及時刪除,你的網站可能會被谷歌列入黑名單,大大降低你的網站排行,並在用戶打開網站時,警告用戶離開。

不要把 管理員賬號 稱為 “admin”。刪除默認的管理員賬號,並創建一個使用其他名字的新賬號。

定期 備份數據庫和網站文件。大部分備份軟件和插件都只備份你的數據庫,裡面包括了數據和內容。但如果你把整個網站都丟了,你還需要文件內容的備份來還原網站。

酷炫的內容

創建一個自定義 錯誤 404 頁面,當用戶嘗試訪問不存在的地址時,這個頁面就會顯示出來。可以使用 404 頁面把他們引導到首頁,並幫助他們尋找他們想要的頁面。

除了主頁之外,關於頁面 可能是用戶最常訪問的頁面了。要確保這個頁面能夠很好地代表你和你的公司。

聯繫方式頁 幫助用戶找到你,而且還能夠建立你和訪客之間的信賴。當決定站點排名時,機器會尋找你的聯繫方式,然後找到郵箱地址、電話號碼和地址。聯繫信息告訴 ta,這個站點更加值得信賴一點。

在戰略上,站點裡擁有選填的表單是正確的,然而建立一個 準顧客收集頁面 的想法也不錯,除了一個高轉化率的選填表格什麼也不用放。當你希望用戶提交信息時,鏈接到該頁面就行了。

當用戶訂閱你的列表時,確保你可以給他們一個 確認頁面,讓他們可以確認郵箱地址。假如用戶不能確認郵箱是否正確,他們可能就會把事情給忘了,然後再也不會回來你的站點了。

在點擊郵箱裡的確認鏈接後,給用戶發送一個 感謝頁面 讓他們知道下一步可以做什麼。這個頁面是每個訂閱者都能看見而且只能看見一次的,因此這是一個絕佳機會鼓勵用戶去掏腰包購買內容。

你的網站或者主題應該有一個 著陸頁 模板,當你需要用戶進行特定操作時,可以用上。

如果你在網站上買東西,確保你有一個漂亮的 銷售頁面。從大字標題開始;為你的賣場留出足夠空間;有可能的話做一個介紹視頻;在頁面底部指引用戶如何購買。

酷炫的社交媒體

在你的文章和頁面上,限制 社交媒體按鈕的數量,因為每個按鈕都會運行相關的腳本,額外增加頁面加載時間。通常包含 1-5 個按鈕比較合適

弱化那些鏈接到個人檔的社交媒體圖標,可以讓圖標變小或者放在頁面底部。其實社交媒體營銷的目的就是把用戶導流到你的網站來,而不是反過來作用。

好了,我還有什麼遺漏的嗎?作為程序員,你有沒有嘗試過使用上述方法讓網站變得酷炫呢?

期待你的回覆,可以轉發或者收藏。

如果你希望更多人看見這個列表,不妨推薦這篇文章給大家。讓我們一起把網站變得更加酷炫!

年薪二十萬的阿里前端程序員告訴你:一些讓網站更酷炫的小技巧


分享到:


相關文章: