導航:首頁 > 網站優化 > 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友好嗎相關的知識