HTML 之簡介

TML 實例

<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>菜鳥教程(runoob.com)</title></head><body><h1>我的第一個標題</h1><p>我的第一個段落。</p></body></html>

實例解析

DOCTYPE 聲明了文檔類型
位于標簽 <html> 與 </html> 描述了文檔類型
位于標簽 <body> 與 </body> 為可視化網(wǎng)頁內(nèi)容
位于標簽 <h1> 與 </h1> 作為一個標題使用
位于標簽 <p> 與 </p> 作為一個段落顯示

	<!DOCTYPE html> 在HTML5中也是描述了文檔類型。

什么是HTML?

HTML 是用來描述網(wǎng)頁的一種語言。

HTML 指的是超文本標記語言: HyperText Markup Language
HTML 不是一種編程語言，而是一種標記語言
標記語言是一套標記標簽 (markup tag)
HTML 使用標記標簽來描述網(wǎng)頁
HTML 文檔包含了HTML 標簽及文本內(nèi)容
HTML文檔也叫做 web 頁面

HTML 標簽

HTML 標記標簽通常被稱為 HTML 標簽 (HTML tag)。

HTML 標簽是由尖括號包圍的關(guān)鍵詞，比如 <html>
HTML 標簽通常是成對出現(xiàn)的，比如 <b> 和 </b>
標簽對中的第一個標簽是開始標簽，第二個標簽是結(jié)束標簽
開始和結(jié)束標簽也被稱為開放標簽和閉合標簽

<標簽>內(nèi)容</標簽>

HTML 元素

"HTML 標簽" 和 "HTML 元素" 通常都是描述同樣的意思.

但是嚴格來講, 一個 HTML 元素包含了開始標簽與結(jié)束標簽，如下實例:

HTML 元素:

<p>這是一個段落。</p>

Web 瀏覽器

Web瀏覽器（如谷歌瀏覽器，Internet Explorer，F(xiàn)irefox，Safari）是用于讀取HTML文件，并將其作為網(wǎng)頁顯示。

瀏覽器并不是直接顯示的HTML標簽，但可以使用標簽來決定如何展現(xiàn)HTML頁面的內(nèi)容給用戶：

HTML 網(wǎng)頁結(jié)構(gòu)

下面是一個可視化的HTML頁面結(jié)構(gòu)：

<html>

<head>

</head>

<body>

<h1>這是一個標題</h1>

<p>這是一個段落。</p>

<p>這是另外一個段落。</p>

</body>

</html>

	只有 <body> 區(qū)域 (白色部分) 才會在瀏覽器中顯示。

HTML版本

從初期的網(wǎng)絡(luò)誕生后，已經(jīng)出現(xiàn)了許多HTML版本:

版本	發(fā)布時間
HTML	1991
HTML+	1993
HTML 2.0	1995
HTML 3.2	1997
HTML 4.01	1999
XHTML 1.0	2000
HTML5	2012
XHTML5	2013

<!DOCTYPE> 聲明

<!DOCTYPE>聲明有助于瀏覽器中正確顯示網(wǎng)頁。

網(wǎng)絡(luò)上有很多不同的文件，如果能夠正確聲明HTML的版本，瀏覽器就能正確顯示網(wǎng)頁內(nèi)容。

doctype 聲明是不區(qū)分大小寫的，以下方式均可：

<!DOCTYPE html>

<!DOCTYPE HTML>

<!doctype html>

<!Doctype Html>

通用聲明

HTML5

<!DOCTYPE html>

HTML 4.01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

XHTML 1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

查看完整網(wǎng)頁聲明類型 DOCTYPE 參考手冊。

中文編碼

目前在大部分瀏覽器中，直接輸出中文會出現(xiàn)中文亂碼的情況，這時候我們就需要在頭部將字符聲明為 UTF-8。

HTML 實例

<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>頁面標題</title></head><body><h1>我的第一個標題</h1><p>我的第一個段落。</p></body></html>

如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！

置網(wǎng)站關(guān)鍵詞的方法看似很簡單，但實際上設(shè)置好還是很難的一件事情，就拿我的SEO博客的標題，一個20多字的標題就能覆蓋上百個關(guān)鍵詞，這種效果和方法你會嗎？

關(guān)鍵詞是SEO的根，是開展一切SEO工作的源頭。而網(wǎng)站是承載關(guān)鍵詞的載體。我們將關(guān)鍵詞與網(wǎng)站中的不同網(wǎng)頁融合。從而被搜索引擎收錄，參與排名。最終我們獲得了通過我們的SEO技術(shù)拿到的搜索引擎來源流量，也就是SEO流量。

但設(shè)置網(wǎng)站關(guān)鍵詞的方法表面來看是簡單的，但實際上這里面大有學問，下面趙彥剛一起來看下網(wǎng)站設(shè)置關(guān)鍵詞的方法。

網(wǎng)站都可以在哪里設(shè)置關(guān)鍵詞？

設(shè)置關(guān)鍵詞，我們要先說meta標簽的keywords。這個標簽是在html代碼中的head部分。這個標簽的作用就是用來設(shè)置關(guān)鍵詞的。寫法如下示例：

<html lang="zh-CN">
<head>
 <meta name="keywords" content="SEO,SEO培訓,SEO教程,SEO顧問,SEO博客,SEO技術(shù),趙彥剛博客" />
</head>
</html>

如上，紅色字體部分就是寫關(guān)鍵詞的位置，中間用英文的逗號隔開，設(shè)置的數(shù)量建議在3～5個，不宜過多。

下面要說的就是網(wǎng)頁其他能出現(xiàn)文本的地方，其實關(guān)鍵詞也是文字，我們在任何可以寫文字的地方都可以設(shè)置關(guān)鍵詞。比如：

html代碼head標簽包含的title標簽。這個是搜索引擎展示的標題位置，在這里設(shè)置，是最為重要的，可以說是寸土寸金的位置。設(shè)置的邏輯中，越重要的關(guān)鍵詞越要靠左展示。標題應(yīng)該連貫，不能有堆砌關(guān)鍵詞的行為。
另外就是描述，head標簽包含的meta標簽的description屬性，這里的設(shè)置是展示在搜索引擎搜索結(jié)果中的描述文字，字數(shù)建議80個漢字。出現(xiàn)關(guān)鍵詞后雖然對排名本身沒有幫助，但用戶搜索的關(guān)鍵詞如果在描述中有的話會被搜索引擎標記為紅色。這樣吸引用戶眼球，獲得更多的點擊。
網(wǎng)站內(nèi)所有的標題也是可以出現(xiàn)關(guān)鍵詞的，比如我的關(guān)鍵詞是SEO培訓，我的一個課程介紹頁面有幾個大的板塊，分別為課程介紹、課程評價、課程概括、授課講師。我完全可以改寫為：SEO培訓課程介紹，SEO培訓課程評價、SEO培訓概括、SEO授課培訓講師。意思本沒有變化，我只是把你的簡化詞匯變得更加的具體。這樣做不存在過度優(yōu)化的問題。但你不能在正文中也真么做。
正文，就是我們的文章、大段文字的描述內(nèi)容中。這里面不建議刻意的出現(xiàn)關(guān)鍵詞，按照本意適當書寫，這里最好忘記你是SEO，只記得自己是個編輯，再寫一篇能夠解決用戶需求的文章即可。
列表頁中，我們要是想突出關(guān)鍵詞的話，可以增設(shè)一個新的板塊叫：“xx頁面介紹”。例如我的tag標簽列表頁，我就可以增加一個區(qū)塊來介紹這個頁面是干嘛的。一大段介紹文字，從能出現(xiàn)一兩個關(guān)鍵詞吧？

關(guān)于關(guān)鍵詞的完全匹配和模糊匹配

你給同一個網(wǎng)頁設(shè)置的關(guān)鍵詞可能會很多，例如我的SEO博客首頁，我的標題是這么這是的：

SEO培訓教程-SEO技術(shù)視頻課程-網(wǎng)站優(yōu)化顧問服務(wù)-趙彥剛博客

這個標題中，涵蓋的關(guān)鍵詞就很多：SEO、SEO培訓、SEO培訓教程、SEO教程、SEO技術(shù)、SEO培訓視頻、SEO培訓課程、SEO技術(shù)培訓、網(wǎng)站優(yōu)化、SEO優(yōu)化、SEO顧問、SEO顧問服務(wù)、SEO服務(wù)。。。。通過完全匹配和模糊匹配我能寫出上百個來，那這就是寫標題的技巧。

標題本身不顯的那么生硬，但又能融入很多的關(guān)鍵詞。如果首頁權(quán)重達到一定成都的話，光著一個首頁獲得的流量就相當?shù)捏@人。

那我這樣的標題是怎么想出來的呢？有什么邏輯規(guī)則嗎？答案是有的。其實很簡單，你先把一個網(wǎng)頁想設(shè)置的關(guān)鍵詞全都列出來，然后將意思相近的組合成一個詞語。幾個詞語組合之后一定會出現(xiàn)重復(fù)的詞組，然后看幾個詞語中，哪個詞語中可以刪除這個重復(fù)的詞組。

舉個例子，我在想我這個標題時，第一個詞組：“SEO培訓視頻教程”和“SEO技術(shù)視頻課程”就重復(fù)了“視頻這個詞組”。所以我綜合考慮下，將第一個詞語中的視頻刪除了。

站內(nèi)的邏輯也是一樣的，關(guān)鍵詞不一定要完全的匹配，因為搜索引擎本身處理文本時還是會把你這些詞語拆分的。所以保證但個詞組的出現(xiàn)就不錯。

著互聯(lián)網(wǎng)的不斷發(fā)展，搜索引擎的算法也在不斷的更新，搜索引擎越來越重視網(wǎng)站的用戶體驗度了，尤其是網(wǎng)站關(guān)鍵詞布局的情況，這會影響網(wǎng)站的排名。

合理的關(guān)鍵詞布局可以提升網(wǎng)站的相關(guān)性，并且有利于搜索引擎蜘蛛抓取網(wǎng)站的核心，從而也能提升網(wǎng)站權(quán)重。

那么，網(wǎng)站關(guān)鍵詞如何布局，它對SEO排名的作用很大嗎？

1、核心關(guān)鍵詞布局在網(wǎng)站首頁

很多SEO新手會把大量的關(guān)鍵詞分布在網(wǎng)站的TDK中，這樣做不僅沒有太大的效果，

而且搜索引擎從目前來看，并不是特別在乎keyword這個標簽，對于描述標簽如title標簽，還是頗為看重。

在做網(wǎng)站首頁關(guān)鍵詞布局的時候，一定要選擇核心關(guān)鍵詞，這樣可以保證網(wǎng)站首頁可能會得到有效的排名，獲得一些高指數(shù)搜索量的關(guān)鍵詞排名，同時，我們需要注意，避免關(guān)鍵詞過度的堆積，不要進行簡單的羅列。

最好是可以利用一句話的形式，進行有效的描述，通常而言，我們建議盡量讓核心關(guān)鍵詞出現(xiàn)在標題的最左側(cè)。

而描述中的關(guān)鍵詞只要讓語句讀起來清晰、自然合理就可以了，最好也可以布局一些相關(guān)關(guān)鍵詞。

2、欄目中布局關(guān)鍵詞

對于網(wǎng)站欄目中關(guān)鍵詞的布局，我們經(jīng)常會考慮一個企業(yè)特別容易犯的錯誤，那就是你的欄目關(guān)鍵詞，同樣出現(xiàn)在首頁關(guān)鍵詞。

這就造成首頁排名與欄目排名，實際上是存在一個沖突的過程，而產(chǎn)生站內(nèi)競爭，這大大浪費自己站內(nèi)資源的利用。

因此，我們在做關(guān)鍵詞布局的時候，盡量要讓首頁的核心詞和欄目列表頁的關(guān)鍵詞，有一定的區(qū)分。

3、文章內(nèi)布局關(guān)鍵詞

早期，我們在做文章關(guān)鍵詞布局的時候，經(jīng)常會強調(diào)一個名詞：五處一詞，而隨著機器算法的不斷提高。

我們在做頁面關(guān)鍵詞布局的時候，不管是要看這個關(guān)鍵詞的密度，還是需要看這個文章內(nèi)容，與特定目標關(guān)鍵詞，是否存在較高的相關(guān)性。

我們應(yīng)該不斷的優(yōu)化一個頁面的相關(guān)關(guān)鍵詞，是的文章頁面，更加具有主題性，這樣我們獲得的搜索引擎預(yù)期排名，可能就會相對靠前。

4、TAG標簽關(guān)鍵詞

在很長一段時間內(nèi)，有很多企業(yè)網(wǎng)站運營人員，并不專注于TAG標簽的關(guān)鍵詞匹配，而卻采用大量這樣的標簽。

這很明顯是一個嚴重資源的浪費，通常我們建議使用長尾關(guān)鍵詞來布局聚合頁面的關(guān)鍵詞，這樣我們就可以快速的的關(guān)鍵詞的排名展現(xiàn)。

5、HTML版網(wǎng)站地圖

這是一個經(jīng)常被忽略的問題，實際上對于大型網(wǎng)站而言，對方經(jīng)常會建立HTML版本的網(wǎng)站地圖，它理論上是可以參與到網(wǎng)站排名的過程中。

這個時候，我們就有必要給這個頁面做一個相關(guān)性的關(guān)鍵詞布局，通常我們會選擇一些競爭度適中的詞，做這樣的頁面。

總之，網(wǎng)站關(guān)鍵詞分布一定要合理，這樣才有利于網(wǎng)站的未來發(fā)展，而上述內(nèi)容，僅供參考！

在線咨詢

上一篇：眼前一亮！這款Snapchat力推的社交小游戲真有趣
下一篇：Dust Generator-逼真粒子粉塵漂浮生成器Blender插件

您的項目需求

*請認真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。

整合營銷服務(wù)商

HTML 之簡介

那么，網(wǎng)站關(guān)鍵詞如何布局，它對SEO排名的作用很大嗎？

您的項目需求