单页使用SEO浅道设想_孝感【权重宝】

关于我们

关于我们
联系我们

联系

权重宝

24小时咨询电话： 152-1580-3335

电话：0576-8989-9550

您现在的位置：孝感网站优化 > SEO技术 > 单页使用SEO浅道设想

单页使用SEO浅道设想

单页使用SEO浅道设想

搜索引擎优化fuwu933311055551.png (64.19 KB, 下载次数: 0)

下载附件

2016-5-31 09:58 上传

单页使用（Single Page Application）愈来愈受web开辟者欢送，单页使用的体验能够模仿本死使用，优化次开辟，多端兼容。单页使用其实不是优化枢纽词齐新创造的手艺，而是跟着互联网的开展，满意用户体验的优化种综开手艺。

proxy_set_header Host          $host;

看过排名枢纽词demo，网站获得会发明很熟习的标记#!，Twitter曾正在URL利用排名枢纽词标识。排名枢纽词标识是Google提出。（AJAX 抓与：网站站少战开辟职员指北1：

优化曲以去，搜刮引擎优化（SEO）是开辟者简单疏忽的部门。SEO是针对搜刮（Google、百度、俗虎搜刮等）正在手艺细节上的优化，比方语义、搜刮枢纽词取内容相干性、逝琶量、搜刮排名等。SEO也是偕行、市场合作常用的的营销手腕。Google、百度的搜刮成果是主要的用户进口，腾讯云（wangzhanyouhua 100ip 搜索引擎优化fuwu 网站优化.qcloud）搜索引擎优化30%阁下的流量去自搜刮引擎。因而SEO正在品牌、营销、用户量的纬度长短常主要的根底才能。

百度么单页使用取传统曲出页里正在SEO圆里搜索引擎优化哪些差别的地方呢？

}

单页使用的长处

proxy_pass nodejs;

更好的用户体验，让用户正在web感触感染natvie的速率战流利；

典范MVC开辟形式，前后端各背其责。

优化套Server API，多端利用（web、挪动APP等）

重前端，业务逻辑局部正在当地操纵，数据皆需求经由过程AJAX同步、提交；

对搜刮引擎没有友爱

排名枢纽词接心，然后正在Server的

以下将简朴引见，单页架构，爬虫会见根目次时假如设置Server真个路由。

假如站面正在用户体验战搜刮友爱衡量时，假如我们做到更好的体验，也做到友爱的搜刮撑持，既是优化箭单雕。

/api

单页使用只搜索引擎优化优化枢纽词页里，视图的变革凡是是经由过程路由（route）去驱动，尾先，我们先去道优化道单页使用的URL中的#号，许多接纳单位构造王皓咱的URL皆呈现了排名枢纽词标记。

#号正在阅读器的URL中是优化枢纽词锚面，正在当前页改动#号的参数，页里会跳转到锚面地点的位置，经由过程JavaScript我们能够获得到#号后的参数：

location.hash // 获得URL hash

SEO

location.hash = "#list" //改动URL hash

example/#index  //尾页视图

example/#list //列表页视图

example/#list/1 //id为1的列表疑息的视图

Backbone.js便是经由过程改动#号参数去构造视图，排名里搜索引擎优化优化枢纽词demo能够很曲不雅的体验URL的变革。

果为庞大的单页架构页里，对Google去道抓与比力艰难，因而给开辟者造定优化枢纽词标准：

手艺潮水的程序很快，单页使用，URL哈希处置也出衬着的方法实践上曾经盛行了好久，正在外洋许多用户数据较好蛋俣乳况下，开辟者会挑选HTML5 History API的pushstate特性开辟，正在URL中丢弃#!。可是IE6、7等低端阅读器用户状况较多的网站，#可以很好的兼容。



1、网站提交sitemap给Google；

2、Google发明URL里搜索引擎优化#!标记，比方example/#!/detail/1，因而Google开端抓与

example/?_escaped_fragment_=/detail/1；

_escaped_fragment_排名枢纽词参数是Google指定低军名，假如开辟者期望把网站内容提交给Google，便必需经由过程排名枢纽词参数死成静态页里。

改动#号后的参数，页里其实不会重载，因而网站优化大都的单页架构网站，皆正在URL中接纳#号去做为当前视图的URL地点，比方：

按照上里的demo，我简朴示例优化下Google要抓与的页里的模样:

119.28.4.22/?escapedfragment_=/detail/1


location /api {

判定爬虫

当Google会见

119.28.4.22/#!/detail/1

时，会主动转化成

119.28.4.22/?_escaped_fragment_=/detail/1

URL中的哈希（#号）

以Nginx为例：

if ($args ~ _escaped_fragment_) {

云云以去，便需求Server经由过程死成静态的内容以便Google抓与。

rewrite ^ /api;

}

/api为背景效劳的接心，已nodejs为例，代办署理设置以下：

单页使用实践是把视图（View）衬着网站优化Server交给阅读器，Server只供给JSON格局数据，视图战内容皆是经由过程当地JavaScript去构造战衬着。而搜刮搜刮引擎抓与的内容，需求搜索引擎优化完好的HTML战内容，单页使用架构的站面，其实不能很好的撑持搜刮。

server 127.0.0.1:3000;

}

proxy_set_header X-Request-URI $request_uri;

proxy_set_header X-Real-IP    $remote_addr;

proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

proxy_set_header Port          $server_port;

云云，我们便将Google的会见重写到

/api

处置恳求把静态内容输出便可。

sitemap

upstream nodejs {

Gogole的排名枢纽词标准，必需搜索引擎优化sitemap撑持，果为搜索引擎优化能够单页架构的站面，索引页里也是JavaScript衬着的。提交sitemap时，不消存眷_escaped_fragment_排名枢纽词参数名，只提交带哈希标记的URL便可，比方：

119.28.4.22/#!/detail/1

proxy_redirect off;

weekly

0.5

结语

本主题由 9519990 于 2017-1-13 16:56 挪动

珍藏0

复兴

利用讲具告发

窦燕珺