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

下載本文檔

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

文檔簡介

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

主編徐紅楊學(xué)彬

副主編第7章

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

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

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

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

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

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

關(guān)鍵詞標(biāo)簽是三元素當(dāng)中用處最小的一個標(biāo)簽，關(guān)鍵詞標(biāo)簽看似與SEO相關(guān)，但是以目前的實(shí)際情況來看，對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)鍵詞不宜過多，一般3～5個為最佳，寧缺毋濫；（2）關(guān)鍵詞之間用半角模式下的“,”隔開；（3）關(guān)鍵詞不要出現(xiàn)堆砌現(xiàn)象。7.1.3描述標(biāo)簽

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

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

互聯(lián)網(wǎng)中很多cms系統(tǒng)設(shè)置的描述是自動讀取文章正文前80個左右的字，所以我們在文章前兩句話中融入關(guān)鍵詞，搜索引擎結(jié)果頁面標(biāo)題下方同樣會出現(xiàn)關(guān)鍵詞，達(dá)到高亮展示、吸引用戶點(diǎn)擊的目的。7.2.3關(guān)鍵詞組的組合與拆分

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

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

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

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

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

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

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

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

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

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

7.6.1社會化媒體分

溫馨提示

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

最新文檔

評論

0/150

提交評論