發(fā)布時間:2020-11-13
欄目:SEO優(yōu)化
單頁應(yīng)用只有一個頁面等特點,視圖的變化通常是通過路由(route)來驅(qū)動,首先形式,我們先來談一談單頁應(yīng)用的URL中的#號,很多采用單元結(jié)構(gòu)網(wǎng)站的URL都出現(xiàn)了這個符號十大行動。
#號在瀏覽器的URL中是一個錨點左右,在當(dāng)前頁改變#號的參數(shù),頁面會跳轉(zhuǎn)到錨點所在的位置綜合措施,通過JavaScript我們可以獲取到#號后的參數(shù):
1
2
location.hash // 獲取URL hash
location.hash = "#list" //改變URL hash
改變#號后的參數(shù)可靠保障,頁面并不會重載,于是大多數(shù)的單頁架構(gòu)網(wǎng)站設計標準,都在URL中采用#號來作為當(dāng)前視圖的URL地址開展,例如:
單頁面網(wǎng)站自動生成助手1
2
3
SEO單網(wǎng)頁網(wǎng)站生成器example.com/#index //首頁視圖
單網(wǎng)頁生成工具 example.com/#list //列表頁視圖
example.com/#list/1 //id為1的列表信息的視圖
單頁面網(wǎng)站自動生成助手Backbone.js就是通過改變#號參數(shù)來組織視圖SEO單網(wǎng)頁網(wǎng)站生成器,這里有一個demo可以很直觀的體驗URL的變化發揮重要帶動作用。
看過這個demo意向,你或許會發(fā)現(xiàn)很熟悉的符號#!,Twitter曾在URL使用這個標(biāo)識文化價值。這個標(biāo)識是Google提出(AJAX 抓刃问?。壕W(wǎng)站站長和開發(fā)人員指南1):
因為復(fù)雜的單頁架構(gòu)頁面,對Google來說抓取比較困難不斷完善,于是給開發(fā)者制定一個規(guī)范:
文章地址:http://61py.com/article/seo/URLzdhxh.html