淺談，移動(dòng)商城系統(tǒng)單頁(yè)應(yīng)用時(shí)SEO需要注意的點(diǎn)

　　一直以來，搜索引擎優(yōu)化是移動(dòng)商城系統(tǒng)開發(fā)者容易忽略的部分。SEO是針對(duì)搜索(Google、百度、雅虎搜索等)在技術(shù)細(xì)節(jié)上的優(yōu)化，例如語(yǔ)義、搜索關(guān)鍵詞與內(nèi)容相關(guān)性、收錄量、搜索排名等。SEO也是同行、市場(chǎng)競(jìng)爭(zhēng)常用的的營(yíng)銷手段。Google、百度的搜索結(jié)果是重要的用戶入口，因此SEO在品牌、營(yíng)銷、用戶量的緯度是非常重要的基礎(chǔ)能力。那么移動(dòng)商城系統(tǒng)單頁(yè)應(yīng)用與傳統(tǒng)直出頁(yè)面在SEO方面有哪些不同之處呢?

　　第一、單頁(yè)應(yīng)用的優(yōu)點(diǎn)

　　(1)更好的用戶體驗(yàn)，讓用戶在web感受natvie的速度和流暢;

　　(2)經(jīng)典MVC開發(fā)模式，前后端各負(fù)其責(zé)。

　　(3)一套Server API，多端使用(web、移動(dòng)APP等)

　　(4)重前端，業(yè)務(wù)邏輯全部在本地操作，數(shù)據(jù)都需要通過AJAX同步、提交;

　　第二、對(duì)搜索引擎不友好

　　移動(dòng)商城系統(tǒng)單頁(yè)應(yīng)用實(shí)際是把視圖(View)渲染從Server交給瀏覽器，Server只提供JSON格式數(shù)據(jù)，視圖和內(nèi)容都是通過本地JavaScript來組織和渲染。而搜索搜索引擎抓取的內(nèi)容，需要有完整的HTML和內(nèi)容，單頁(yè)應(yīng)用架構(gòu)的站點(diǎn)，并不能很好的支持搜索。

　　如果站點(diǎn)在用戶體驗(yàn)和搜索友好權(quán)衡時(shí)，如果我們做到更好的體驗(yàn)，也做到友好的搜索支持，既是一箭雙雕。

　　URL中的哈希(#號(hào))

　　單頁(yè)應(yīng)用只有一個(gè)頁(yè)面，視圖的變化通常是通過路由(route)來驅(qū)動(dòng)，首先，我們先來談一談單頁(yè)應(yīng)用的URL中的#號(hào)，很多采用單元結(jié)構(gòu)網(wǎng)站的URL都出現(xiàn)了這個(gè)符號(hào)。

　　#號(hào)在瀏覽器的URL中是一個(gè)錨點(diǎn)，在當(dāng)前頁(yè)改變#號(hào)的參數(shù)，頁(yè)面會(huì)跳轉(zhuǎn)到錨點(diǎn)所在的位置，通過JavaScript我們可以獲取到#號(hào)后的參數(shù)。

　　結(jié)語(yǔ)：移動(dòng)商城系統(tǒng)單頁(yè)應(yīng)用，URL處理也沒渲染的方式實(shí)際上已經(jīng)流行了很久，在國(guó)外很多用戶數(shù)據(jù)較好的情況下，開發(fā)者會(huì)選擇HTML5 History API的pushstate特性開發(fā)，在URL中拋棄#!。但是IE6、7等低端瀏覽器用戶情況較多的網(wǎng)站，#能夠很好的兼容。