吸引客戶：

軟文推廣（在微信和QQ公眾號(hào)發(fā)布護(hù)膚的知識(shí)爱榔，讓客戶覺得企業(yè)不僅僅是買祛痘產(chǎn)品的，而是真正關(guān)注客戶肌膚健康的良心企業(yè)徐伐，通過長(zhǎng)期的客戶的呵護(hù)讓客戶產(chǎn)生信任）得湘，短視頻推廣（在等現(xiàn)在極受歡迎的短視頻app上發(fā)布護(hù)膚短視頻），還有論壇推廣(雖然現(xiàn)在用論壇的人相對(duì)不是太多绷耍，但是對(duì)于程序員這個(gè)群體還是大量活躍在像是csdn等論壇上吐限，而程序員也由于長(zhǎng)時(shí)間熬夜可能皮膚會(huì)存在問題，有更大的可能成為我們的目標(biāo)客戶)褂始，還有一些其他的推廣诸典，在這一步的目的都是為了讓更多的人知道“魅詩(shī)肌”這個(gè)品牌。

讓客戶能夠找到：

通過第一步的推廣崎苗，我們假設(shè)已經(jīng)有足夠多的用戶知道了魅詩(shī)肌這品牌狐粱，但是在之前的推廣中為了不讓用戶產(chǎn)生反感舀寓，我們并沒有太多的介紹自己，甚至沒有怎么留下購(gòu)買鏈接肌蜻，那么現(xiàn)在問題就是互墓，可能目標(biāo)客戶對(duì)我們魅詩(shī)肌這個(gè)護(hù)膚品牌產(chǎn)生了興趣，他可能會(huì)通過搜索引擎看看能不能找到我們〗眩現(xiàn)在的問題就是——目標(biāo)客戶找上了搜索引擎篡撵，而我們就要想辦法讓搜索引擎能夠找到我們。也就是搜索引擎優(yōu)化豆挽。

關(guān)鍵詞：

與我們的網(wǎng)站內(nèi)容相關(guān)并且相對(duì)而言是客戶更有可能用到的

確定標(biāo)題屬性：

選擇關(guān)鍵詞之后育谬，我們需要將它們寫入到網(wǎng)頁(yè)的不同地方。標(biāo)題屬性是一種重要的標(biāo)志帮哈，當(dāng)客戶的鼠標(biāo)滑到標(biāo)簽的時(shí)候出現(xiàn)在頁(yè)面上的名稱膛檀。為了獲得最優(yōu)化效果，我們需要傳遞給搜索引擎盡可能多的名稱娘侍，確保搜索引擎知道我們的網(wǎng)站是什么樣子的咖刃。

進(jìn)行 Meta 說明：

為了讓我們的關(guān)鍵詞真正的有效，我們讓它們出現(xiàn)在網(wǎng)站的 Meta 說明中憾筏。Meta 說明是在搜索結(jié)果中搜索引擎對(duì)你網(wǎng)站做出的簡(jiǎn)要總結(jié)嚎杨。提供一個(gè)簡(jiǎn)潔但信息量豐富的描述，這樣可以引導(dǎo)我們的目標(biāo)客戶點(diǎn)擊我們的鏈接踩叭，而不是我們競(jìng)爭(zhēng)對(duì)手的鏈接磕潮。

優(yōu)化圖片：

優(yōu)化圖片翠胰，我們做了兩件事情：第一容贝，保證文件名和 ALT 標(biāo)簽含有關(guān)鍵字；第二：圖像較小之景，不會(huì)影響網(wǎng)站的加載時(shí)間斤富。過長(zhǎng)的加載時(shí)間，用戶很可能在加載過程中選擇離開锻狗，其實(shí)對(duì)于我們這個(gè)網(wǎng)站的圖片是很多的满力，在開發(fā)的過程中我們就發(fā)現(xiàn)首屏加載的時(shí)間比較長(zhǎng)，后來就修改了圖片轻纪，盡可能的使圖片比較小油额。

留住客戶：

通過第一步和第二步，我們假設(shè)我們已經(jīng)吸引到了足夠多的潛在客戶刻帚，那么怎么實(shí)現(xiàn)客戶轉(zhuǎn)化潦嘶，對(duì)于我們的企業(yè)站來說，我們需要考慮到我們的用戶體驗(yàn)崇众。

響應(yīng)式：

對(duì)于現(xiàn)在來說掂僵，我們干什么都會(huì)傾向于使用手機(jī)航厚，對(duì)此我們也考慮到了這一點(diǎn)，在完成了pc端的開發(fā)之后我們又做了響應(yīng)式锰蓬，即使客戶不是用的pc訪問我們的網(wǎng)站幔睬，用的手機(jī)也會(huì)有很好的用戶體驗(yàn)，而且芹扭，針對(duì)android機(jī)和ios也有較大的差異麻顶，我們針對(duì)android機(jī)和ios也做了相應(yīng)的調(diào)整。

首屏加載時(shí)間控制：

在網(wǎng)站開發(fā)好舱卡，部署上線之后我們發(fā)現(xiàn)一個(gè)問題澈蚌，首屏加載時(shí)間太長(zhǎng)，最后找到原因有三個(gè)灼狰，第一宛瞄，服務(wù)器的配置太低，帶寬太小交胚，第二份汗，網(wǎng)站的圖片過多過大，需要向服務(wù)器請(qǐng)求的資源過多蝴簇，第三杯活，首頁(yè)太長(zhǎng)，內(nèi)容太多熬词。最后我們針對(duì)后面兩種情況采取的舉措旁钧，第一，修改了圖片互拾，在保證我們圖片效果的前提下盡量的讓圖片更小歪今，第二，采取的滾動(dòng)監(jiān)聽颜矿，把首頁(yè)截取成不同的幾個(gè)部分寄猩，根據(jù)滾動(dòng)條所處的位置分段加載。

加載動(dòng)效：

在一些相應(yīng)需要一定時(shí)間的地方骑疆，為了避免用戶煩躁田篇，我們加上了加載動(dòng)效，同時(shí)為了讓加載動(dòng)效本身不會(huì)占用太多資源箍铭，我們除了處理控制了加載動(dòng)效大小泊柬，也只在父頁(yè)面放了加載動(dòng)效，在其他需要用到的地方知識(shí)調(diào)用诈火。

動(dòng)畫效果：

不同于國(guó)外的網(wǎng)站大多比較簡(jiǎn)約兽赁，國(guó)內(nèi)的網(wǎng)站大多都會(huì)加上一些動(dòng)畫效果，甚至把動(dòng)畫用作衡量一個(gè)網(wǎng)站好壞的指標(biāo)，我們也考慮了這點(diǎn)闸氮，因此在我們的網(wǎng)站pc端也做了大量的動(dòng)畫剪况，移動(dòng)端由于兼容問題相對(duì)少點(diǎn)。