导航:首页 > 网站优化 > bootstrap对seo友好吗

bootstrap对seo友好吗

发布时间:2020-12-01 21:02:36

1、为什么前端都不愿意用bootstrap框架

抄谁说大家不愿意用袭bootstrap的看其实如果一个前端工程师能够对bootstrap或者foundation这类框架有深入的了解的话,对技术、效率的提升还是挺明显的。在产品研发上,使用bootstrap也能获得一个顺畅的开始。
就说css部分吧,得归功于less,bootstrap的css代码是模块化、有层次感的
整个代码库分成了几个层级和模块:variables & mixins、reset styles、core、components、utilities等。对于一个短期项目来说,bootstrap作为框架能够很好的支撑开发。对于长期的项目或产品来说,即便不使用bootstrap,前端架构也会逐渐演化出 core、components、utilites之类的模块和层级,所以为什么不是用前人宝贵的革命成果呢看

不过悲伤的是,所有上面说的事情都有一个前提,主要两点:一是熟悉前端架构和bootstrap代码,二是比较懒,不愿意搞个人创作和探索。前者需要开发者对前端有一定的研究和经验,这就挡住了一些人,后者又被很多勤奋、自信的大牛所瞧不起。。。

2、写网页用原生 html5 和 bootstrap 哪种用户体验好

根据优势选着你觉得合适自己的:

bootstrap:优势与劣势

bootstrap
2以后的版本不支持IE6。当你的网站需要支持ie6的时候,这时是缺点。当网站不需要支持ie6.减少了兼容代码的处理,马上又变成了优点。

总体而已,Bootstrap 属于前端 ui
库,通过现成的ui组件能够迅速搭建前端页面。同时还可以用less重新设计组件。对于前端技术一般的后台工程师,省去了很多编写前端处理时的痛苦。个人使用搭个博客什么的比较方便。

相对于公司,直接使用 Bootstrap
感觉不多,大公司都有自己的前端开发设计人员,也会设计自己的css库。当然,Bootstrap开源,对于学习如何组织css还是很有必要。

个人认为:bootstrap最大的缺点在于 --------- 大家做出来的网站都一个摸样。

html5:优势与劣势

1、摆脱对平台的依赖

HTML5可以让你摆脱对平台的依赖,用户打开浏览器,直接就可以访问你的应用,而不需要经过各种Store的审核。

2、实时更新

实时更新,通常平台的审核都需要七个工作日左右的时间,如果你发布之后发现问题怎么办?Web方式就不存在这种问题。

3、离线使用

用户可以离线使用,更新下载量及少,可以全部更新,也可以选择替换部分文件。

4、代码更安全安全

使用HTML5,代码更安全安全。众所周知Web应用有一个很大的问题就是代码安全的问题,但现在HTML5可以将Web代码全部加密,本地应用解密后再运行,大大的提供了代码的安全性。

5、跨平台

HTML5可以做到跨平台,多数核心代码不用重写,Javascript的代码用得好的话,在许多地方都可以用到,包括移动应用、移动网站、PC网站、各种浏览器插件,甚至可以用WebKit封装作为跨平台的应用程序。诚然,这种方式并非完全跨平台,但这样也足以减少很多工作量了,特别是后期的维护。

6、可以充分利用Native

HTML5可以通过浏览器作为中介充分利用Native的好处,比如说可以使用GPS、照相机、本地相册、读取本地联系人,也可以使用推送功能等,最重要的是,某些Web无法实现的功能,我们可以利用Native来实现。

HTML5 可能对移动 Web 带来更多好处,原因是,现在的移动 Web,iPhone 占主导地位,而 iPHone 是不支持 Flash
的。HTML5 还会让其它平台的移动浏览器有更快的网页加载速度。另一个好处是 SEO,Google
4月9号宣布,将页面加载速度作为搜索排名的一个因素,因此,基于 HTML5 的页面也会因加载速度更快而受益。

不过,和任何新技术的降临一样,其中也会牵扯到一些问题,对 Web
设计者而言,最大的一个问题就是因为这些新标签的引入,各浏览器之间将缺少一种统一的数据描述格式。

在 HTML5 被广泛采用之前,我们还无法完全知道 HTML5
代码将带来的好与坏,总体来说,对开发者而言,这将是一个巨大的变化,而对图形设计师而言,还不明朗。

3、bootstrap 貌似对 IE7,IE8 支持得不好,有什么解决方案

bootstrap用的css3.0很多。。。。。。要自己改才行。
我打算给公司程序猿搞个css框架。就想把bootstrap扔过去,可惜兼容不好。
编辑都是IE6居多。只好回头自己写吧。

4、我用html5 css3 bootstrap 娼送服务器选什么好

根据优势选着你觉得合适自己的:

bootstrap:优势与劣势

bootstrap
2以后的版本不支持IE6。当你的网站需要支持ie6的时候,这时是缺点。当网站不需要支持ie6.减少了兼容代码的处理,马上又变成了优点。

总体而已,Bootstrap 属于前端 ui
库,通过现成的ui组件能够迅速搭建前端页面。同时还可以用less重新设计组件。对于前端技术一般的后台工程师,省去了很多编写前端处理时的痛苦。个人使用搭个博客什么的比较方便。

相对于公司,直接使用 Bootstrap
感觉不多,大公司都有自己的前端开发设计人员,也会设计自己的css库。当然,Bootstrap开源,对于学习如何组织css还是很有必要。

个人认为:bootstrap最大的缺点在于 --------- 大家做出来的网站都一个摸样。

html5:优势与劣势

1、摆脱对平台的依赖

HTML5可以让你摆脱对平台的依赖,用户打开浏览器,直接就可以访问你的应用,而不需要经过各种Store的审核。

2、实时更新

实时更新,通常平台的审核都需要七个工作日左右的时间,如果你发布之后发现问题怎么办?Web方式就不存在这种问题。

3、离线使用

用户可以离线使用,更新下载量及少,可以全部更新,也可以选择替换部分文件。

4、代码更安全安全

使用HTML5,代码更安全安全。众所周知Web应用有一个很大的问题就是代码安全的问题,但现在HTML5可以将Web代码全部加密,本地应用解密后再运行,大大的提供了代码的安全性。

5、跨平台

HTML5可以做到跨平台,多数核心代码不用重写,Javascript的代码用得好的话,在许多地方都可以用到,包括移动应用、移动网站、PC网站、各种浏览器插件,甚至可以用WebKit封装作为跨平台的应用程序。诚然,这种方式并非完全跨平台,但这样也足以减少很多工作量了,特别是后期的维护。

6、可以充分利用Native

HTML5可以通过浏览器作为中介充分利用Native的好处,比如说可以使用GPS、照相机、本地相册、读取本地联系人,也可以使用推送功能等,最重要的是,某些Web无法实现的功能,我们可以利用Native来实现。

HTML5 可能对移动 Web 带来更多好处,原因是,现在的移动 Web,iPhone 占主导地位,而 iPHone 是不支持 Flash
的。HTML5 还会让其它平台的移动浏览器有更快的网页加载速度。另一个好处是 SEO,Google
4月9号宣布,将页面加载速度作为搜索排名的一个因素,因此,基于 HTML5 的页面也会因加载速度更快而受益。

不过,和任何新技术的降临一样,其中也会牵扯到一些问题,对 Web
设计者而言,最大的一个问题就是因为这些新标签的引入,各浏览器之间将缺少一种统一的数据描述格式。

在 HTML5 被广泛采用之前,我们还无法完全知道 HTML5
代码将带来的好与坏,总体来说,对开发者而言,这将是一个巨大的变化,而对图形设计师而言,还不明朗。

5、bootstrap为什么是移动设备优先

移动设备优先是 Bootstrap 3 的最显著的变化。
在之前的 Bootstrap 版本中(直到 2.x),您需要手动引用另一个 CSS,才能让整个项目友好的支持移动设备。
现在不一样了,Bootstrap 3 默认的 CSS 本身就对移动设备友好支持。
Bootstrap 3 的设计目标是移动设备优先,然后才是桌面设备。这实际上是一个非常及时的转变,因为现在越来越多的用户使用移动设备。
为了让 Bootstrap 开发的网站对移动设备友好,确保适当的绘制和触屏缩放,需要在网页的 head 之中添加 viewport meta 标签,如下所示:
name="viewport" content="width=device-width, initial-scale=1.0"》

width 属性控制设备的宽度。假设您的网站将被带有不同屏幕分辨率的设备浏览,那么将它设置为 device-width 可以确保它能正确呈现在不同设备上。
initial-scale=1.0 确保网页加载时,以 1:1 的比例呈现,不会有任何的缩放。
在移动设备浏览器上,通过为 viewport meta 标签添加 user-scalable=no 可以禁用其缩放(zooming)功能。
通常情况下,maximum-scale=1.0 与 user-scalable=no 一起使用。这样禁用缩放功能后,用户只能滚动屏幕,就能让您的网站看上去更像原生应用的感觉。
注意,这种方式我们并不推荐所有网站使用,还是要看您自己的情况而定!
《meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

6、bootstrap框架有利于搜索引擎优化吗?

框架对于搜索引擎优化影响并不是很大,对了搜索引擎来说,影响其优化效果的是页面打开速度,网站结构,页面内容以及外链,所以我觉得框架对于搜索引擎优化来说影响不是很大

7、bootstrap用来干什么

跟jquerymobile框架类抄似。
是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。通过使用它,我们将可以轻松地创建 Web 项目。分为 Bootstrap 基本结构、Bootstrap CSS、Bootstrap 布局组件和 Bootstrap 插件几个部分。只要根据手册会调用标签即可。
非常简单,能够快速创建一个移动端的网站。

8、为什么前端工程师多不愿意用 Bootstrap 框架

首先纠来正你一下


bootstrap 很多人用,自对响应式设计的页面有了极大便利。 

bootstrap不能完全算是前端框架。(它没有mvc概念基础。)


为什么你说没有人用,其实原因很简单,因为现在的国人都在使用ie或者靠ie内核开发的浏览器,bootstrap本身是外国人开发的所以对待ie兼容性来说是很不友好的(因为国内的人不升级ie),所以开发pc端的时候就要考虑浏览器的兼容性,部分变态的客户可能会使用ie8或者以下 自然bootstrap会出现很多兼容问题所以不是第一开发手选。


还有bootstrap是快速开发用的他对可定制性相对较差,目前国内多半都是页面设计都是定制的自然bootstrap用武之地比较少,但是如果是后台系统管理页面bootstrap非常多人用并且开发起来迅速。


其实有些时候 不要听别人去说,如果是前端并且公司要求去学,应该自己动手试试才知道他到底好不好,如果不好为什么每个人都在谈论它?它肯定是有优秀的一面的。

9、bootstrap在优化网站里面可以用吗

Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一专个属CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门开源项目,包括NASA的MSNBC(微软全国广播公司)的Breaking News都使用了该项目

网站优化中,可以用的

10、bootstrap这两个东西能实现这个效果么

对于Web开发人员,弹出框和提示框的使用肯定不会陌生,比如常见的表格新增和编辑专功能,一般常见的主要属有两种处理方式:行内编辑和弹出框编辑。在增加用户体验方面,弹出框和提示框起着重要的作用,如果你的系统有一个友好的弹出提示框,自然能给用户很好的页面体验。前面几章介绍了bootstrap的几个常用组件,这章来看看bootstrap里面弹出框和提示框的处理。总的来说,弹出提示主要分为三种:弹出框、确定取消提示框、信息提示框。本篇就结合这三种类型分别来介绍下它们的使用。
一、Bootstrap弹出框
使用过JQuery UI应该知道,它里面有一个dialog的弹出框组件,功能也很丰富。与jQuery UI的dialog类似,Bootstrap里面也内置了弹出框组件。打开bootstrap 文档可以看到它的dialog是直接嵌入到bootstrap.js和bootstrap.css里面的,也就是说,只要我们引入了bootstrap的文件,就可以直接使用它的dialog组件,是不是很方便。本篇我们就结合新增编辑的功能来介绍下bootstrap dialog的使用。废话不多说,直接看来它如何使用吧。

与bootstrap对seo友好吗相关的知识