单页使用SEO浅道_信阳【权重宝】

关于我们

关于我们
联系我们

联系

权重宝

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

电话：0576-8989-9550

您现在的位置：信阳网站优化 > 百度排名 > 单页使用SEO浅道

单页使用SEO浅道

单页使用SEO浅道

URL中的哈希（#号）

搜索引擎优化fuwu846311025571.jpg (22.26 KB, 下载次数: 0)

下载附件

2016-5-31 09:25 上传

媒介

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

}

SEO

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

单页使用的长处

更好的用户体验，让用户正在web感触感染natvie的速率战流利；
典范MVC开辟形式，前后端各背其责。
优化套Server API，多端利用（web、挪动APP等）
重前端，业务逻辑局部正在当地操纵，数据皆需求经由过程AJAX同步、提交；

对搜刮引擎没有友爱

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

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

location.hash // 获得URL hash

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

example/#index //尾页视图

example/#list //列表页视图

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

proxy_set_header Host $host;

upstream nodejs {

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

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

<changefreq>weekly</changefreq>

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

网站提交sitemap给Google；

云云，我们便将Google的会见重写到/api排名枢纽词接心，然后正在Server的/api处置恳求把静态内容输出便可。

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

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

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

119.28.4.22/?escapedfragment_=/detail/1

</url>

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

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

判定爬虫

当Google会见119.28.4.22/#!/detail/1 时，会主动转化成119.28.4.22/?_escaped_fragment_=/detail/1，以Nginx为例：

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

proxy_set_header X-Request-URI $request_uri;

if ($args ~ _escaped_fragment_) {

rewrite ^ /api;

}

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

location /api {

server 127.0.0.1:3000;

proxy_set_header X-Real-IP $remote_addr;

proxy_set_header Port $server_port;

proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

proxy_pass nodejs; proxy_redirect off;

}

sitemap

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

<loc>119.28.4.22/#!/detail/1</loc>

<priority>0.5</priority>

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

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

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

本文到此为行，欢送会商。

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

珍藏0

复兴

利用讲具告发

黎晓兰