英文地址：http://t.cn/RtdyJWT
譯者：QAQMiao
譯文地址：http://t.cn/Rtasxb6

這篇文章最初出版于AwesomeBlog。

上周我和一個(gè)老客戶聊天躁劣，她和我說促煮，“Nick邮屁，我覺得我的網(wǎng)站需要改進(jìn)，但是我卻不確定到底需要做什么”菠齿。

于是我就去問了周圍很多人佑吝，朋友、家人和一些非互聯(lián)網(wǎng)方向的商務(wù)人士绳匀。他們都說了同樣的話：

“我需要一個(gè)清單芋忿，因?yàn)槲也恢廊绾稳ゴ罱ㄒ粋€(gè)網(wǎng)站，我不得不雇傭一些人疾棵，但到最后我依然不知道都做了什么戈钢。”

所以我列了一個(gè)我們?cè)?a target="_blank" rel="nofollow">AwesomeWeb中所做的事情的清單（當(dāng)然還有一些是還沒做的）是尔。

我可以打包票……

……如果你符合清單中的每一項(xiàng)逆趣，你將擁有一個(gè)非常棒的站點(diǎn)

你怎么確定？

在AwesomeWeb嗜历，我觀察了一千多個(gè)世界各地最棒的自由職業(yè)者宣渗，我并沒有看到過某個(gè)網(wǎng)站滿足清單上的每一項(xiàng)。

作為一個(gè)企業(yè)的所有者梨州，通過這個(gè)清單你就掌控之后的事情了痕囱。你可以把任務(wù)交給設(shè)計(jì)師或者開發(fā)人員，甚至可以自己親自完成暴匠。

作為一個(gè)自由職業(yè)者鞍恢，你可以參考這個(gè)清單來做的更棒，然后回去和之前的顧客說：“我回顧了下我們之前做的每窖，然后發(fā)現(xiàn)我們可以調(diào)整這帮掉、這和這，你只需要支付500窒典、1000蟆炊、5000就可以看到很棒的效果了……”

總的來說呢，就是……

……我想幫你做出更棒的網(wǎng)站瀑志，從這個(gè)清單開始涩搓。

良好的品牌

1. 使用專業(yè)的logo污秆。大家的網(wǎng)站和博客中很難發(fā)現(xiàn)一個(gè)設(shè)計(jì)精美的logo，但其實(shí)這是建立好印象的第一步昧甘。
2. 上傳高分辨率適配（retina-ready）的favicon（在你瀏覽器tab頁上的方塊圖標(biāo)）良拼。大多數(shù)的網(wǎng)站都是使用16x16像素的favicon，然而在高分辨率的屏幕上充边，他們就模糊了庸推。你可以在X-Icon Editor上生成一個(gè)64x64像素的favicon。
3. 多使用高分辨率圖像浇冰。至少要保證圖片是它容器的二倍大予弧，然后再縮小顯示它。
4. 最多使用2-3種顏色湖饱。其中一個(gè)背景色掖蛤，一個(gè)活動(dòng)色，一個(gè)強(qiáng)調(diào)色井厌。
5. 選擇顏色的時(shí)候蚓庭，首選互補(bǔ)色或三原色（complementary or triad colors），然后進(jìn)行調(diào)整仅仆，好的顏色組合會(huì)讓你擁有帶著故事感的設(shè)計(jì)器赞。
6. 拒絕純黑色（#000）。純凈的黑色是不存在的墓拜，所以黑色用著看起來總是不太對(duì)的樣子港柜。實(shí)際黑色大部分都被用在作為其他顏色的陰影區(qū)域。
7. 拒絕中性灰（e.g. #ccc）[然而我經(jīng)常用咳榜，囧- -]夏醉。如果你希望你的設(shè)計(jì)有某些特質(zhì)，可以用淺黃色增加溫暖涌韩，紅色提供能量畔柔，還有藍(lán)色來制造信任。

絕佳的排版

1. 挑選一款優(yōu)質(zhì)字體臣樱。一個(gè)網(wǎng)頁中95%都是字靶擦。使用一款優(yōu)質(zhì)字體是改善印象最便捷的方式。
2. 使用最多2-3種字體雇毫。太多種字體會(huì)顯得雜亂而且降低了加載速度玄捕。選擇一種標(biāo)題字體和段落字體，再有就是特殊例子的字體棚放。
3. 設(shè)置網(wǎng)頁body字體大小為16px枚粘。在大顯示器上難以閱讀比這小的字號(hào)。移動(dòng)設(shè)備的字號(hào)則縮為12px席吴。
4. 選擇一種排版縮放比例赌结，根據(jù)縮放比例來設(shè)置段落捞蛋，H4孝冒，H3猪钮，H2泉唁，H1的字體大小。根據(jù)這個(gè)縮放比例來設(shè)置你的行高和文本距離。
5. 設(shè)計(jì)其他排版元素狞悲，例如引用、無序列表燥翅、有序列表迈嘹、標(biāo)題、幫助提示泣洞、通知忧风、高亮文字、代碼例子球凰、縮略語以及地址狮腿。
6. 安裝一款定制圖標(biāo)字體，例如 Font Awesome呕诉。用它代替圖片來做一些社交媒體缘厢、導(dǎo)航按鈕和交互圖形的圖標(biāo)。圖標(biāo)字體加載更快甩挫，隨意縮放贴硫，并且可以自由的更改顏色。

出色的布局

1. 基本布局使用三分法伊者，將你頁面橫縱各分為三部分英遭，然后根據(jù)線段交叉來排列關(guān)鍵點(diǎn)。
2. 維護(hù)一個(gè)縱向布局的柵格系統(tǒng)亦渗。將你的布局分為8列贪绘，12列或者16列。
3. 通過基線網(wǎng)格來保持一種垂直的結(jié)構(gòu)央碟。文本行中間的空間其實(shí)和內(nèi)容塊中間的空間同等重要税灌。每行文字下都應(yīng)該有一個(gè)基于基線的margin-bottom。
4. 留白太奢侈了亿虽，它主要是用來創(chuàng)造喘息的空間和維持視覺平衡菱涤。應(yīng)當(dāng)吸引讀者的視線到最重要的地方。
5. 平衡虛擬元素例如按鈕洛勉、輸入框粘秆、表單、標(biāo)題等等收毫。你應(yīng)當(dāng)大致可以找到一條你希望用戶跟隨的軌跡攻走。

友好的用戶接口

1. 使用一個(gè)放大加粗的活動(dòng)按鈕殷勘。每一個(gè)頁面都有一個(gè)goal，通常都是通過點(diǎn)擊按鈕實(shí)現(xiàn)的昔搂。所以要確保這個(gè)按鈕不會(huì)被忽略
2. 給鏈接玲销、按鈕、輸入框和文本域添加hover和active狀態(tài)摘符。如果你選擇在hover狀態(tài)是使按鈕變亮贤斜，那么其他元素hover狀態(tài)也應(yīng)當(dāng)保持一致。
3. 保持表格樣式的一致性逛裤。所有的文本域和輸入框都應(yīng)該樣式統(tǒng)一瘩绒，同樣的邊框顏色，背景色带族，懸停狀態(tài)锁荔，點(diǎn)擊狀態(tài)，提示語蝙砌，點(diǎn)擊文字等等阳堕。設(shè)置好tabindex，這樣就可以通過按下tab來依次訪問這些元素拍霜。
4. 改變已訪問鏈接的顏色嘱丢，從而使你的用戶知道他們?nèi)ミ^這些頁面了。
5. 一旦你有了自己的logo祠饺，色系越驻，排版，布局以及圖像尺寸道偷，就應(yīng)該建立一套風(fēng)格指南缀旁。風(fēng)格一致的組件才能構(gòu)建出友好的用戶接口。

完美的用戶體驗(yàn)

1. 添加微交互給按鈕或其他區(qū)域勺鸦。比如一個(gè)“上傳”按鈕被點(diǎn)擊之后可以變成“正在上傳”或者“處理中”并巍。
2. No scroll jacking!不要改變?yōu)g覽器的默認(rèn)行為，你也許覺得鼠標(biāo)滾輪的速度變?yōu)橹暗亩逗芎没煌荆欢阏J(rèn)為的并不是你認(rèn)為的懊渡。
3. 去除主頁的輪播。這樣減少了轉(zhuǎn)換军拟，而且還有其他更好的方式在小的空間里展示更多的信息剃执。
4. 不要使用歡迎頁。當(dāng)訪客第一次訪問你的網(wǎng)站更希望看到你的主頁懈息。
5. 使用標(biāo)題肾档，副標(biāo)題，首段（lead paragraphs），列表和題注來使你的內(nèi)容更容易瀏覽怒见。大多數(shù)人在認(rèn)真閱讀一個(gè)網(wǎng)頁前都是先大致瀏覽它一遍俗慈。
6. 添加描述性預(yù)留文字給所有的表單、輸入框和下拉菜單遣耍。如果你希望別人可以用某些方式來填充一個(gè)區(qū)域闺阱，請(qǐng)告訴他們。例如下拉列表和選擇區(qū)域配阵，把描述放在第一個(gè)選項(xiàng)馏颂∈狙“請(qǐng)選擇年份”比“2016”好多了棋傍。
7. 在表單上添加HTML5驗(yàn)證[HTML5 validation]，以便于用戶可以更清晰的意識(shí)到自己在嘗試提交存在錯(cuò)誤的表單难审。
8. 通過避免模糊的鏈接名瘫拣，減少混亂的東西，使用標(biāo)點(diǎn)符號(hào)告喊，保持簡(jiǎn)潔的布局麸拄，給圖片加入alt說明，使用大號(hào)文字黔姜，并且保證文字顏色和背景色的高對(duì)比度拢切，來讓你的站點(diǎn)對(duì)于視覺缺陷者來說是可訪問的。
9. 用BrokenLinkCheck.com來檢查你網(wǎng)站的失效的鏈接秆吵。為了防止人們點(diǎn)擊失效鏈接時(shí)陷入癲狂淮椰，還是快修復(fù)了吧233。

極致的開發(fā)

1. 確保你的網(wǎng)站是移動(dòng)優(yōu)化的可以在任何設(shè)備上響應(yīng)式的顯示纳寂。良好的移動(dòng)優(yōu)化網(wǎng)站加載更快主穗，排名更高，并且?guī)Ыo用戶更好的體驗(yàn)毙芜。
2. 生成并且展示最優(yōu)尺寸的圖片忽媒。如果你上傳了一個(gè)很大的圖片用來做博客的特征圖，同時(shí)你想要把這張圖展示在側(cè)邊欄等位置腋粥，那么你就應(yīng)該確保展示的是縮小后的圖片而不是原圖晦雨。
3. 給每個(gè)圖片和鏈接加上標(biāo)簽和標(biāo)題。如果出于某些原因一個(gè)圖片沒有加載出來隘冲，你的網(wǎng)站就可以在這個(gè)圖片原本的位置來顯示它的標(biāo)簽闹瞧。同樣，當(dāng)你鼠標(biāo)懸停在一個(gè)鏈接上時(shí)对嚼，瀏覽器則會(huì)展示這個(gè)鏈接的標(biāo)題夹抗。
4. 使用<strong>和<em>代替<b>和<i>來定義加粗和斜體文字。他們的效果是一樣的纵竖，但是卻有本質(zhì)上的區(qū)別漠烧。<b>是一種樣式杏愤，而<strong>則是指出了這個(gè)內(nèi)容的意義。
5. 處理掉冗余的HTML已脓。當(dāng)你復(fù)制粘貼內(nèi)容到一個(gè)可視化編輯器（像WordPress的虛擬視圖）中是珊楼，它加入了很多無用的span和行內(nèi)樣式。這樣會(huì)讓你的網(wǎng)站可讀性變的很差度液。
6. 說到這厕宗，就要說一下去除內(nèi)聯(lián)樣式，99%的情況堕担，都應(yīng)該是使用一個(gè)可以更新所有組件實(shí)例的CSS文件已慢，而不是一頁頁一行行的改。
7. 使用Sass變量代替CSS來保持網(wǎng)站中顏色和組件的一致性霹购。當(dāng)想要改變一種顏色和這個(gè)顏色的陰影的時(shí)候佑惠，更新一行就完美實(shí)現(xiàn)了。
8. 與永久鏈接鏈接而不是URL以防你更改域名齐疙。例如膜楷，當(dāng)要加入某個(gè)鏈接時(shí)，你的HTML應(yīng)當(dāng)是<a href = "/slug-goes-here">而不是<a >贞奋。圖片資源和CSS也是同理赌厅。如果你不這樣做，當(dāng)你把網(wǎng)站放到新的域名下的時(shí)候轿塔，你鏈接的所有資源文件和頁面不存在了特愿。
9. 開發(fā)自定義插件或者是利用提供特有功能的工具在網(wǎng)站上使用。自定義軟件很難維護(hù)但是與同類網(wǎng)站相比卻能提供很強(qiáng)的競(jìng)爭(zhēng)力催训。
10. 測(cè)試跨瀏覽器兼容性來確保你的網(wǎng)站可以在Chrome洽议，火狐，Safari漫拭，IE等瀏覽器上都可以正常顯示亚兄。大家都知道低版本的IE瀏覽器在展示網(wǎng)站時(shí)差的一[嗶---]，所以可以使用BrowserStack來手動(dòng)檢測(cè)采驻。
11. 使用W3C的標(biāo)記驗(yàn)證服務(wù)來發(fā)現(xiàn)你HTML中顯眼的錯(cuò)誤审胚。要知道，大多數(shù)網(wǎng)站都都沒完美使用正確的HTML礼旅。這一條的優(yōu)先級(jí)不是最高的膳叨，但是如果在頁面中沒有任何錯(cuò)誤會(huì)讓你很舒適。
12. 建立一個(gè)模擬環(huán)境來展示最近的修改痘系。理想情況下是有一個(gè)成品網(wǎng)站菲嘴，來給所有人看，并且有一個(gè)開發(fā)網(wǎng)站，來給開發(fā)人員做修改龄坪。一旦修改好了可以上線了昭雌，在把開發(fā)網(wǎng)站推送到成品網(wǎng)站上。
13. 在頁腳的Copyright中展示當(dāng)前年份健田。當(dāng)你看到一個(gè)網(wǎng)站使用過去的Copyright烛卧，你就會(huì)假想是不是這個(gè)頁面已經(jīng)沒人維護(hù)了〖司郑可以使用PHP或者類似的腳本來在靜態(tài)文字中展示當(dāng)前年份（e.g. ?<established year>?—?<current year>）

非凡的搜索引擎優(yōu)化

1. 選出你希望每個(gè)頁面依此排序的關(guān)鍵詞总放。根據(jù)這個(gè)關(guān)鍵詞對(duì)頁面每個(gè)部分進(jìn)行優(yōu)化，但并不是把這個(gè)關(guān)鍵詞放到每個(gè)句子中好爬，而是靈活表現(xiàn)出你希望它怎么排序局雄。
2. 給每個(gè)頁面設(shè)置富關(guān)鍵字的標(biāo)題元素。在Google的搜索結(jié)果中抵拘，標(biāo)題會(huì)以55個(gè)字符以內(nèi)的藍(lán)色鏈接的形式展示哎榴。
3. 限制每個(gè)頁面中有且僅有一個(gè)H1型豁。大多數(shù)情況下僵蛛，H1的內(nèi)容應(yīng)該和標(biāo)題元素的內(nèi)容是相同的。
4. 使用大量的H2迎变，H3和H4創(chuàng)建副標(biāo)題來使你頁面的內(nèi)容富有層次感充尉。
5. 通過一個(gè)被標(biāo)題，H1衣形，副標(biāo)題和前1/3內(nèi)容包含的特定關(guān)鍵字來優(yōu)化頁面驼侠。
6. 你的meta描述將會(huì)在展示在搜索結(jié)果中鏈接下的描述里。確保你每個(gè)頁面都加入了meta描述并且在描述中包含了關(guān)鍵詞
7. URL中谆吴，在域名后的固定鏈接(i.e. domain.com/permalink-here/)倒源，應(yīng)該包含由破折號(hào)分割的關(guān)鍵詞。
8. Google的算法中考慮了域名的年齡句狼，因?yàn)橐粋€(gè)注冊(cè)了很多年的域名更像一個(gè)高品質(zhì)的來源笋熬。提前幾年來注冊(cè)你的域名。一旦你的域名注冊(cè)了十年了腻菇，可以證明你有認(rèn)真對(duì)待你的事業(yè)胳螟。
9. 平均來說，任意關(guān)鍵詞SERP(search engine results page搜索引擎結(jié)果頁)的第一個(gè)結(jié)果都是一個(gè)超過2000字/頁的頁面筹吐。如果想要搭建一個(gè)排行好的博客或者頁面糖耸，試著去保證至少2000個(gè)字。
10. 慣于使用一個(gè)sitemap.xml文件創(chuàng)建網(wǎng)站地圖丘薛，并將這個(gè)文件放在根目錄下使其可以在 domain.com/sitemap.xml上展示嘉竟。它將會(huì)使Google知道你所有頁面的位置并且應(yīng)當(dāng)在你加入新內(nèi)容時(shí)自動(dòng)更新。通過 Webmaster Tools將文件提交到Google。
11. 為你的站點(diǎn)添加Google Webmaster Tools舍扰，以便于你可以看見站點(diǎn)的Google排名并且如果出現(xiàn)危險(xiǎn)情況時(shí)維持更新铡俐。
12. 為了使圖片排名提高，記得在網(wǎng)站上傳前重命名圖片和其他文件(e.g. 根據(jù)此關(guān)鍵詞提升排名.png)妥粟。
13. 在網(wǎng)站中包含一個(gè)robots.txt文件來告訴web爬蟲哪些頁面應(yīng)該索引哪些不應(yīng)該索引审丘。
14. 添加一個(gè)典型重定向來使網(wǎng)站中不含www的訪問跳轉(zhuǎn)到www版本，反之亦然勾给。
15. 重新搜索并且整合每個(gè)頁面的潛在語義索引(latent semantic indexing)詞來幫助提升主關(guān)鍵詞的排名滩报。通過搜索你的關(guān)鍵詞然后選擇相關(guān)搜索來尋找你需要的潛在語義索引詞。
16. 確保內(nèi)容中互相跳轉(zhuǎn)的鏈接是可用的播急。應(yīng)該保證每個(gè)頁面最多從首頁點(diǎn)擊三次就可以訪問脓钾。
17. 在相關(guān)的頁面添加結(jié)構(gòu)化數(shù)據(jù)以便于Google可以爭(zhēng)取索引你的內(nèi)容。需要定制結(jié)構(gòu)化數(shù)據(jù)的頁面類型有人物桩警，產(chǎn)品可训，時(shí)間，組織捶枢，電影握截，書，回顧等烂叔〗靼可以使用Schema Creator來生成結(jié)構(gòu)化數(shù)據(jù)。
18. 通過Google的PageSpeed Insights來確保你解決了所以常見的影響網(wǎng)頁速度的問題蒜鸡。網(wǎng)頁加載速越快就會(huì)帶來排名的相應(yīng)提升胯努。

出色的頁面速度

1. 保持網(wǎng)頁小于2MB。使用tools.pingdom.com來檢查你的主登錄頁逢防。無論怎樣都不能超過2MB叶沛。
2. 保持頁面請(qǐng)求少于50。每個(gè)文件或者圖片都會(huì)帶來一個(gè)HTTP請(qǐng)求忘朝，請(qǐng)求數(shù)量越少灰署，頁面加載速度越快。每個(gè)頁面平均有70個(gè)請(qǐng)求辜伟，使用GTmetrix來查看具體請(qǐng)求氓侧。
3. 用CSS代替背景圖片來設(shè)計(jì)頁面。絕對(duì)不要用一張圖片來做按鈕导狡，表格或者其他網(wǎng)頁中基本組件约巷。CSS加載的更快并且在響應(yīng)式布局中更加靈活。
4. 在網(wǎng)站加載圖片之前優(yōu)化他們旱捧。想TinyPNG這種工具可以減小圖片文件的大小80%-95%并且保證不失真独郎。
5. 建立一個(gè)內(nèi)容分發(fā)網(wǎng)絡(luò)在世界不同的位置分發(fā)圖片和一些大文件踩麦。CDNs可以基于訪問者的物理位置來智能的選擇當(dāng)?shù)氐姆?wù)器以達(dá)到最大的加載速度。
6. 在上傳之前氓癌，使用編譯和壓縮工具來縮小JavaScript谓谦，HTML和CSS文件。JavaScript可以使用Closure Compiler贪婉。HTML可以使用HTML Minifier反粥。CSS可以使用YUI Compressor。
7. 把阻塞渲染的JavaScript移動(dòng)到footer中疲迂。只有一開始就影響頁面設(shè)計(jì)的腳本才應(yīng)該放到header中（e.g. 定制字體）才顿。
8. 避免登錄頁重定向。重定向會(huì)觸發(fā)一個(gè)額外的HTTP請(qǐng)求以致于延遲頁面渲染尤蒿。
9. 通過給不經(jīng)常更新的頁面設(shè)定有效期限來減少瀏覽器緩存郑气。瀏覽器緩存會(huì)告知瀏覽器去加載本地磁盤之前下載好的頁面，取代通過網(wǎng)絡(luò)加載腰池。
10. 在服務(wù)器配置中允許gzip壓縮尾组。壓縮可以在第一次渲染頁面時(shí)減少90%傳輸應(yīng)答時(shí)間。
11. 在服務(wù)器設(shè)置中允許長(zhǎng)連接示弓，這樣可以讓同一個(gè)TCP連接收發(fā)多組HTTP請(qǐng)求讳侨，因此減少后面請(qǐng)求的延遲。
12. 升級(jí)成為一個(gè)專用服務(wù)器或者添加額外服務(wù)器來提升服務(wù)器響應(yīng)時(shí)間避乏。當(dāng)你使用一個(gè)共享主機(jī)環(huán)境時(shí)爷耀，你的網(wǎng)站只是同一個(gè)服務(wù)器中微不足道的一部分。如果其他的站點(diǎn)的大量開銷造成擁堵拍皮，將會(huì)降低你頁面的速度。

精致的圖像設(shè)計(jì)

1. 設(shè)計(jì)一個(gè)自定義的電子書封面跑杭。這是一件不復(fù)雜卻可以帶來很大轉(zhuǎn)換率的事情铆帽。
2. 給主頁和售賣頁設(shè)計(jì)一個(gè)自定義圖解。一個(gè)好的圖解可以用一個(gè)簡(jiǎn)單的方式讓別人認(rèn)知你的網(wǎng)站德谅，并且留下深刻印象爹橱。
3. 創(chuàng)建一個(gè)或者一系列自定義的博客特征圖像。也就是用來在Facebook窄做，Twitter愧驱，Pinterest等平臺(tái)展示。當(dāng)用戶看到與博文相關(guān)的某類型圖像椭盏，他們就知道這個(gè)是你寫的文章了组砚。
4. 展示你和你團(tuán)隊(duì)成員個(gè)性化的插圖和漫畫頭像。相比較每次新成員加入就雇傭?qū)I(yè)的攝影師掏颊，個(gè)性化的漫畫頭像則是便宜些的選擇糟红。況且艾帐，這個(gè)一個(gè)給新成員的很棒的禮物。
5. 使用定制圖表相對(duì)于使用博客可以更加直觀的來展示數(shù)據(jù)和一些其他內(nèi)容來獲取更多的流量盆偿。人們都喜歡在Pinterest這類網(wǎng)站上分享圖表或者在他們自己的站點(diǎn)上轉(zhuǎn)發(fā)并且?guī)弦粋€(gè)引向你網(wǎng)站的鏈接柒爸。
6. 如果你做了一個(gè)或一系列視頻，你就應(yīng)當(dāng)有自定義的片頭片尾讓其擁有更專業(yè)的感覺事扭。并且不提及其他視頻的圖像和動(dòng)畫將會(huì)使你的品牌更加突出捎稚。

周密的Web安全

1. 安裝一個(gè)SSL證書來保證web服務(wù)器發(fā)起安全連接給瀏覽器。當(dāng)你接受信用卡的時(shí)候求橄，大多數(shù)的校驗(yàn)軟件都需要一個(gè)SSL證書阳藻。Google曾經(jīng)提及，一個(gè)SSL證書可以提升你的搜索排名谈撒。
2. 保證你的軟件和插件的更新腥泥。當(dāng)WordPress和其他CMS軟件發(fā)布更新的時(shí)候，通常都是修補(bǔ)一些漏洞啃匿。如果你沒有更新蛔外，那么你的網(wǎng)站被攻擊就只是時(shí)間問題了。
3. 在管理頁面設(shè)置雙重認(rèn)證登錄入口溯乒。大多數(shù)的攻擊都開始于登錄頁夹厌。
4. 檢查并移除惡意軟件。如果你的網(wǎng)站之前被攻擊過裆悄，那么他們很可能加入了不容易被發(fā)現(xiàn)的感染文件進(jìn)去矛纹。如果你不及時(shí)移除它，你的網(wǎng)站就可能被Google拉進(jìn)黑名單光稼，從而降低排名或南，并且當(dāng)用戶訪問的時(shí)候就會(huì)收到警告。
5. 絕對(duì)不要把你的管理員名稱設(shè)置成“admin”艾君。刪除掉默認(rèn)管理員賬戶采够，并且創(chuàng)建一個(gè)不同用戶名的新賬戶。
6. 定期備份數(shù)據(jù)庫和網(wǎng)站文件冰垄。大部分備份軟件和插件通常只會(huì)備份你數(shù)據(jù)庫中的數(shù)據(jù)和內(nèi)容蹬癌。然而一旦你丟失了你的站點(diǎn)，你就可能需要一個(gè)網(wǎng)站文件的備份來恢復(fù)它虹茶。

精彩的內(nèi)容

1. 定義個(gè)性化的404錯(cuò)誤頁逝薪，它將會(huì)在每當(dāng)用戶想要訪問不存在的頁面時(shí)被展示出來。使用404頁面來引導(dǎo)他們回到主頁或者幫助他們找到他們搜索的地方蝴罪。
2. 除了主頁之外董济，about頁面大概是網(wǎng)站中被訪問最多的頁面了。所以確保它展示了你和你公司良好的形象洲炊。
3. 聯(lián)系頁面可以幫助人們聯(lián)系到你感局，并且還可以起到在你尼啡，訪客以及Google之間建立信任的作用。當(dāng)確定要提升你網(wǎng)站排名的時(shí)候询微，機(jī)器人就會(huì)去你的聯(lián)系頁面來搜索郵箱崖瞭，電話和地址。聯(lián)系方式可以讓Google覺得這個(gè)站點(diǎn)更可信撑毛。
4. 在網(wǎng)站里放一些讓用戶自愿加入的表單是不錯(cuò)书聚，但專門搞一個(gè)只有自愿加入表單的高轉(zhuǎn)換率頁面同樣是個(gè)聰明的做法。如果有人想訂閱藻雌，鏈接到那個(gè)頁面雌续。
5. 當(dāng)有人訂閱你的列表的時(shí)候，你應(yīng)當(dāng)給他們發(fā)送一個(gè)確認(rèn)頁面胯杭，讓他們確認(rèn)郵箱信息驯杜。不然如果他們沒有給出正確的郵箱，那么他有可能會(huì)忘記你的站點(diǎn)并且再也不記得這件事做个。
6. 在用戶點(diǎn)擊了確認(rèn)鏈接后鸽心，請(qǐng)給他們展示一個(gè)感謝頁面，并且他們可以知道下一步做什么居暖。每個(gè)訂閱者都看到這個(gè)頁面并且只看到一次顽频，所以這是個(gè)很好的機(jī)會(huì)與他們建立交易或者鼓勵(lì)他們購買。
7. 當(dāng)用戶采取某些指定的行動(dòng)的時(shí)候太闺，網(wǎng)站就應(yīng)當(dāng)展示出一個(gè)登錄頁模板糯景。
8. 如果你想賣點(diǎn)東西，首先確認(rèn)你有一個(gè)好看的銷售頁省骂。以一個(gè)大標(biāo)題開始蟀淮，并且為銷售模塊留夠空間，也可以添加一個(gè)銷售視頻冀宴。然后指引用戶在頁面底部進(jìn)行購買灭贷。

豐富的社交媒體

1. 在博客和頁面中限制社交媒體按鈕的數(shù)量，因?yàn)槊總€(gè)按鈕都要運(yùn)行一個(gè)腳本略贮，因此頁面增加了額外的加載時(shí)間。只保留1-5個(gè)按鈕仗岖，例如：Facebook逃延，Twitter，LinkedIn轧拄，Pinterest揽祥，Google+等這些經(jīng)常用來分享內(nèi)容的平臺(tái)。
2. 給你的Facebook頁面檩电，Twitter賬號(hào)和YouTube頻道創(chuàng)建社交媒體圖像拄丰。自定義圖片可以立竿見影的讓第一次進(jìn)入的訪客喜歡府树，follow，訂閱你的頁面料按。
3. 設(shè)置Facebook開放圖形META標(biāo)簽來確保你的內(nèi)容可以在Facebook上正確的分享奄侠。在別人分享你的主頁、博文等的URL的時(shí)候载矿，使用Facebook Debugger來檢查頁面是如何展示的垄潮。
4. 設(shè)置Twitter Cards，使網(wǎng)站的URL被分享的時(shí)候闷盔，可以讓豐富的圖片和視頻綁定到你的微博上弯洗。
5. 設(shè)置Google+ Snippets來定制你網(wǎng)站分享到Google+上的樣式。使用Snippet guide可以生成代碼逢勾。即使你的網(wǎng)站沒有得到很多Google+的喜愛牡整，Google也會(huì)因?yàn)槟阏_添加了meta數(shù)據(jù)從而有一些提升。
6. 把網(wǎng)站中鏈接到個(gè)人簡(jiǎn)介的社交媒體圖標(biāo)藏起來溺拱，可以把它們?cè)O(shè)置的小一點(diǎn)或者將它們放在footer中逃贝。社交媒體營銷的目的就是將用戶引向你的網(wǎng)站，而不是別的什么盟迟。