技術(shù)資訊
html5與網(wǎng)站優(yōu)化
2015-07-24 23:43:29
HTML5對(duì)搜索引擎友好嗎,這個(gè)問題近期一直圍繞著我,擔(dān)心網(wǎng)站采用html5開發(fā)后,對(duì)搜索引擎不利,經(jīng)過查找相關(guān)資料,感覺短期內(nèi)會(huì)有些影響,不過相信搜索引擎會(huì)不斷改進(jìn)對(duì)html5的抓取狀況。因?yàn)镠TML5現(xiàn)在并沒有廣泛地運(yùn)用,而且搜索引擎支持效果也不佳,現(xiàn)在用HTML5來寫網(wǎng)站并不會(huì)給你的網(wǎng)站帶來什么好處,但我不否認(rèn)將嘗試用HTML5來編寫盧松松博客模板。而HTML5會(huì)讓搜索引擎讀懂圖片、視頻、富媒體,一個(gè)新的時(shí)代即將到來,SEOer將會(huì)有大量的工作要去處理。
話說HTML5的興起,感覺完全是因?yàn)閕Phone和iPad,自從Adobe停止開發(fā)flash、Android4.0不支持flash后,我覺得在不久的將來HTML5會(huì)廣泛應(yīng)用,而且HTML4已經(jīng)10年沒更新了。
HTML5與搜索引擎優(yōu)化
HTML5與HTML4代碼結(jié)構(gòu)對(duì)比
HTML5很多功能已經(jīng)被介紹過了,比如在圖片中可以直接寫標(biāo)題(不是alt哦),更精簡(jiǎn)的代碼,直接用HTML5播放音頻、視頻,HTML5新增了不少內(nèi)聯(lián)元素,這為黑帽SEO節(jié)約了一筆不菲的時(shí)間。不過主流瀏覽器支持的比較少,盧松松在這里就不介紹了。
隨著HTML5的到來傳統(tǒng)的<div id="header">和<div id="footer">無處不在的代碼方法現(xiàn)在即將變成自己的標(biāo)簽如<Header>和<footer>,下面以一張圖來表達(dá)更為清楚:
HTML4的div+css寫法(傳統(tǒng)的div+css寫法)HTML4的寫法
(HTML5的寫法)
可以看看出HTML5的代碼可讀性更高了,也更簡(jiǎn)潔了,內(nèi)容的組織相同,但每個(gè)元素有一個(gè)明確的清晰的定義,不再被迫去猜測(cè)之間不同命名的<div>標(biāo)記,搜索引擎可以更容易地衡量你網(wǎng)頁(yè)上的內(nèi)容和相關(guān)內(nèi)容。
那么搜索引擎會(huì)抓取HTML5嗎?
這是一篇來自Google站長(zhǎng)論壇John Mu的文章,我覺得比較中肯,拿來給大家分享下:
一般來說,我們(Google)的搜索引擎爬蟲是不能夠百分百地從語法層面去精確地描述或者分析HTML中的標(biāo)簽的,新興的HTML5也不例外。如果HTML5組織的網(wǎng)站越來越多,并且在實(shí)際當(dāng)中給我們的爬蟲抓取信息帶來方便與效益的話,我們會(huì)盡力將完善我們的算法去迎合HTML5的標(biāo)簽特性。要記住的是,我沒有明確地支持你們大家都用HTML5來構(gòu)建網(wǎng)站,并且我沒有明確提出希望大家的網(wǎng)站由于用HTML5來構(gòu)建而在搜索當(dāng)中獲得很好的對(duì)待。HTML5仍然有許多地方需要不斷完善,而如果大網(wǎng)站致力于運(yùn)用HTML5的話將是令人振奮的事。
對(duì)于HTML5,我覺得它仍沒有得到廣泛的推廣與應(yīng)用,因此我們暫時(shí)不會(huì)將焦點(diǎn)放到它上面,我們不肯定使用HTML5構(gòu)建的網(wǎng)站比用舊版本的HTML構(gòu)建的網(wǎng)站在搜索中是否表現(xiàn)出優(yōu)勢(shì)。
Google尚未準(zhǔn)備好,百度更不用說了。
最終用戶優(yōu)先(Priority of Constituencies)
“In case of conflict, consider users over authors over implementors over specifiers over theoretical purity.”
一旦遇到?jīng)_突,最終用戶優(yōu)先,其次是作者,其次是實(shí)現(xiàn)者,其次標(biāo)準(zhǔn)制定者,最后才是理論上的完滿。
當(dāng)HTML5提供了一些令用戶興奮的東西,其次產(chǎn)品得到更好的展現(xiàn),其次我們可以放心地使用它們,其次元素被更謹(jǐn)慎的方式定義,最后搜索引擎也不再淡定了。
值得介紹的一些標(biāo)簽
雖然我們看到了HTML5的簡(jiǎn)潔和強(qiáng)大之處,但據(jù)我所知,很多人制作html頁(yè)面的時(shí)候不會(huì)按照語義來書寫代碼。邊欄(aside)會(huì)寫成sidebar,如果是這樣的話,會(huì)使網(wǎng)頁(yè)更加混亂,最終導(dǎo)致搜索引擎不好理解。
noscript標(biāo)簽將會(huì)被大量使用,因?yàn)镠TML5時(shí)代將會(huì)是一個(gè)富媒體時(shí)代。傳統(tǒng)的文字、圖片、鏈接、視頻、音頻可能已經(jīng)滿足不了用戶的需求,大量的腳本能夠編輯出豐富的信息,包括游戲、個(gè)性化設(shè)計(jì)等等。
time標(biāo)簽可能會(huì)作為一個(gè)來判斷網(wǎng)頁(yè)文字源,也就是能夠通過time標(biāo)簽來識(shí)別哪篇文章是原創(chuàng)的。而time標(biāo)簽可能將是成為HTML5時(shí)代SEO們爭(zhēng)論不休的一個(gè)標(biāo)簽。
video標(biāo)簽中間區(qū)域的文字信息將會(huì)讓搜索引擎讀懂視頻,這是一次飛躍。
近期更新
- [2023-07-26 14:17:28] 為品牌賦能,海外官網(wǎng)品牌數(shù)字化
- [2023-05-06 10:32:26] 青島網(wǎng)站建設(shè)公司,高端網(wǎng)站定制,一站式網(wǎng)站服務(wù)——力圖數(shù)字科技
- [2023-04-27 13:47:54] 高端定制網(wǎng)站建設(shè)——從滿足預(yù)期到走向卓越
- [2023-04-11 09:17:49] H5頁(yè)面設(shè)計(jì)開發(fā)——移動(dòng)端傳播利器
- [2022-11-16 10:11:43] windows2012程序在哪
- [2022-04-14 11:01:47] 力圖數(shù)字科技配套網(wǎng)站服務(wù)支持
- [2021-05-18 10:14:11] 青島網(wǎng)站建設(shè)的流程
- [2021-04-29 10:14:38] 企業(yè)定制化官網(wǎng)建設(shè)項(xiàng)目
- [2021-03-05 10:34:45] 移動(dòng)互聯(lián)時(shí)代房地產(chǎn)行業(yè)的微信小程序解決方案
- [2021-01-22 17:29:38] 微信小程序有哪些優(yōu)勢(shì)?為什么要開發(fā)微信小程序?
- [2021-01-08 17:28:04] 網(wǎng)站建設(shè)最容易忽略的人性化設(shè)計(jì)
- [2020-12-16 16:55:32] 建設(shè)一個(gè)常規(guī)的公司網(wǎng)站建設(shè)成本大概是多少?
延伸閱讀
- [2016-08-30 10:30:00] HTML5技術(shù)的優(yōu)點(diǎn)和不能忽視的缺點(diǎn)
- [2017-02-23 10:35:00] HTML5響應(yīng)式網(wǎng)站地圖的重要性
- [2014-09-27 13:47:22] HTML5特效技術(shù)分析與12個(gè)案例欣賞
- [2018-01-05 10:43:22] 《響應(yīng)式Web設(shè)計(jì):HTML5和CSS3實(shí)踐指南》——1.2節(jié)基于寬度百分比的圖像縮放
- [2016-07-29 14:32:00] H5和HTML5是一回事嗎?
- [2015-05-23 19:25:16] 2015年網(wǎng)站設(shè)計(jì)趨勢(shì)
- [2016-10-13 11:06:28] 青島網(wǎng)站制作支持舊IE瀏覽器的技巧
- [2017-01-23 10:30:00] HTML5響應(yīng)式圖片的解決方法
- [2015-11-17 15:16:13] 響應(yīng)式HTML5/CSS3網(wǎng)站模板
- [2014-08-28 20:28:54] 網(wǎng)站前端頁(yè)面設(shè)計(jì)分析
- [2016-10-27 11:47:00] H5響應(yīng)式青島網(wǎng)站制作
- [2016-12-09 16:57:00] H5頁(yè)面設(shè)計(jì)
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動(dòng)網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
企業(yè)建站 網(wǎng)站交互設(shè)計(jì) 青島輪胎網(wǎng)站設(shè)計(jì)公司 膠南網(wǎng)站建設(shè)公司 插畫 微官網(wǎng) 青島不錯(cuò)的英文網(wǎng)站建設(shè)公司 企業(yè)網(wǎng)站為什么要備案 高端網(wǎng)站設(shè)計(jì) 網(wǎng)站開發(fā) 英文網(wǎng)站建設(shè) 網(wǎng)站建設(shè)的步驟有哪些 網(wǎng)站推廣 圖形網(wǎng)格 青島網(wǎng)站設(shè)計(jì)哪家好 網(wǎng)站SEO 舒適的界面 程序開發(fā) 良好的導(dǎo)航 青島好的網(wǎng)站優(yōu)化公司 搜索引擎蜘蛛 蘋果系統(tǒng) 網(wǎng)站策劃 扁平化設(shè)計(jì) 網(wǎng)站品牌 營(yíng)銷型網(wǎng)站 微信小程序 外貿(mào)網(wǎng)站建設(shè) 微信營(yíng)銷的優(yōu)勢(shì) 微網(wǎng)站