html頁(yè)面代碼優(yōu)化最細(xì)節(jié)的常識(shí)
2018-03-07 分類： 網(wǎng)站建設(shè)
我們常常談優(yōu)化，都基于大框架、大數(shù)據(jù)，各種用戶體驗(yàn)分析，而忽略了最基本的html基礎(chǔ)代碼優(yōu)化，今天創(chuàng)新互聯(lián)為大家分享下建站以來(lái)的優(yōu)化經(jīng)驗(yàn)（因?yàn)楣ぷ麝P(guān)系已經(jīng)不太注重創(chuàng)新互聯(lián)官網(wǎng)的優(yōu)化和推廣，但對(duì)于優(yōu)化我們還是有研究的！）：
一、<title></title>標(biāo)題的重要性：
首先需要強(qiáng)調(diào)下，一個(gè)網(wǎng)站的每個(gè)頁(yè)面<title></title>只能有一個(gè)，并且位于<head></head>標(biāo)簽內(nèi)。具體這個(gè)表里的長(zhǎng)尾關(guān)鍵詞和標(biāo)題應(yīng)該怎么寫，我們分到下次細(xì)講，但這次主要是針對(duì)與html常規(guī)知識(shí)教程，所以不詳細(xì)闡述。
title是一個(gè)網(wǎng)站最重要的核心信息傳遞標(biāo)簽，無(wú)論是百度、360、搜狗、google還是其他搜索引擎，均會(huì)根據(jù)該標(biāo)簽輸出的信息來(lái)分析網(wǎng)站的的內(nèi)容是否匹配，所以<title></title>內(nèi)的信息一定要和內(nèi)容想傳遞的信息相對(duì)應(yīng)，經(jīng)常有很多朋友為了做標(biāo)題黨，標(biāo)題的信息與內(nèi)容不符，這樣常常會(huì)引起K站（傳說(shuō)中的懲罰、降權(quán)、被拉入黑名單）。
在這里，我們還要講下至關(guān)重要的h1標(biāo)簽應(yīng)用，其實(shí)H1標(biāo)簽也和title標(biāo)簽一樣申請(qǐng)，并且H1標(biāo)簽一個(gè)頁(yè)面也只能出現(xiàn)一次，因?yàn)閔1標(biāo)簽會(huì)將信息進(jìn)行強(qiáng)調(diào)處理，搜索引擎會(huì)直接抓取該標(biāo)簽的重要內(nèi)容，同時(shí)它也向title標(biāo)簽一樣，搜索引擎均會(huì)根據(jù)h1標(biāo)簽輸出的信息來(lái)分析網(wǎng)站的的內(nèi)容是否匹配。所以h1標(biāo)簽一個(gè)網(wǎng)站的每個(gè)頁(yè)面只能出現(xiàn)一次，那有人說(shuō)，我有多個(gè)標(biāo)簽豈不是好事，我告訴搜索引擎，我有多個(gè)關(guān)鍵詞，這樣更有利于搜索，其實(shí)你如果真的這樣做了，正好相反，反而讓搜索引擎迷茫，直接把該頁(yè)面視為無(wú)效（無(wú)核心內(nèi)容）的普通頁(yè)面處理。
二、<img/>圖片標(biāo)簽
img圖片標(biāo)簽，雖然現(xiàn)在搜索引擎技術(shù)已很發(fā)達(dá)，但是抱歉的是搜索引擎依然無(wú)法直接讀懂圖片內(nèi)的信息，你展示的圖片無(wú)法直接告訴用戶展示的是美女、還是帥哥、還是一道美麗的風(fēng)景。有人可能又會(huì)說(shuō)，那你看我在百度一搜索關(guān)鍵詞，就會(huì)有相對(duì)應(yīng)的圖片顯示出來(lái)，并且來(lái)自于其他網(wǎng)站，創(chuàng)新互聯(lián)你說(shuō)的這個(gè)不對(duì)。在這里，創(chuàng)新互聯(lián)必須糾正一下你這個(gè)話題，其實(shí)這些被百度搜索的到的標(biāo)簽都是經(jīng)過(guò)代碼優(yōu)化過(guò)的，你如果查看細(xì)節(jié)，你可以看到這些圖的代碼里均有alt=""標(biāo)簽，如果你的圖片上沒(méi)有這個(gè)標(biāo)簽說(shuō)明，那么對(duì)搜索引擎而言其實(shí)是沒(méi)有意義的，因?yàn)樗緹o(wú)法讀懂它這個(gè)圖的意思，如果你想讓搜索引擎認(rèn)識(shí)這張圖片，那就必須要加上alt=””標(biāo)簽，
<img src="/upload/pic9/16032300295110039.jpg" alt="新加坡SiMECO公司網(wǎng)站設(shè)計(jì)" />
這樣就解決了搜索引擎無(wú)法讀懂圖片的難題。當(dāng)如細(xì)節(jié)的設(shè)計(jì)，你也可以直接給這個(gè)圖片加上關(guān)鍵詞，讓他更有利于搜索，但切記一點(diǎn)，一定不要在一個(gè)頁(yè)面里給多個(gè)圖使用一個(gè)關(guān)鍵詞，這樣會(huì)讓搜索引擎覺(jué)得你在作弊。
另外如果在HTML標(biāo)準(zhǔn)下，應(yīng)該把圖片的高和寬直接標(biāo)注上，這樣更加有利于搜索引擎的爬取，當(dāng)然這個(gè)不是最重要的。75*75以下的小圖片可以不聲明大小。
三、css的加載方式
我們經(jīng)常能看到很多網(wǎng)站因?yàn)殚_(kāi)發(fā)的時(shí)間關(guān)系，常常會(huì)把多個(gè)CSS鏈接放在一個(gè)頁(yè)面里，這樣使得用戶還是搜索引擎打開(kāi)一個(gè)頁(yè)面都需多次加載link信息，甚至有很多人寫的N個(gè)CSS里很多定義樣式是重復(fù)的，相當(dāng)影響訪問(wèn)速度。所以CSS樣式文件能合并就合并，做到請(qǐng)求次數(shù)更低。
四、JS代碼引用
其實(shí)js代碼使用方式基本類似CSS，能合并就合并，更好放在頁(yè)面底部最后加載，但是這里需要強(qiáng)調(diào)的一點(diǎn)是，很多用戶為了達(dá)到酷炫的效果，把很多數(shù)據(jù)加載信息都封裝在了JS調(diào)用里，這樣使得搜索引擎無(wú)法讀取js里的文字信息，而導(dǎo)致抓取難的現(xiàn)象。并且一個(gè)網(wǎng)頁(yè)JS多了，也是很占網(wǎng)站打開(kāi)速度的，建議優(yōu)化頁(yè)面加載速度和JS的內(nèi)容。
五、iframe框架標(biāo)簽
創(chuàng)新互聯(lián)再三強(qiáng)調(diào)一下，任何想通過(guò)搜索引擎來(lái)提升排名的網(wǎng)站，iframe框架沒(méi)有特殊情況更好不要使用，iframe這個(gè)標(biāo)簽對(duì)于搜索引擎來(lái)說(shuō)也是非常不友好的，蜘蛛無(wú)法抓取里面的內(nèi)容，如同上面我們說(shuō)的JS封裝內(nèi)容（但唯獨(dú)比JS封裝強(qiáng)點(diǎn)的是，給一個(gè)iframe調(diào)用真實(shí)地址，搜索引擎還是會(huì)搜到引入頁(yè)面信息，但是價(jià)值很低）。同時(shí)有一定的加載速度影響。
一、<title></title>標(biāo)題的重要性：
首先需要強(qiáng)調(diào)下，一個(gè)網(wǎng)站的每個(gè)頁(yè)面<title></title>只能有一個(gè)，并且位于<head></head>標(biāo)簽內(nèi)。具體這個(gè)表里的長(zhǎng)尾關(guān)鍵詞和標(biāo)題應(yīng)該怎么寫，我們分到下次細(xì)講，但這次主要是針對(duì)與html常規(guī)知識(shí)教程，所以不詳細(xì)闡述。
title是一個(gè)網(wǎng)站最重要的核心信息傳遞標(biāo)簽，無(wú)論是百度、360、搜狗、google還是其他搜索引擎，均會(huì)根據(jù)該標(biāo)簽輸出的信息來(lái)分析網(wǎng)站的的內(nèi)容是否匹配，所以<title></title>內(nèi)的信息一定要和內(nèi)容想傳遞的信息相對(duì)應(yīng)，經(jīng)常有很多朋友為了做標(biāo)題黨，標(biāo)題的信息與內(nèi)容不符，這樣常常會(huì)引起K站（傳說(shuō)中的懲罰、降權(quán)、被拉入黑名單）。
在這里，我們還要講下至關(guān)重要的h1標(biāo)簽應(yīng)用，其實(shí)H1標(biāo)簽也和title標(biāo)簽一樣申請(qǐng)，并且H1標(biāo)簽一個(gè)頁(yè)面也只能出現(xiàn)一次，因?yàn)閔1標(biāo)簽會(huì)將信息進(jìn)行強(qiáng)調(diào)處理，搜索引擎會(huì)直接抓取該標(biāo)簽的重要內(nèi)容，同時(shí)它也向title標(biāo)簽一樣，搜索引擎均會(huì)根據(jù)h1標(biāo)簽輸出的信息來(lái)分析網(wǎng)站的的內(nèi)容是否匹配。所以h1標(biāo)簽一個(gè)網(wǎng)站的每個(gè)頁(yè)面只能出現(xiàn)一次，那有人說(shuō)，我有多個(gè)標(biāo)簽豈不是好事，我告訴搜索引擎，我有多個(gè)關(guān)鍵詞，這樣更有利于搜索，其實(shí)你如果真的這樣做了，正好相反，反而讓搜索引擎迷茫，直接把該頁(yè)面視為無(wú)效（無(wú)核心內(nèi)容）的普通頁(yè)面處理。
二、<img/>圖片標(biāo)簽
img圖片標(biāo)簽，雖然現(xiàn)在搜索引擎技術(shù)已很發(fā)達(dá)，但是抱歉的是搜索引擎依然無(wú)法直接讀懂圖片內(nèi)的信息，你展示的圖片無(wú)法直接告訴用戶展示的是美女、還是帥哥、還是一道美麗的風(fēng)景。有人可能又會(huì)說(shuō)，那你看我在百度一搜索關(guān)鍵詞，就會(huì)有相對(duì)應(yīng)的圖片顯示出來(lái)，并且來(lái)自于其他網(wǎng)站，創(chuàng)新互聯(lián)你說(shuō)的這個(gè)不對(duì)。在這里，創(chuàng)新互聯(lián)必須糾正一下你這個(gè)話題，其實(shí)這些被百度搜索的到的標(biāo)簽都是經(jīng)過(guò)代碼優(yōu)化過(guò)的，你如果查看細(xì)節(jié)，你可以看到這些圖的代碼里均有alt=""標(biāo)簽，如果你的圖片上沒(méi)有這個(gè)標(biāo)簽說(shuō)明，那么對(duì)搜索引擎而言其實(shí)是沒(méi)有意義的，因?yàn)樗緹o(wú)法讀懂它這個(gè)圖的意思，如果你想讓搜索引擎認(rèn)識(shí)這張圖片，那就必須要加上alt=””標(biāo)簽，
<img src="/upload/pic9/16032300295110039.jpg" alt="新加坡SiMECO公司網(wǎng)站設(shè)計(jì)" />
這樣就解決了搜索引擎無(wú)法讀懂圖片的難題。當(dāng)如細(xì)節(jié)的設(shè)計(jì)，你也可以直接給這個(gè)圖片加上關(guān)鍵詞，讓他更有利于搜索，但切記一點(diǎn)，一定不要在一個(gè)頁(yè)面里給多個(gè)圖使用一個(gè)關(guān)鍵詞，這樣會(huì)讓搜索引擎覺(jué)得你在作弊。
另外如果在HTML標(biāo)準(zhǔn)下，應(yīng)該把圖片的高和寬直接標(biāo)注上，這樣更加有利于搜索引擎的爬取，當(dāng)然這個(gè)不是最重要的。75*75以下的小圖片可以不聲明大小。
三、css的加載方式
我們經(jīng)常能看到很多網(wǎng)站因?yàn)殚_(kāi)發(fā)的時(shí)間關(guān)系，常常會(huì)把多個(gè)CSS鏈接放在一個(gè)頁(yè)面里，這樣使得用戶還是搜索引擎打開(kāi)一個(gè)頁(yè)面都需多次加載link信息，甚至有很多人寫的N個(gè)CSS里很多定義樣式是重復(fù)的，相當(dāng)影響訪問(wèn)速度。所以CSS樣式文件能合并就合并，做到請(qǐng)求次數(shù)更低。
四、JS代碼引用
其實(shí)js代碼使用方式基本類似CSS，能合并就合并，更好放在頁(yè)面底部最后加載，但是這里需要強(qiáng)調(diào)的一點(diǎn)是，很多用戶為了達(dá)到酷炫的效果，把很多數(shù)據(jù)加載信息都封裝在了JS調(diào)用里，這樣使得搜索引擎無(wú)法讀取js里的文字信息，而導(dǎo)致抓取難的現(xiàn)象。并且一個(gè)網(wǎng)頁(yè)JS多了，也是很占網(wǎng)站打開(kāi)速度的，建議優(yōu)化頁(yè)面加載速度和JS的內(nèi)容。
五、iframe框架標(biāo)簽
創(chuàng)新互聯(lián)再三強(qiáng)調(diào)一下，任何想通過(guò)搜索引擎來(lái)提升排名的網(wǎng)站，iframe框架沒(méi)有特殊情況更好不要使用，iframe這個(gè)標(biāo)簽對(duì)于搜索引擎來(lái)說(shuō)也是非常不友好的，蜘蛛無(wú)法抓取里面的內(nèi)容，如同上面我們說(shuō)的JS封裝內(nèi)容（但唯獨(dú)比JS封裝強(qiáng)點(diǎn)的是，給一個(gè)iframe調(diào)用真實(shí)地址，搜索引擎還是會(huì)搜到引入頁(yè)面信息，但是價(jià)值很低）。同時(shí)有一定的加載速度影響。
當(dāng)前題目：html頁(yè)面代碼優(yōu)化最細(xì)節(jié)的常識(shí)
文章網(wǎng)址：http://www.rwnh.cn/news27/77127.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供做網(wǎng)站、網(wǎng)站改版、商城網(wǎng)站、搜索引擎優(yōu)化、移動(dòng)網(wǎng)站建設(shè)、云服務(wù)器
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容
- 各種SKYPE網(wǎng)頁(yè)代碼，SKYPE在線代碼 2018-03-06
- 讓搜索引擎感受到網(wǎng)站的自然流量 網(wǎng)站如何做好這方面工作呢 2018-03-06
- 揭秘2019年網(wǎng)站優(yōu)化策略 2019-03-05
- 網(wǎng)站的用戶體驗(yàn)度從哪方面入手 2018-03-05
- 對(duì)于網(wǎng)站來(lái)講內(nèi)容更新是必不可少的工作 2018-03-02
- 提高頁(yè)面用戶友好體驗(yàn)度應(yīng)該注意的設(shè)計(jì)小細(xì)節(jié) 2018-03-02
- 網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)分析及預(yù)測(cè) 自適應(yīng)及單頁(yè)布局 2018-03-01
- 什么樣的網(wǎng)站才算好網(wǎng)站 2018-03-06
- 企業(yè)網(wǎng)站忘記續(xù)費(fèi)可能會(huì)遇到什么問(wèn)題 2018-03-05
- 如何設(shè)置關(guān)鍵詞搜索才會(huì)有好排名？ 2018-03-05
- 互聯(lián)網(wǎng)+體現(xiàn)出的鮮明時(shí)代特征 2018-03-03
- 反向鏈接對(duì)網(wǎng)站優(yōu)化至關(guān)重要 2018-03-02
- 網(wǎng)站推廣中如何推廣才能達(dá)到更好的效果 2018-03-02
- 在網(wǎng)頁(yè)設(shè)計(jì)中使用不對(duì)稱設(shè)計(jì) 2018-03-01
- 超級(jí)實(shí)用的論壇推廣終極方法 2018-03-01
- 5點(diǎn)關(guān)于外貿(mào)網(wǎng)站推廣的技巧 2018-02-28
- 成都響應(yīng)式企業(yè)網(wǎng)站有哪些優(yōu)勢(shì)? 2018-02-28
- 成都網(wǎng)站建設(shè)的圖片有多重要 記住這四點(diǎn) 2018-02-28
- 定制型網(wǎng)站具有什么特點(diǎn)?有哪些優(yōu)勢(shì)? 2018-02-28