第7章-頁(yè)面優(yōu)化_第1頁(yè)
第7章-頁(yè)面優(yōu)化_第2頁(yè)
第7章-頁(yè)面優(yōu)化_第3頁(yè)
第7章-頁(yè)面優(yōu)化_第4頁(yè)
第7章-頁(yè)面優(yōu)化_第5頁(yè)
已閱讀5頁(yè)，還剩51頁(yè)未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說(shuō)明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

SEO教程：搜索引擎優(yōu)化基礎(chǔ)實(shí)戰(zhàn)入門（微課版）沙旭陳成

主編徐紅楊學(xué)彬

副主編第7章

頁(yè)面優(yōu)化本章導(dǎo)讀本章主要帶讀者學(xué)習(xí)網(wǎng)站頁(yè)面的優(yōu)化方法通過(guò)本章學(xué)習(xí)讀者能夠建立一個(gè)搜索引擎喜歡的網(wǎng)站頁(yè)面通過(guò)本章學(xué)習(xí)讀者能夠?qū)W會(huì)頁(yè)面三元素的設(shè)置學(xué)習(xí)目標(biāo)頁(yè)面三元素正文內(nèi)容優(yōu)化H標(biāo)簽使用圖片優(yōu)化精簡(jiǎn)代碼社會(huì)化媒體分享技能要點(diǎn)掌握頁(yè)面三元素的設(shè)置方法掌握正文內(nèi)容的優(yōu)化掌握?qǐng)D片優(yōu)化方法掌握百度分享代碼的添加實(shí)訓(xùn)任務(wù)設(shè)置網(wǎng)站頁(yè)面的三元素為網(wǎng)站添加百度分享代碼檢測(cè)網(wǎng)站中的圖片是否添加了alt屬性效果欣賞

7.1頁(yè)面三元素7.1.1頁(yè)面標(biāo)題我們這里所說(shuō)的頁(yè)面標(biāo)題指的是在頁(yè)面HTML代碼中<title>標(biāo)簽里面的標(biāo)題，而不是文章的標(biāo)題，不要混為一談。

頁(yè)面標(biāo)題<title>標(biāo)簽在HTML中格式如下：<head><title>頁(yè)面標(biāo)題</title>...</head>

因?yàn)?lt;title>標(biāo)簽里面的內(nèi)容會(huì)出現(xiàn)在搜索引擎的結(jié)果頁(yè)面中，也是用戶瀏覽搜索結(jié)果時(shí)最先看到的醒目?jī)?nèi)容，所以在<title>標(biāo)簽中出現(xiàn)關(guān)鍵詞是頁(yè)面優(yōu)化的基本要求，SEO界公認(rèn)<title>標(biāo)簽是頁(yè)面優(yōu)化的重中之重。

建議<title>標(biāo)簽緊接著寫在<head>之后，然后再寫其他代碼，這樣可以使搜索引擎快速找到頁(yè)面標(biāo)題內(nèi)容。1．頁(yè)面標(biāo)題書寫注意事項(xiàng)（1）即使在同一個(gè)網(wǎng)站中，每個(gè)頁(yè)面都應(yīng)該有自己獨(dú)特的頁(yè)面標(biāo)題。即使是同一個(gè)主題，如果欄目中文章列表出現(xiàn)分頁(yè)，論壇主題回復(fù)過(guò)多導(dǎo)致分頁(yè)等類似的現(xiàn)象，我們都應(yīng)該在每個(gè)頁(yè)面中加入“第幾頁(yè)”用于區(qū)分?；ヂ?lián)網(wǎng)中好多網(wǎng)站都存在標(biāo)題相同的情況，最常見的有兩種現(xiàn)象，第一種是使用一些網(wǎng)頁(yè)編輯工具直接編寫網(wǎng)頁(yè)內(nèi)容而忘記設(shè)置頁(yè)面標(biāo)題，如圖7-1所示，第二種就是站長(zhǎng)不了解SEO而將網(wǎng)站中的頁(yè)面標(biāo)題全部設(shè)成同一個(gè)內(nèi)容。圖7-1標(biāo)題重復(fù)頁(yè)面（2）頁(yè)面標(biāo)題盡量不要超過(guò)29個(gè)中文字符。Title標(biāo)簽中雖然可以寫任意長(zhǎng)度的文字，但是在搜索引擎結(jié)果列表中是有字符限制的，百度最多顯示30個(gè)中文字符，但是實(shí)際測(cè)試時(shí)有的標(biāo)題只顯示29個(gè)中文字符。Google顯示65個(gè)英文字符。Title標(biāo)簽中超過(guò)限制的字符在搜索引擎結(jié)果列表中一般用省略號(hào)代替，如圖7-2所示。圖7-2標(biāo)題過(guò)長(zhǎng)導(dǎo)致后面部分被省略（3）頁(yè)面標(biāo)題不要有關(guān)鍵詞堆砌的嫌疑。頁(yè)面標(biāo)題要簡(jiǎn)練通順，不能堆砌關(guān)鍵詞。（4）標(biāo)題中應(yīng)該包含關(guān)鍵詞，而且關(guān)鍵詞位置應(yīng)該出現(xiàn)在最前面。同等條件下，關(guān)鍵詞位置越靠前，排名會(huì)越好。（5）頁(yè)面標(biāo)題一定要有吸引性，吸引用戶點(diǎn)擊，甚至用戶不點(diǎn)排在第一名、第二名的網(wǎng)站，而點(diǎn)排在第三名的網(wǎng)站，標(biāo)題吸引人是很重要的因素。2．頁(yè)面標(biāo)題書寫規(guī)則（1）首頁(yè)標(biāo)題首頁(yè)標(biāo)題書寫主要有以下兩種方式。一種方式是：關(guān)鍵詞1_關(guān)鍵詞2-網(wǎng)站名稱或者公司名稱；另一種方式是：網(wǎng)站名稱或者公司名稱-提供的產(chǎn)品或者服務(wù)介紹。（2）欄目頁(yè)標(biāo)題欄目頁(yè)標(biāo)題一般的寫法為：欄目名稱_（第幾頁(yè)）-網(wǎng)站名稱欄目名稱中一定要包含關(guān)鍵詞，如果因?yàn)槟承┰驒?/p>

目名稱中沒有添加關(guān)鍵詞，建議寫成：欄目名稱欄目關(guān)鍵詞_(第幾頁(yè))-網(wǎng)站名稱（3）文章頁(yè)標(biāo)題文章頁(yè)標(biāo)題的一些書寫格式如下。文章標(biāo)題_欄目名稱_網(wǎng)站名稱部分網(wǎng)站為了達(dá)到品牌宣傳的目的，字符盡量控制標(biāo)題在30之內(nèi)，一般還會(huì)寫成：文章標(biāo)題_網(wǎng)站名稱對(duì)于一些帖子或者帶有回復(fù)并能夠產(chǎn)生分頁(yè)的頁(yè)面建議寫成：文章標(biāo)題_(第幾頁(yè))-網(wǎng)站名稱7.1.2關(guān)鍵詞標(biāo)簽

關(guān)鍵詞標(biāo)簽是三元素當(dāng)中用處最小的一個(gè)標(biāo)簽，關(guān)鍵詞標(biāo)簽看似與SEO相關(guān)，但是以目前的實(shí)際情況來(lái)看，對(duì)SEO沒有任何影響，關(guān)鍵詞標(biāo)簽的代碼格式如下。<head><mataname="keywords"content="關(guān)鍵詞1,關(guān)鍵詞2,關(guān)鍵詞3,....../>...</head>關(guān)鍵詞標(biāo)簽書寫要求如下。（1）關(guān)鍵詞不宜過(guò)多，一般3～5個(gè)為最佳，寧缺毋濫；（2）關(guān)鍵詞之間用半角模式下的“,”隔開；（3）關(guān)鍵詞不要出現(xiàn)堆砌現(xiàn)象。7.1.3描述標(biāo)簽

描述標(biāo)簽是三元素當(dāng)中與SEO有關(guān)系的另一個(gè)標(biāo)簽，用于說(shuō)明頁(yè)面的主要內(nèi)容，描述標(biāo)簽的代碼格式如下：<head>...<metaname="description="content“石家莊新華電腦學(xué)校隸屬新華互聯(lián)網(wǎng)科技，專業(yè)電腦教育，電腦教育知名品牌，全力打造設(shè)計(jì)師搖籃。特開設(shè)熱門專業(yè)：天貓運(yùn)營(yíng)與淘寶創(chuàng)業(yè)、VR數(shù)字媒體設(shè)計(jì)師、新媒體UI界面設(shè)計(jì)師、互聯(lián)網(wǎng)運(yùn)營(yíng)與創(chuàng)客、網(wǎng)絡(luò)傳媒工程師...”/>...</head>描述標(biāo)簽的重要性比標(biāo)題標(biāo)簽要低很多，描述標(biāo)簽里面的內(nèi)容并不能顯示在頁(yè)面中，但是一般情況下會(huì)顯示在搜索結(jié)果的標(biāo)題下方。所以說(shuō)描述標(biāo)簽對(duì)排名沒有直接影響，但是會(huì)影響網(wǎng)站的點(diǎn)擊率。但是有的情況下搜索引擎不會(huì)使用描述標(biāo)簽里面的內(nèi)容作為搜索結(jié)果頁(yè)面標(biāo)題下方的內(nèi)容，如：（1）描述標(biāo)簽內(nèi)容過(guò)短或者無(wú)內(nèi)容；（2）描述標(biāo)簽內(nèi)容與標(biāo)題內(nèi)容重復(fù)；（3）描述標(biāo)簽堆砌關(guān)鍵詞；（4）描述標(biāo)簽中內(nèi)容只是關(guān)鍵詞的羅列，沒有形成句子。以上情況都有可能使搜索引擎從頁(yè)面中動(dòng)態(tài)抓取部分頁(yè)面內(nèi)容作為搜索結(jié)果標(biāo)題下方的內(nèi)容。描述標(biāo)簽的書寫規(guī)則如下。（1）描述標(biāo)簽中的內(nèi)容要形成幾句話或者一小段話，語(yǔ)句通順，用于描述頁(yè)面內(nèi)容；（2）描述標(biāo)簽中要包含關(guān)鍵詞，這樣用戶搜索此詞時(shí)可以高亮顯示；（3）描述標(biāo)簽中的內(nèi)容長(zhǎng)度不宜過(guò)長(zhǎng)，一般在70個(gè)字符左右即可。7.2正文內(nèi)容優(yōu)化7.2.1關(guān)鍵詞密度正文中的關(guān)鍵詞涉及兩個(gè)概念，一個(gè)是關(guān)鍵詞詞頻，也就是頁(yè)面中關(guān)鍵詞出現(xiàn)的次數(shù)，這個(gè)概念大家沒有必要太在意；另一個(gè)是關(guān)鍵詞密度，也就是關(guān)鍵詞出現(xiàn)的次數(shù)除以頁(yè)面可見文字的總詞數(shù)。搜索引擎判斷頁(yè)面與關(guān)鍵詞的相關(guān)性時(shí)，最簡(jiǎn)單的邏輯是關(guān)鍵詞出現(xiàn)得越多，頁(yè)面與這個(gè)關(guān)鍵詞越相關(guān)。包括互聯(lián)網(wǎng)中的一些工具，要求頁(yè)面關(guān)鍵詞的密度控制在2%～8%，但是現(xiàn)在已經(jīng)沒有這個(gè)概念了。隨著搜索引擎的算法越來(lái)越復(fù)雜，頁(yè)面關(guān)鍵詞密度的比重變得越來(lái)越小，所以SEOer沒有必要太在意這個(gè)概念，只要自然寫作，關(guān)鍵詞必然會(huì)自然融入，如果非要有一個(gè)數(shù)值的話，筆者個(gè)人建議控制在5%左右即可。7.2.2正文前100個(gè)字

正文中前100個(gè)字中出現(xiàn)關(guān)鍵詞一般會(huì)認(rèn)為權(quán)重比較高一些，而且第一次出現(xiàn)的時(shí)候加粗顯示，所以我們可以在文章的前兩句話中融入關(guān)鍵詞。

互聯(lián)網(wǎng)中很多cms系統(tǒng)設(shè)置的描述是自動(dòng)讀取文章正文前80個(gè)左右的字，所以我們?cè)谖恼虑皟删湓捴腥谌腙P(guān)鍵詞，搜索引擎結(jié)果頁(yè)面標(biāo)題下方同樣會(huì)出現(xiàn)關(guān)鍵詞，達(dá)到高亮展示、吸引用戶點(diǎn)擊的目的。7.2.3關(guān)鍵詞組的組合與拆分

當(dāng)頁(yè)面中一個(gè)關(guān)鍵詞可以被分為多個(gè)詞語(yǔ)的時(shí)候，我們一般要讓關(guān)鍵詞完整地在頁(yè)面重要位置上出現(xiàn)幾次，同樣我們可以讓拆分之后的詞語(yǔ)各自在文章正文中出現(xiàn)幾次。

7.2.4頁(yè)面內(nèi)容的排版與用戶體驗(yàn)

近幾年搜索引擎越來(lái)越重視用戶體驗(yàn)，以百度為例，自2013年的“石榴算法”之后，百度又推出了“冰桶算法”等多種算法，逐漸向用戶體驗(yàn)靠攏，如：冰桶2.0：該版本打擊欺騙下載和無(wú)告知的捆綁下載。冰桶3.0：該版本將嚴(yán)厲打擊在百度移動(dòng)搜索中打斷用戶完整搜索路徑的調(diào)起行為。天網(wǎng)算法:該版本打擊網(wǎng)站竊取用戶信息，在網(wǎng)頁(yè)嵌惡意代碼，用于盜取網(wǎng)民的QQ號(hào)、手機(jī)號(hào)等隱私行為。冰桶4.0：百度搜索針對(duì)移動(dòng)搜索結(jié)果頁(yè)廣告過(guò)多、影響用戶體驗(yàn)的頁(yè)面，進(jìn)行策略調(diào)整，冰桶算法4.0用于打擊此類站點(diǎn)。所以網(wǎng)站中除了提供高質(zhì)量的原創(chuàng)內(nèi)容之外，我們還要考慮如何提高用戶體驗(yàn)，其中包括：（1）排版合理，該用表格的時(shí)候不要吝嗇；（2）字體大小適中，符合用戶閱讀習(xí)慣；（3）文章中字體顏色不宜過(guò)多；（4）文章正文內(nèi)容中盡量不要穿插廣告；（5）頁(yè)面的第一屏中盡量包括用戶所需要的內(nèi)容，不要讓用戶去猜；（6）頁(yè)面廣告不宜過(guò)多，廣告和文章內(nèi)容一定要區(qū)分開；（7）文章中盡量添加圖片和視頻幫助用戶理解。（8）頁(yè)面中不要含有大量彈窗，包括廣告和咨詢窗口。特別是某些網(wǎng)站的在線咨詢窗口，關(guān)掉之后間隔幾分鐘又彈出來(lái)，這會(huì)令用戶特別反感。7.3H標(biāo)簽7.3.1H標(biāo)簽的概念 HTML語(yǔ)言里一共有六種大小不同的H標(biāo)簽，是網(wǎng)頁(yè)HTML中對(duì)文本標(biāo)題所進(jìn)行的著重強(qiáng)調(diào)的一種標(biāo)簽，以標(biāo)簽<H1>、<H2>、<H3>到<H6>定義標(biāo)題頭的六個(gè)不同文字大小的標(biāo)題,H1定義最大的標(biāo)題。H6定義最小的標(biāo)題。 H標(biāo)簽是成對(duì)出現(xiàn)的，以<H>開始，以</H>結(jié)束。H1，H2，H3，H4，H5，H6作為標(biāo)題標(biāo)簽，并且依據(jù)重要性遞減。遵循這樣的原則是很有必要的，它能讓頁(yè)面的層級(jí)關(guān)系更清楚，讓搜索引擎更好地抓取和分析出頁(yè)面的主題內(nèi)容等。H標(biāo)簽的使用格式如下：<h1>這是一個(gè)標(biāo)題</h1><h2>這是一個(gè)標(biāo)題</h2><h3>這是一個(gè)標(biāo)題</h3><h4>這是一個(gè)標(biāo)題</h4><h5>這是一個(gè)標(biāo)題</h5><h6>這是一個(gè)標(biāo)題</h6>實(shí)際效果如圖7-3所示：圖7-3H標(biāo)簽顯示效果7.3.2H標(biāo)簽的應(yīng)用 H標(biāo)簽主要用于文章正文中的標(biāo)題，通常認(rèn)為H標(biāo)簽的重要性僅次于頁(yè)面Title標(biāo)簽。一般來(lái)說(shuō)，如果一篇文章只有一個(gè)標(biāo)題，我們應(yīng)該使用H1標(biāo)簽；如果文章中出現(xiàn)了小標(biāo)題，我們可以用H2標(biāo)簽；如果還有更小的標(biāo)題，我們可以使用H3標(biāo)簽。

H3以后的標(biāo)簽沒有太大意義。無(wú)論是H1、H2還是H3，定義的標(biāo)題中一定要包含頁(yè)面關(guān)鍵詞或輔助關(guān)鍵詞，一般情況下H1標(biāo)簽定義的標(biāo)題包含最主要的關(guān)鍵詞，H2、H3定義的標(biāo)題中可以包含輔助關(guān)鍵詞。一般情況下，一篇文章H1標(biāo)簽只出現(xiàn)一次，不要在頁(yè)面中濫用，多次使用H1標(biāo)簽反而使搜索引擎無(wú)法抓住頁(yè)面的主題，如果將整篇文章全部加入H標(biāo)簽中，和完全沒用H標(biāo)簽一樣，有的時(shí)候還會(huì)適得其反。7.4圖片優(yōu)化7.4.1圖片alt文字

圖片alt文字指的是當(dāng)圖片因?yàn)楦鞣N原因?qū)е聼o(wú)法加載的時(shí)候在圖片區(qū)域的左上角顯示的文字內(nèi)容，代碼格式如下:<imgsrc="/images/logo.png"alt="李春SEO博客">或者<imgsrc="/images/logo.png"alt="李春SEO博客">當(dāng)把圖片做成一個(gè)鏈接的時(shí)候，圖片中的alt文本就變成了鏈接的錨文本，所以在網(wǎng)站頁(yè)面左上角的logo中添加alt，alt中應(yīng)該包括頁(yè)面欲優(yōu)化的關(guān)鍵詞。alt文本中的內(nèi)容不建議直接添加幾個(gè)關(guān)鍵詞的羅列，建議書寫一個(gè)短句來(lái)描述此圖片。圖片中還有一個(gè)title屬性，它的主要作用是當(dāng)鼠標(biāo)箭頭指向圖片區(qū)域時(shí)，在鼠標(biāo)箭頭的右下角顯示title屬性中的內(nèi)容，個(gè)別瀏覽器將這兩個(gè)標(biāo)簽混為一談了，個(gè)別瀏覽器鼠標(biāo)指向圖片區(qū)域時(shí)顯示的是alt中的文字內(nèi)容。那么圖片要不要添加title屬性，SEO界沒有明確的定性，為了增加用戶體驗(yàn)，個(gè)人建議添加。格式如下：<imgsrc="/images/logo.png"alt="李春SEO博客"title="李春SEO博客-專注SEO">7.4.2圖片大小

部分站長(zhǎng)在發(fā)表文章的時(shí)候，喜歡在后臺(tái)直接添加圖片，然后使用網(wǎng)站后臺(tái)提供的文本編輯器修改圖片大小，個(gè)人不建議采用此方法，這樣的操作方法會(huì)影響頁(yè)面的打開速度，因圖片太大而使下載變慢，下載完成之后還要使用頁(yè)面重新渲染一次。如果我們需要上傳一張像素300×500大小的圖片，建議在本地將圖片大小改成像素300×500，然后再進(jìn)行上傳。7.4.3圖片搜索

許多站長(zhǎng)為網(wǎng)站中的圖片添加了水印效果，這樣做的目的有兩個(gè)：一個(gè)是防止其他站長(zhǎng)盜圖，另一個(gè)是希望用戶通過(guò)圖片搜索找到本圖片，圖片中帶有自己的網(wǎng)站名稱或者網(wǎng)址鏈接，以達(dá)到品牌宣傳的目的。

現(xiàn)在大部分搜索引擎都實(shí)現(xiàn)了整合搜索，在頁(yè)面中搜索某些內(nèi)容的時(shí)候也會(huì)出現(xiàn)圖片的搜索結(jié)果，如圖7-4所示。圖7-4圖片整合搜索結(jié)果（1）為圖片添加alt文本內(nèi)容，alt中應(yīng)包含目標(biāo)關(guān)鍵詞，準(zhǔn)確描述圖片內(nèi)容；（2）圖片所在的頁(yè)面標(biāo)題應(yīng)包含目標(biāo)關(guān)鍵詞，與圖片一致；（3）圖片周圍的文字同樣影響著搜索引擎的判斷，這里我們所說(shuō)的圖片周圍的文字指的不是視覺上的效果，指的是HTML中圖片周圍的文字內(nèi)容；（4）圖片的質(zhì)量越高，被排在前面的概率越大；（5）導(dǎo)入圖片所在頁(yè)面的錨文字會(huì)幫助搜索引擎理解此圖片的內(nèi)容。7.5精簡(jiǎn)代碼7.5.1精簡(jiǎn)代碼的好處

在網(wǎng)站的SEO基礎(chǔ)優(yōu)化當(dāng)中，對(duì)精簡(jiǎn)JS代碼和HTML代碼來(lái)說(shuō)都是一項(xiàng)比較重要的優(yōu)化技術(shù)。

代碼的精簡(jiǎn)直接影響到搜索引擎抓取網(wǎng)站的效果，因?yàn)樗阉饕娴谝徊绞紫纫ト〉氖蔷W(wǎng)站的文字內(nèi)容，在煩瑣的代碼當(dāng)中，會(huì)嚴(yán)重影響到搜索引擎抓取文字內(nèi)容的效果，經(jīng)過(guò)代碼精簡(jiǎn)之后不但可以使得網(wǎng)站的文字內(nèi)容比例提升，而且可以更好地讓搜索引擎進(jìn)行抓取。7.5.2精簡(jiǎn)代碼的地方我們可以從以下幾個(gè)地方著手來(lái)精簡(jiǎn)頁(yè)面代碼：（1）盡量使用CSS定義文字字體、顏色及頁(yè)面的排版。（2）盡量使用外部文件。（3）盡量減少網(wǎng)頁(yè)文件的大小。（4）減少或刪除注釋。（5）減少表格使用，特別是嵌套表格。7.6社會(huì)化媒體分享

7.6.1社會(huì)化媒體分

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

最新文檔

評(píng)論

0/150

提交評(píng)論