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