揭秘爬蟲(chóng)黑科技：HTML Title標(biāo)簽內(nèi)容提取，輕

揭秘爬蟲(chóng)黑科技：HTML Title標(biāo)簽內(nèi)容提取，輕松上手！

一天，老板不滿地說(shuō)：“喂，你這C#爬蟲(chóng)怎么連標(biāo)題都沒(méi)給我抓回來(lái)？我需要的是一份完整的報(bào)告，包括所有網(wǎng)頁(yè)的標(biāo)題，趕緊給我重新抓一遍！”那一刻，我仿佛看到了老板眼中閃爍的怒火，感受到了他對(duì)我工作的失望。

我仿佛看到了老板眼中閃爍的怒火，就像是火山即將爆發(fā)前的預(yù)兆。我心里咯噔一下，知道這次可能玩大了。

我趕緊賠著笑臉說(shuō)：“老板，真不好意思，這次是我的失誤。我馬上就去給您抓回那些‘逃跑’的標(biāo)題！”

其實(shí)我心里暗笑，因?yàn)槟切?biāo)題我早就抓回來(lái)了，只是故意沒(méi)展示出來(lái)。這可是職場(chǎng)生存法則啊，不能一次交出所有秘密，得留點(diǎn)懸念，讓老板對(duì)你始終保持期待和好奇。你覺(jué)得這樣做對(duì)嗎？歡迎討論，哈哈！

代碼其實(shí)很簡(jiǎn)單:

// 使用XPath查詢獲取title標(biāo)簽
HtmlNode titleNode=doc.DocumentNode.SelectSingleNode("//title");

//這行代碼是使用C#的HtmlAgilityPack庫(kù)來(lái)從HTML文檔中提取<title>標(biāo)簽的內(nèi)容。
//目的是從doc表示的HTML文檔中選擇第一個(gè)<title>標(biāo)簽，并將這個(gè)標(biāo)簽的節(jié)點(diǎn)對(duì)象賦值給titleNode變量。

如果要獲取<title>標(biāo)簽中的文本內(nèi)容，這樣寫(xiě)：
string titleText=titleNode?.InnerText;
這里，?.是一個(gè)null條件運(yùn)算符，如果titleNode為null（也就是說(shuō)沒(méi)有找到<title>標(biāo)簽），
則titleText會(huì)被賦值為null，否則，它會(huì)被賦值為<title>標(biāo)簽中的文本內(nèi)容。

這個(gè)代碼是怎么使用的呢？下面我解釋下實(shí)現(xiàn)過(guò)程:

        static string? ParseTitleData(string htmlContent)
        {
            if (string.IsNullOrEmpty(htmlContent))
            {
                return null;
            }
            HtmlDocument doc=new HtmlDocument();
            doc.LoadHtml(htmlContent);
            // 使用XPath查詢獲取title標(biāo)簽
            HtmlNode titleNode=doc.DocumentNode.SelectSingleNode("//title");
            if (titleNode !=null)
            {
                // 獲取title節(jié)點(diǎn)的文本內(nèi)容
                string titleText=titleNode.InnerText.Trim();
                return "頁(yè)面標(biāo)題: " + titleText;
            }
            else
            {
                // 如果沒(méi)有找到title標(biāo)簽，返回null
                return null;
            }
        }

//這段代碼定義了一個(gè)名為 ParseTitleData 的靜態(tài)方法，
//它接受一個(gè) htmlContent 字符串作為輸入，并試圖從中解析出網(wǎng)頁(yè)的標(biāo)題。
//該方法使用 HtmlAgilityPack 庫(kù)來(lái)解析 HTML 內(nèi)容。

是不是很簡(jiǎn)單？這個(gè)方法的目的是從給定的 HTML 內(nèi)容中提取網(wǎng)頁(yè)的標(biāo)題。如果成功找到標(biāo)題，它會(huì)返回一個(gè)包含 "頁(yè)面標(biāo)題: " 和實(shí)際標(biāo)題的字符串。如果 HTML 內(nèi)容為空、null 或不包含 <title> 標(biāo)簽，它會(huì)返回 null。

看效果：

完整代碼是包括如何異步獲取網(wǎng)頁(yè)內(nèi)容的。如果有朋友需要的話，請(qǐng)關(guān)注我并留言，今天就寫(xiě)到這吧，太晚了，休息啦！

么是標(biāo)題標(biāo)簽(Title Tag)?

標(biāo)題標(biāo)簽是指定網(wǎng)頁(yè)標(biāo)題的HTML元素。標(biāo)題標(biāo)簽顯示在搜尋引擎結(jié)果頁(yè)面（SERP）上，做為特定結(jié)果的可點(diǎn)擊標(biāo)題，對(duì)可用性，搜尋引擎優(yōu)化和社交分享非常重要。網(wǎng)頁(yè)的標(biāo)題標(biāo)簽是對(duì)網(wǎng)頁(yè)內(nèi)容的準(zhǔn)確和簡(jiǎn)潔的描述。

在下面輸入您的標(biāo)題，看看它會(huì)在Google的搜索結(jié)果中顯示。

程式碼范例

<head> <title>Example Title</title> </head>

最佳格式

主要關(guān)鍵字- 次要關(guān)鍵字| 品牌名稱- 分類名稱- 主項(xiàng)目名稱

最佳的標(biāo)題長(zhǎng)度

Google通常顯示標(biāo)題標(biāo)簽的前50-60個(gè)字符。如果您的標(biāo)題保留在60個(gè)字符以內(nèi)，我們的研究表明，您可以預(yù)期大約90％的標(biāo)題能正確顯示。沒(méi)有確切的字符限制，因?yàn)樽址麑挾瓤赡懿煌珿oogle的顯示標(biāo)題最大（當(dāng)前）為600像素。

標(biāo)題標(biāo)簽為什么重要？

標(biāo)題標(biāo)簽是幫助搜尋引擎了解你的網(wǎng)頁(yè)的最主要因素，也是許多人對(duì)你網(wǎng)頁(yè)的第一印象。標(biāo)題標(biāo)簽用于三個(gè)關(guān)鍵位置：

（1）搜尋引擎結(jié)果頁(yè)面（SERP）
（2）網(wǎng)頁(yè)瀏覽器
（3）社群網(wǎng)絡(luò)。

1.搜尋引擎結(jié)果頁(yè)面（SERP）

您的標(biāo)題標(biāo)簽決定了您在SERP中的顯示標(biāo)題（有幾個(gè)例外），也是搜索訪問(wèn)者對(duì)您網(wǎng)站的首次體驗(yàn)。即使您目前的網(wǎng)站排名不錯(cuò)，一個(gè)好的標(biāo)題也是決定是否有人點(diǎn)擊您的連結(jié)的主要因素。

2. 網(wǎng)頁(yè)瀏覽器

您的標(biāo)題標(biāo)簽也會(huì)顯示在您的網(wǎng)站瀏覽器的頂端，并且占用空間，尤其是習(xí)慣在瀏覽器打開(kāi)許網(wǎng)站的瀏覽這來(lái)說(shuō)。獨(dú)特和容易識(shí)別的標(biāo)題與前面放置最重要關(guān)鍵字是有助于確保人們不會(huì)失去對(duì)網(wǎng)頁(yè)內(nèi)容的追蹤。

3. 社群網(wǎng)路

一些外部網(wǎng)站（尤其是社群網(wǎng)路）會(huì)使用您的標(biāo)題標(biāo)簽來(lái)確定共享該網(wǎng)頁(yè)時(shí)顯示的內(nèi)容。請(qǐng)記住，某些社群網(wǎng)路（包括Facebook和Twitter）有自己的標(biāo)記方式，允許您指定與主標(biāo)題標(biāo)記不同的標(biāo)題。這可以讓您針對(duì)每個(gè)網(wǎng)站進(jìn)行優(yōu)化，并在可能有用的地方提供完整的標(biāo)題。

我如何寫(xiě)一個(gè)好的標(biāo)題標(biāo)簽？

因?yàn)闃?biāo)題標(biāo)簽是SEO和搜尋用戶體驗(yàn)(UX)的重要組成部分，所以有效地撰寫(xiě)標(biāo)簽是一個(gè)高質(zhì)量，低成本，高影響力的SEO任務(wù)。以下是執(zhí)行SEO標(biāo)題標(biāo)簽的重要建議：

1. 檢視標(biāo)題長(zhǎng)度

如果您的標(biāo)題太長(zhǎng)，搜尋引擎可能會(huì)以省略號(hào)（“...”）截?cái)鄻?biāo)題，有可能會(huì)忽略掉重要文字，雖然建議保留標(biāo)題長(zhǎng)度不超過(guò)60個(gè)字符，但真正的文字范圍是會(huì)復(fù)雜一點(diǎn)。即使在合理的長(zhǎng)度限制內(nèi)，搜尋引擎可能會(huì)選擇顯示與您在標(biāo)題標(biāo)簽中提供的標(biāo)題不同的標(biāo)題。例如，Google可能會(huì)將您的品牌附加到標(biāo)題上。

在某些情況下，較長(zhǎng)的標(biāo)題可能更適合社群分享，對(duì)于有些標(biāo)題也是比較自然的，長(zhǎng)標(biāo)題在搜尋結(jié)果中的顯示方式是比較好的，并且使用長(zhǎng)標(biāo)題不會(huì)有任何處罰，使用自己的判斷方式，并且如同一個(gè)查詢者一樣去思考。

2. 不過(guò)度使用關(guān)鍵字

雖然Google的演算法沒(méi)有對(duì)長(zhǎng)標(biāo)題進(jìn)行懲罰，但是如果在標(biāo)題中重復(fù)填入關(guān)鍵字而造成的瀏覽者體驗(yàn)不佳，您還是可能會(huì)被逞罰，例如：

購(gòu)買(mǎi)小工具，最好的小工具，便宜的小工具，出售小工具

避免標(biāo)題多次使用關(guān)鍵字或重復(fù)使用關(guān)鍵字變化，因?yàn)檫@些標(biāo)題對(duì)瀏覽者不適合的，可能會(huì)讓您在搜尋引擎中遇到麻煩。搜索引擎是可以解析關(guān)鍵字變體的，但是將每個(gè)關(guān)鍵字填入到標(biāo)題中是不必要的也是適得其反的。

3. 讓每個(gè)頁(yè)面有個(gè)獨(dú)特的標(biāo)題

獨(dú)特的標(biāo)題可幫助搜索引擎了解您的內(nèi)容是獨(dú)一無(wú)二且有價(jià)值的，同時(shí)還能提高點(diǎn)擊率。在數(shù)百或數(shù)千頁(yè)的規(guī)模上，似乎不可能為每個(gè)頁(yè)面創(chuàng)建一個(gè)獨(dú)特的標(biāo)題，但現(xiàn)代內(nèi)容管理系統(tǒng)【CMS】和使用程式碼的模組，應(yīng)該允許至少為每個(gè)頁(yè)面或是幾乎每個(gè)重要頁(yè)面寫(xiě)入獨(dú)特標(biāo)題，例如如果您有成千上萬(wàn)的產(chǎn)品網(wǎng)頁(yè)和產(chǎn)品名稱和的類別的資料，可以使用該資料輕松生成如下的標(biāo)題：

[產(chǎn)品名稱] - [產(chǎn)品類別] | [品牌]

4. 首先放置重要的關(guān)鍵字

根據(jù)經(jīng)驗(yàn)，接近標(biāo)題標(biāo)簽開(kāi)頭的關(guān)鍵字可能會(huì)對(duì)搜尋排名產(chǎn)生更大的影響。另外，用戶體驗(yàn)研究表明，人們可以掃描標(biāo)題的前兩個(gè)字。這就是為什么我們建議網(wǎng)頁(yè)最獨(dú)特的部分（例如產(chǎn)品名稱）需要先出現(xiàn)標(biāo)題在標(biāo)題前，必須避免像這樣的標(biāo)題：

品牌|主要產(chǎn)品類別- 次要產(chǎn)品類別- 產(chǎn)品名稱

5.利用品牌優(yōu)勢(shì)

如果您擁有強(qiáng)大的知名品牌，那么將其添加到您的標(biāo)題中可能有助于提高點(diǎn)擊率，不過(guò)我們通常還是建議把品牌放在標(biāo)題的末尾，但有些情況下（比如您的首頁(yè)或關(guān)于公司的頁(yè)面）您可能希望更注重品牌，如前所述，Google可能會(huì)將您的品牌自動(dòng)附加到您的顯示標(biāo)題上，所以需要注意您的搜索結(jié)果當(dāng)前的顯示方式。

6.為您的顧客撰寫(xiě)

盡管標(biāo)題標(biāo)簽對(duì)SEO非常重要，但請(qǐng)記住，您的主要工作是吸引具有針對(duì)性的訪問(wèn)者的點(diǎn)擊，這些訪客可能會(huì)發(fā)現(xiàn)您的內(nèi)容有價(jià)值。除了優(yōu)化和關(guān)鍵字用法之外，在創(chuàng)建標(biāo)題標(biāo)簽時(shí)考慮整個(gè)用戶體驗(yàn)至關(guān)重要。標(biāo)題標(biāo)簽是一個(gè)新的訪問(wèn)者與您的品牌在搜索結(jié)果中第一次互動(dòng)- 它應(yīng)該傳遞盡可能正確和準(zhǔn)確的訊息。

為什么Google不會(huì)使用我的標(biāo)題標(biāo)簽？

有時(shí)，Google可能會(huì)顯示與您的標(biāo)題標(biāo)簽不符的標(biāo)題。這可能令人沮喪，但是要強(qiáng)制他們使用你定義的標(biāo)題并不容易。發(fā)生這種情況時(shí)，有四種可能的解釋。

1.標(biāo)題為關(guān)鍵字填充構(gòu)成

如上所述，如果您嘗試使用關(guān)鍵字填充標(biāo)題（有時(shí)稱為“過(guò)度優(yōu)化”），Google可能會(huì)選擇將標(biāo)題重寫(xiě)，經(jīng)由很多因素分析后并考慮重寫(xiě)您的標(biāo)題，使得于搜尋用戶更有好處。

2.標(biāo)題與查詢結(jié)果不符合

如果您的網(wǎng)頁(yè)與標(biāo)題中沒(méi)有與搜尋查詢匹配，則Google可能會(huì)選擇重寫(xiě)您的顯示標(biāo)題，這也不一定是壞事- 沒(méi)有標(biāo)題可以匹配每一個(gè)相對(duì)應(yīng)的搜尋- 并且如果您的標(biāo)題是可以被重寫(xiě)與取代，經(jīng)由大量的搜尋后，并且考慮重寫(xiě)它，可以更好地匹配這些關(guān)鍵字搜尋結(jié)果和他們的期待。

3.有一個(gè)可替代的標(biāo)題

在某些情況下，如果您添加備用標(biāo)題程式，例如Facebook或Twitter的元標(biāo)記，Google可能會(huì)選擇使用這些標(biāo)題，同樣的，這不一定是壞事，但是如果這樣做會(huì)產(chǎn)生一個(gè)不想顯示的標(biāo)題，那么您可能需要重寫(xiě)備用標(biāo)題程式。

4.有一個(gè)舊的DMOZ列表

在極少數(shù)情況下，搜索引擎可能會(huì)從DMOZ（又名開(kāi)放目錄項(xiàng)目）中提取一個(gè)標(biāo)題。如果您在搜索中的顯示標(biāo)題與您的標(biāo)題標(biāo)簽不匹配，但與您的DMOZ列表匹配，則可以使用Robots NOODP標(biāo)簽阻止該替換，如下所示：

Title 對(duì)象

Title 對(duì)象代表了一個(gè)HTML <title> 元素。

訪問(wèn) Title 對(duì)象

你可以使用getElementsByTagName()來(lái)訪問(wèn) <title> 元素：

var x=document.getElementsByTagName("TITLE")[0];

創(chuàng)建 Title 對(duì)象

你可以使用document.createElement()函數(shù)來(lái)創(chuàng)建 <title> 元素:

var x=document.createElement("TITLE");

Title 對(duì)象屬性

屬性	Description
text	設(shè)置或返回文檔的title元素文本信息

標(biāo)準(zhǔn)屬性和事件

Title 對(duì)象支持標(biāo)準(zhǔn) 屬性和事件。

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

在線咨詢

上一篇：經(jīng)典面試題從瀏覽器輸入U(xiǎn)RL到頁(yè)面加載的過(guò)程？
下一篇：「最新」快看！年前最后一波招聘信息涉及學(xué)校、銀行、

您的項(xiàng)目需求

*請(qǐng)認(rèn)真填寫(xiě)需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。

整合營(yíng)銷服務(wù)商