SEO
一直以來，搜索引擎優(yōu)化（SEO）是開發(fā)者容易忽略的部分。SEO是針對(duì)搜索（Google、百度、雅虎搜索等）在技術(shù)細(xì)節(jié)上的優(yōu)化，例如語義、搜索關(guān)鍵詞與內(nèi)容相關(guān)性、收錄量、搜索排名等。SEO也是同行、市場競爭常用的的營銷手段。Google、百度的搜索結(jié)果是重要的用戶入口，有30%左右的流量來自搜索引擎。因此SEO在品牌、營銷、用戶量的緯度是非常重要的基礎(chǔ)能力。
那么單頁應(yīng)用與傳統(tǒng)直出頁面在SEO方面有哪些不同之處呢？
單頁應(yīng)用的優(yōu)點(diǎn)
更好的用戶體驗(yàn)，讓用戶在web感受natvie的速度和流暢；
經(jīng)典MVC開發(fā)模式，前后端各負(fù)其責(zé)。
一套Server API，多端使用（web、移動(dòng)APP等）
重前端，業(yè)務(wù)邏輯全部在本地操作，數(shù)據(jù)都需要通過AJAX同步、提交；
對(duì)搜索引擎不友好
單頁應(yīng)用實(shí)際是把視圖（View）渲染從Server交給瀏覽器，Server只提供JSON格式數(shù)據(jù)，視圖和內(nèi)容都是通過本地JavaScript來組織和渲染。而搜索搜索引擎抓取的內(nèi)容，需要有完整的HTML和內(nèi)容，單頁應(yīng)用架構(gòu)的站點(diǎn)，并不能很好的支持搜索。
如果站點(diǎn)在用戶體驗(yàn)和搜索友好權(quán)衡時(shí)，如果我們做到更好的體驗(yàn)，也做到友好的搜索支持，既是一箭雙雕。
URL中的哈希（#號(hào)）
單頁應(yīng)用只有一個(gè)頁面，視圖的變化通常是通過路由（route）來驅(qū)動(dòng)，首先，我們先來談一談單頁應(yīng)用的URL中的#號(hào)，很多采用單元結(jié)構(gòu)王皓咱的URL都出現(xiàn)了這個(gè)符號(hào)。
#號(hào)在瀏覽器的URL中是一個(gè)錨點(diǎn)，在當(dāng)前頁改變#號(hào)的參數(shù)，頁面會(huì)跳轉(zhuǎn)到錨點(diǎn)所在的位置，通過JavaScript我們可以獲取到#號(hào)后的參數(shù)：
location.hash // 獲取URL hash
location.hash = "#list" //改變URL hash
改變#號(hào)后的參數(shù)，頁面并不會(huì)重載，于是大多數(shù)的單頁架構(gòu)網(wǎng)站，都在URL中采用#號(hào)來作為當(dāng)前視圖的URL地址，例如：
example.com/#index? //首頁視圖
example.com/#list?? //列表頁視圖
example.com/#list/1?? //id為1的列表信息的視圖
Backbone.js就是通過改變#號(hào)參數(shù)來組織視圖，這里有一個(gè)demo可以很直觀的體驗(yàn)URL的變化。
看過這個(gè)demo，你獲取會(huì)發(fā)現(xiàn)很熟悉的符號(hào)#!，Twitter曾在URL使用這個(gè)標(biāo)識(shí)。這個(gè)標(biāo)識(shí)是Google提出。（AJAX 抓?。壕W(wǎng)站站長和開發(fā)人員指南1：
因?yàn)閺?fù)雜的單頁架構(gòu)頁面，對(duì)Google來說抓取比較困難，于是給開發(fā)者制定一個(gè)規(guī)范：
1、網(wǎng)站提交sitemap給Google；
2、Google發(fā)現(xiàn)URL里有#!符號(hào)，例如example.com/#!/detail/1，于是Google開始抓取
