1、浏览页和详单页的区别在哪?
一个项目中只有一个完整的html主页面,其他都是html片段组成的分页面,浏览器一开始会在主页面加载所有必须的 html, js, css。撸代码的时候每个页面分开写(不管主页面还是分页面 )。在页面跳转交互的时候由路由程序将分页面动态载入主页面,跳转只是局部刷新,不会重新加载全部资源。片段之间的切换快,比较容易实现转场动画
1、单页面应用(SPA):
优点:首屏时间快,搜索引擎优化效果好(SEO):
首屏时间叫做页面首个屏幕的内容展现的时间,当我们访问页面的时候,服务器返回一个html,页面就会展示出来,这个过程只经历了一个HTTP请求,所以页面展示的速度非常快
搜索引擎在做网页排名的时候,要根据网页内容才能给网页权重,来进行网页的排名。搜索引擎是可以识别html内容的,而我们每个页面所有的内容都放在Html中,所以这种多页应用,seo排名效果好。
缺点:页面切换慢:
因为每次跳转都需要发出一个http请求,如果网络比较慢,在页面之间来回跳转时,就会发现明显的卡顿。
优点:页面切换快:
页面每次切换跳转时,并不需要做html文件的请求,这样就节约了很多http发送时延,我们在切换页面的时候速度很快。
缺点:首屏时间慢,SEO差:
单页应用的首屏时间慢,首屏时需要请求一次html,同时还要发送一次js请求,两次请求回来了,首屏才会展示出来。相对于多页应用,首屏时间慢。
SEO效果差,因为搜索引擎只认识html里的内容,不认识js的内容,而单页应用的内容都是靠js渲染生成出来的,搜索引擎不识别这部分内容,也就不会给一个好的排名,会导致单页应用做出来的网页在百度和谷歌上的排名差。
2、多页面应用(MPA):
优点:首屏时间快,搜索引擎优化效果好(SEO):
首屏时间叫做页面首个屏幕的内容展现的时间,当我们访问页面的时候,服务器返回一个html,页面就会展示出来,这个过程只经历了一个HTTP请求,所以页面展示的速度非常快
搜索引擎在做网页排名的时候,要根据网页内容才能给网页权重,来进行网页的排名。搜索引擎是可以识别html内容的,而我们每个页面所有的内容都放在Html中,所以这种多页应用,seo排名效果好。
缺点:页面切换慢:
因为每次跳转都需要发出一个http请求,如果网络比较慢,在页面之间来回跳转时,就会发现明显的卡顿。
2、请解释什么是单页应用 以及如何使其对搜索引擎友好 seo-frie
单页应用是指在浏览器中运行的应用,它们在使用期间不会重新加载页面。像所有的应用一样,它旨在帮助用户完成任务,比如“编写文档”或者“管理Web服务器”。可以认为单页应用是一种从Web服务器加载的富客户端。
1、注重TDK的写法
既然页面单一,那么就更需要注重网站标题、关键词和描述的写法。标题上来说,要简单明确,包含主要关键词,一句话能概括全文;描述上来讲,一句话活一小段文字提炼出文章的精髓,内容比标题更加详细;关键词,用绝对的与内容相关的词语,多个关键词用逗号分开。
2、外链锚文本的多样化
在外链建设上,切忌内容单一,这样很容易造成网站的过度优化,而我们都知道,网站的过度优化对SEO而言是不利的。
3、网站标签的运用
合理的运用网站标签可以让搜索引擎更好的理解网站的层次内容,比如h标签,strong标签等等。
4、符合国际标准
这里所说的符合国际标准指的是告诉搜索引擎我的网站符合W3C标准,对任何浏览器都是兼容的。
5、代码优化
CSS和JS的优化,尽可能的使用外部导入,从而让网页代码更加简洁,能用CSS就尽量不用JS,毕竟JS对于搜索引擎而言并不友好。
6、图片的优化
这个属于老生常谈了,这里就不多说了。
7、合理设置锚点
有一些单页面为了展示很多产品特点,页面会拉的很长,不利于用户查看,用户体验并不好,如果在单页面网站上设置合理的锚点,用户只需要点击一下快速达到想要看到的内容区域。
8、避免全是图片展示
如果单页面网站为了提升视觉效果从而更多的使用图片,那么就会造成网站文字内容过少,不利于搜索引擎对网站的抓取和索引。
9、内容为王
之前我们就举过网络的例子,而作为单页面网站来讲,将用户所有的需求点尽可能完整的展现出来,从而解决用户的烦恼才是单页面网站立足的关键。
3、单页应用如何解决 SEO
1、关键词布局
2、外链数量、质量
做好了这两个,相信排名不低!
4、单页的应用程序对SEO友好么
一,单页面网站title的设置规划
单页面网站本身内容不多,假如连两个好点的关键词都挑不出,放在title上的文字也不够吸引人,那可以说这个网站的title设置是非常失败的。一个好的名字是成功的一半,假如能挑到几个突出的关键词布局上去,就能为网站带来不少的点击数量。
二,单页面网站的标签合理布局
对于只有一个首页的单页面网站,网页标签的使用对优化就起到了明显的作用,比如重要段落文字的小标题都用h1,想要突出的页面关键词在站内的布局给加上strong的标签。这里要提示的是适度为好,不宜太过火,不然好排名轮不到你。
三,突出产品的内容展示
由于单页面网站的篇幅有限,注定了要展示的文字内容是经过精挑细选,并且把自己的产品特色也融进去,另外内容结构上分配要合理,要把自己的营销策略也布局好。
四,单页面的整体页面设计
单页面网站只有一个页面,整体构造上需要给用户简洁自然,主题明确的感觉,由于单页面的属性,比其它网站的页面设计要求还要更一个级别,因为那些普通的网站有大量的内容支撑,能很好地服务用户,单页面网站就只能靠一个页面来打拼,实属不容易。
五,单页面网站的整体链接构造
既然是单页面了为何还说链接的,原来还有外链导进来,还有页面内不同位置的跳转。做些优质的外链引导蜘蛛过来抓取。做好页面内回到页首、页尾的按钮,这些用户体验(三步打造网站完整的用户体验)都是非常重要的。