首頁 web前端 html教學 一個網站的head和body是如何進行最佳化的

一個網站的head和body是如何進行最佳化的

Oct 19, 2016 am 10:19 AM

我們知道任何一個網站都要被解析成html後,瀏覽器才能識別,換句話說,用任何一門技術做的網站,都是被瀏覽器解析成為html。因此我們必須懂得,一個html頁面由三個部分組成,那就是html的開始標籤和結束標籤,head的開始標籤和結束標籤,body的開始標籤與結束標籤。

 

 

我們知道任何一個網站都要被解析成html後,瀏覽器才能識別,換句話說,用任何一門技術做的網站,都是被瀏覽器解析成為html。因此我們必須懂得,一個html頁面由三個部分組成,那就是html的開始標籤和結束標籤,head的開始標籤和結束標籤,body的開始標籤與結束標籤。對於html的開始標籤和結事標籤同沒什麼好講的,以下我們來談談head和body這兩方面的知識:

一、Head優化:

Head部分是搜尋引擎最先讀取的部分,在seo中有著舉足輕重的作用,特別是title和description那作用更是不言而喻,這一部分主要注重Meta標籤優化。

META我們關注最多的有三個“Title、Keywords、Description”,還有不是太常用的“Subject、Author、Copyright”。在確定好關鍵字後,如何來安排關鍵字分佈在這三個標籤中其實是很有講究的。不誇張的說,起初我個人研究這三個標籤花了將近半年的時間,接下來我就把這半年的一些經驗毫無保留的分享給大家。

1、Title

Title也類似一句Description。 Title的描寫通常需要注意四點:

(1)不要堆砌太多關鍵字

(2)標​​題不宜過長,控制在30個中文吧

(3)長尾關鍵字的融合

(4)關鍵字之間的切分使用符號“|”或“,”即可。

在做Title時,一定要注重寫作技巧,關鍵字要寫到位,但同時也不要堆砌,同時也注重有新意。

2、 Keywords

Keywords標籤目前來說Yahoo比較注重,百度和Google的話已經漸漸失去重視,當然,我們誰也不知道什麼時候它們又注重了 ,所以Keywords有必要寫,怎麼寫?一般我在寫的時候我只寫幾個核心的關鍵字,使用英文逗號的形式分開,盡量使得Keywords簡練就好,也沒有什麼特別的技巧。

3、Description

Description常常是我們版面網站關鍵字和長尾關鍵字的地方,Description算是比較重要的標籤?我們敢肯定的是Google說是,百度呢?說到百度對於Description的抓取,目前有很多網站在百度搜尋結果的描述資訊當中並不是顯示自己所寫的Description,而是顯示了網站頂部的某一部分內容作為描述。有人說了:“這是百度認為被抓取到的內容更適合於描述網站本身”,也不全對,當您的網站收錄穩定後,百度還是顯示Description的。 Description和Titlle具有同等的地位,每個SEOER都對這兩方面進行大量的優化技巧,以www.enkj.com/domain/為例吧。這個頁面的關鍵字是網域名稱註冊,在Title中,已經對這個關鍵字進行了足夠多的重複,但是僅僅title這樣寫是不夠的,而用沒有對關鍵字進行詳細的解析說明,title限制的字數也不多,而Description的出現剛好解決了這個不足。

4、Subject、Author、Copyright

這三個標籤我們通常用得非常少,我們什麼時候使用這三個標籤比較適合呢?這三個標籤在一些小型企業網站當中使用較多,特別是首頁沒有太多文字內容的網站,優化起來有難度。可以起到增加關鍵字佈局和密度的作用。 Subject表示網站的主題、題目的意思,Author是作者,Copyright版權。

二、body部分的最佳化

body是一個頁面的主體,在SEO中的作用當然也是重要的,這部分的最佳化也是最難掌握的。如果你的《head》部分優化的再好,沒有body作為支持,那搜尋引擎很可能把你當成作弊,就算沒有當成作弊,也不可能給你很好的權重。這部分的優化,本人認為主要注得以下兩方面的最佳化。

(一)、關鍵字密度、版面

關鍵字佈局是SEO當中至關重要的一點,良好的關鍵字密度和佈局是排名迅速提升的一個關鍵,然而什麼樣的關鍵字密度和佈局才是比較好的?

1、 首先我們先來看看關鍵字密度

我們一開始是不是遇到很多人常說,其實關鍵字的密度多少並不要緊,只要合理就好。那我給你密度50%吧。他可能會說:「NO,NO,NO「顯然,合理是沒錯的,關鍵是密度的多少很要緊,而不是不要緊。我認為密度至少也要在3%或3%以上,要不密度顯得太低,相關性會稍微差點。高度的話控制在10%以下。

2、關鍵字版面

關鍵字的分局遵循三個原則:1、從上到下 2、由左到右 3、無所不在

關鍵字佈局我個人研究有兩種方式:

(1)均勻分佈

(2)集中+均勻分佈

如何查看一個字的關鍵字版面?在百度搜尋某個關鍵字,然後點擊百度快照就可以查看。這招叫「百度快照法」

均勻分佈:這個應該很好理解,也就是在快照當中所有關鍵字都以分散的形式出現在你網站的每個角落,而且你確保它們比較均勻,所以在描寫Meta或者文章內容的安排都要有事先有一個規劃。集中+均勻分佈:這種方式我一直沿用,效果還不錯。在均勻分佈的基礎上讓某一部分的關鍵字集中起來。例如頭部這個重要的位置。關鍵字的佈局不是隨意的,是很刻意的。

(二)、內鏈最佳化

內鏈的建設是一個枯燥的過程,而且是費力的,然而它後期帶來的排名效果是明顯、穩定的。做一次認真的優化,一定要把網站的基礎打好,即使你現在排名不好,被一些人取笑,但笑到最後的人往往笑得最甜。內鏈的建設有5個常見的方法:

1、網站導航:很多時候網站的導航往往是網站的二級關鍵字,每更新一個頁面就給這些關鍵字一個內鏈,久而久之,這樣的內鍊是有點強大的。

2、錨點關鍵字連結:例如某篇文章或某個地方提到了「伺服器」這個詞,那伺服器就可以連接到主網域http://www.enkj.com/idc/上面去, 這樣就完成錨文本的鏈接,不過不要把所有伺服器都做鏈接,做幾個就行了,太多反而讓搜尋引擎反感。

3、相關文章連結:在內容建構當中,往往文章中會提高某篇文章或某篇相關性較強的文章,在文章中出現標題連結的形式。另外就是熱門文章連結、系列文章連結、FAQ等。在內容建構當中,往往文章中會提到某篇文章。

4.網站頁腳:一般我們都是在頁腳放置版權資訊等等,有人習慣是在頁腳的地方給最核心的關鍵字一個回鏈,或者重複一次導航。記得不要把你的頁腳弄得像是在排字就可以。這是一個度數的問題。

5、網站地圖:使用XML地圖製作工具為網站製作一個XML地圖,對於蜘蛛的爬行抓取和搜尋引擎的收錄有明顯改善,這點在未來顯得比較重要。

如果能掌握以上的每一個細節,那你的SEO技術已經到家了,SEO注重的是細節,做SEO時更多還是要有耐性。

 

轉載網址:http://www.enkj.com/idcnews/Article/20130726/735 

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

熱門話題

Java教學
1658
14
CakePHP 教程
1415
52
Laravel 教程
1309
25
PHP教程
1257
29
C# 教程
1231
24
HTML容易為初學者學習嗎? HTML容易為初學者學習嗎? Apr 07, 2025 am 12:11 AM

HTML適合初學者學習,因為它簡單易學且能快速看到成果。 1)HTML的學習曲線平緩,易於上手。 2)只需掌握基本標籤即可開始創建網頁。 3)靈活性高,可與CSS和JavaScript結合使用。 4)豐富的學習資源和現代工具支持學習過程。

了解HTML,CSS和JavaScript:初學者指南 了解HTML,CSS和JavaScript:初學者指南 Apr 12, 2025 am 12:02 AM

WebDevelovermentReliesonHtml,CSS和JavaScript:1)HTMLStructuresContent,2)CSSStyleSIT和3)JavaScriptAddSstractivity,形成thebasisofmodernWebemodernWebExexperiences。

HTML,CSS和JavaScript的角色:核心職責 HTML,CSS和JavaScript的角色:核心職責 Apr 08, 2025 pm 07:05 PM

HTML定義網頁結構,CSS負責樣式和佈局,JavaScript賦予動態交互。三者在網頁開發中各司其職,共同構建豐富多彩的網站。

HTML中起始標籤的示例是什麼? HTML中起始標籤的示例是什麼? Apr 06, 2025 am 12:04 AM

AnexampleOfAstartingTaginHtmlis,beginSaparagraph.startingTagSareEssentialInhtmlastheyInitiateEllements,defiteTheeTheErtypes,andarecrucialforsstructuringwebpages wepages webpages andConstructingthedom。

HTML,CSS和JavaScript:Web開發人員的基本工具 HTML,CSS和JavaScript:Web開發人員的基本工具 Apr 09, 2025 am 12:12 AM

HTML、CSS和JavaScript是Web開發的三大支柱。 1.HTML定義網頁結構,使用標籤如、等。 2.CSS控製網頁樣式,使用選擇器和屬性如color、font-size等。 3.JavaScript實現動態效果和交互,通過事件監聽和DOM操作。

HTML:結構,CSS:樣式,JavaScript:行為 HTML:結構,CSS:樣式,JavaScript:行為 Apr 18, 2025 am 12:09 AM

HTML、CSS和JavaScript在Web開發中的作用分別是:1.HTML定義網頁結構,2.CSS控製網頁樣式,3.JavaScript添加動態行為。它們共同構建了現代網站的框架、美觀和交互性。

HTML的未來:網絡設計的發展和趨勢 HTML的未來:網絡設計的發展和趨勢 Apr 17, 2025 am 12:12 AM

HTML的未來充滿了無限可能。 1)新功能和標準將包括更多的語義化標籤和WebComponents的普及。 2)網頁設計趨勢將繼續向響應式和無障礙設計發展。 3)性能優化將通過響應式圖片加載和延遲加載技術提升用戶體驗。

HTML,CSS和JavaScript的未來:網絡開發趨勢 HTML,CSS和JavaScript的未來:網絡開發趨勢 Apr 19, 2025 am 12:02 AM

HTML的未來趨勢是語義化和Web組件,CSS的未來趨勢是CSS-in-JS和CSSHoudini,JavaScript的未來趨勢是WebAssembly和Serverless。 1.HTML的語義化提高可訪問性和SEO效果,Web組件提升開發效率但需注意瀏覽器兼容性。 2.CSS-in-JS增強樣式管理靈活性但可能增大文件體積,CSSHoudini允許直接操作CSS渲染。 3.WebAssembly優化瀏覽器應用性能但學習曲線陡,Serverless簡化開發但需優化冷啟動問題。

See all articles