我不會(huì)代碼能做SEO嗎？

這是我經(jīng)常聽到一些剛做獨(dú)立站的朋友的提問。

答案是至少要會(huì)一些簡(jiǎn)單的html標(biāo)簽，這樣會(huì)讓你的SEO事半功倍，因?yàn)樗阉饕娴闹┲肱廊〉氖莌tml代碼，你的文章寫得再生動(dòng)，再有說服力，也不及一些偽原創(chuàng)，甚至抄襲內(nèi)容的排名好，這就是人家雖然是偽原創(chuàng)東拼西湊，但是別人利用好了html標(biāo)簽，讓搜索引擎蜘蛛明白他的核心內(nèi)容和要強(qiáng)調(diào)的關(guān)鍵詞，所以搜索引擎認(rèn)為條例清晰，重點(diǎn)突出，應(yīng)該給他好的排名。

那么SEO 用得上的 HTML 標(biāo)簽有什么作用呢？

標(biāo)簽是 HTML 編碼的小片段，它告訴引擎如何正確“閱讀”您的內(nèi)容。事實(shí)上，您可以通過在 HTML 中添加 SEO 標(biāo)簽來極大地提高搜索引擎對(duì)你的內(nèi)容的理解，人腦能理解的內(nèi)容，搜索引擎的爬蟲不一定能很好理解，必須要給搜索引擎能快速讀懂的標(biāo)簽才好使。

當(dāng)搜索引擎的爬蟲遇到您的內(nèi)容時(shí)，它會(huì)查看網(wǎng)站的 HTML 標(biāo)簽。此信息可幫助 Google 等引擎確定您的內(nèi)容是關(guān)于什么以及如何對(duì)材料進(jìn)行分類。其中一些還改進(jìn)了訪問者在這些搜索引擎中查看您的內(nèi)容的方式。這是社交媒體如何使用內(nèi)容標(biāo)簽來顯示您的文章的補(bǔ)充。最后，SEO 的 HTML 標(biāo)簽將影響您的網(wǎng)站在 Internet 上的表現(xiàn)。如果你沒利用這些標(biāo)簽，您的網(wǎng)站能被展示在搜索用戶面前的幾率小得多。那么，讓我們來看看我的 SEO HTML 標(biāo)簽列表。這些是 您網(wǎng)站所需的一些最重要的元素。

1. <title>標(biāo)題標(biāo)簽

圖片來源：谷歌SEO小平

SEO 最重要的 HTML 標(biāo)簽之一可能是標(biāo)題。這是您的內(nèi)容的標(biāo)簽以及搜索如何在 Google 和 Bing 中看到您的頁面。您在搜索引擎中看到的每個(gè)結(jié)果都來自標(biāo)題標(biāo)簽。

文章標(biāo)題是否必須與標(biāo)簽匹配？不是的。但是，您要確保不會(huì)讓潛在訪問者感到困惑。

例如，使用標(biāo)題“烤雞的 10 種方法”，然后將標(biāo)題標(biāo)簽更改為：“為什么要吃雞肉”會(huì)導(dǎo)致混淆。如果搜索者正在尋找食譜怎么辦？他或她會(huì)在搜索中跳過這篇文章。

但是，使用諸如“2018 年烤雞的 10 種方法”之類的內(nèi)容與文章相關(guān)，并讓人們知道2018 年的食譜是最新的。

我的觀點(diǎn)是您的標(biāo)題標(biāo)簽對(duì) SEO 和人工搜索都非常重要。搜索引擎和類似的人在尋找特定主題時(shí)會(huì)忽略這些信息。

優(yōu)化標(biāo)題標(biāo)簽的努力是值得的。讓搜索引擎和人類在查找您的內(nèi)容時(shí)更容易。

2. meta name="description"

SEO 的另一個(gè)重要 HTML 標(biāo)簽是元描述。與標(biāo)題一樣，此信息會(huì)顯示在 Google 的搜索結(jié)果中。查看鏈接下的任何搜索。標(biāo)題下的-*文本片段通常是從描述標(biāo)簽中提取的。例如，看看這個(gè)元標(biāo)記：這是某人使用關(guān)鍵詞“高品質(zhì)自行車零件”同時(shí)強(qiáng)調(diào)業(yè)務(wù)可能在內(nèi)華達(dá)州的示例。這也是當(dāng)文章出現(xiàn)在搜索結(jié)果中時(shí) Google 會(huì)顯示的內(nèi)容。最好在標(biāo)題中使用關(guān)鍵字以及元描述標(biāo)簽。它改進(jìn)了搜索引擎列出您的內(nèi)容的方式。

3. H標(biāo)簽 (H1-H6)

標(biāo)題標(biāo)簽通常用于拆分內(nèi)容以使其更易于閱讀。實(shí)際上，大約 55% 的訪問者最多只會(huì)花15 秒瀏覽您的內(nèi)容。

標(biāo)題使這些人可以更輕松地快速找到他們要查找的內(nèi)容。

這是一個(gè)例子；如果我在這個(gè)博客上有一個(gè)只對(duì) Open Graph 標(biāo)簽感興趣的讀者怎么辦？然后他或她可以向下滾動(dòng)以找到它的標(biāo)題并獲取信息。

否則，讀者可以簡(jiǎn)單地離開頁面而根本不參與內(nèi)容。

在搜索引擎優(yōu)化方面，標(biāo)題標(biāo)簽也是搜索引擎用來幫助確定內(nèi)容片段和創(chuàng)建特色豐富片段的標(biāo)簽。

這是標(biāo)題標(biāo)簽的層次結(jié)構(gòu)：

<h1></h1> – 通常保留給網(wǎng)頁標(biāo)題，而且一個(gè)網(wǎng)頁最好只設(shè)置一個(gè)H1

<h2></h2> – 突出標(biāo)題的主題，一個(gè)網(wǎng)頁最好只設(shè)置2個(gè)H2<h3></h3> – 反映與主題相關(guān)的要點(diǎn)。<h4></h4> – 支持來自 <h3> 的點(diǎn)。<h5></h5> – 不常用，但非常適合支持 <h4> 的觀點(diǎn)。

4.圖片添加Alt標(biāo)簽

吸引用戶的一個(gè)重要部分是使用圖像。事實(shí)上，如果您在文章中使用圖形，您可以獲得大約94% 的瀏覽量。

不幸的是，搜索引擎無法確定要傳達(dá)的圖像。這就是ALT標(biāo)簽發(fā)揮作用的時(shí)候。

看看這個(gè)標(biāo)簽：

<img src="烹飪.jpg">

這個(gè)標(biāo)簽告訴網(wǎng)絡(luò)瀏覽器在內(nèi)容中顯示什么圖像。但是搜索引擎呢？

<img src="Cooking.jpg" alt="烹飪豬肉和洋蔥">

這個(gè)標(biāo)簽的alt屬性告訴搜索引擎這張圖片是關(guān)于用洋蔥煮豬肉的。

沒有 ALT 標(biāo)簽，搜索引擎不知道圖片是關(guān)于什么的。這可以減少圖像搜索過程中的曝光。

5. <a>和"nofollow"

圖片來源：谷歌SEO小平

獲得高質(zhì)量的反向鏈接只是 SEO 的一部分。您還需要關(guān)注內(nèi)部鏈接以及連接到外部站點(diǎn)。

在當(dāng)今的 SEO 中，鏈接至關(guān)重要……尤其是對(duì)于您自己的內(nèi)容。將其視為對(duì)文章的“投票”。只要確保您鏈接到支持和擴(kuò)展文章的內(nèi)容。

鏈接到與您的主題不相關(guān)的內(nèi)容可能會(huì)導(dǎo)致搜索降權(quán)減分處理。

您可能需要考慮的一個(gè)方面是使用“nofollow”鏈接。這會(huì)創(chuàng)建一個(gè)指向網(wǎng)頁的鏈接，但會(huì)告訴搜索引擎忽略該連接。換句話說，您將無助于提高外部站點(diǎn)的域權(quán)限。

這是通過在此示例中添加 nofollow 屬性來完成的：

<a href="xiaopingseo.com" rel="nofollow" >您的錨文本</a>

該鏈接仍然有效，但搜索引擎不會(huì)傳遞權(quán)重給它。在不支持其他頁面的 SEO 的情況下與讀者共享鏈接非常有用。

6. 開放圖譜標(biāo)簽

開放圖標(biāo)簽有助于提高社交媒體的搜索和顯示能力。例如，如果您的內(nèi)容被共享，F(xiàn)acebook 將使用開放圖來顯示信息。

下面是一個(gè)開放圖形標(biāo)簽的例子：

<meta name="og:title" property="og:title" content="您文章的標(biāo)題">

現(xiàn)在，如果這篇文章在 Facebook 之類的網(wǎng)站上分享，社交網(wǎng)站將直接從該標(biāo)簽中提取標(biāo)題。

開放圖也支持描述和圖像等內(nèi)容。如果您的網(wǎng)頁在社交媒體上共享，它只會(huì)為您提供自定義選項(xiàng)。

實(shí)際上，您可以為搜索引擎提供一個(gè)元描述，而為 Facebook 提供另一個(gè)元描述。如果您嘗試針對(duì)任一平臺(tái)上的特定用戶，這將非常有用。

只需確保社交的標(biāo)題和描述仍然與內(nèi)容匹配。請(qǐng)記住，一切都與相關(guān)性有關(guān)。

7.推特卡片標(biāo)簽

開放圖并不是為社交媒體定制數(shù)據(jù)的唯一方法。Twitter 有自己的平臺(tái)，稱為“卡片”。Twitter 卡片的工作方式與 OG 類似，不同之處在于它們專門用于 Twitter。

以下是 Twitter 卡片的 HTML 標(biāo)記示例：

<meta name="twitter:card" content="summary">

在這個(gè)例子中，一旦頁面被共享，文章的摘要就會(huì)被移植到 Twitter。

Twitter 卡片可以包括標(biāo)題、圖像、視頻播放器、站點(diǎn)名稱，甚至是文章的作者。并且由于內(nèi)容在 Twitter 上的共享頻率，建議優(yōu)化您的卡片以充分利用標(biāo)簽。

如果您忘記了 Twitter 卡片的一部分，請(qǐng)不要擔(dān)心。Twitter 將在無法找到特定信息的情況下使用 OG 數(shù)據(jù)。

但是，如果您想在 Twitter 上針對(duì)特定用戶而不是在 Facebook 上定位特定用戶，那么自定義標(biāo)簽是理想的選擇。一方面，與 Twitter 相比，您可以在 Facebook 上容納更多的文本字符。

8. Robots 標(biāo)簽

如果您想防止某些文章被索引，robots 標(biāo)簽是一個(gè)有用的元素。這些可以阻止來自 Google 等網(wǎng)站的抓取工具訪問內(nèi)容。

你為什么想這么做？因?yàn)橛行┪恼驴赡懿皇亲钸m合排名的。

例如，如果您想與讀者分享一篇帖子，但它在真正的質(zhì)量?jī)r(jià)值方面有點(diǎn)缺乏怎么辦。在這種情況下，您將使用以下內(nèi)容：

<meta name="robots" content="noindex, nofollow">

在這種情況下，Google 不會(huì)將內(nèi)容編入索引，也不會(huì)跟蹤任何鏈接。

但是，在將這些 HTML 標(biāo)簽用于 SEO 時(shí)要小心。您不想意外損害特定頁面的排名。

Google,Yahoo,Bing，Baidu都遵守robots協(xié)議，國(guó)內(nèi)360曾因?yàn)椴蛔袷豶obots協(xié)議爬取用戶隱私，被告上法庭，以敗訴賠款終結(jié)。

9. link rel="canonical" 標(biāo)簽

當(dāng)您創(chuàng)建網(wǎng)站時(shí)，可以通過多種方式訪問它。例如，所有這些都可以鏈接到同一個(gè)站點(diǎn)：

http://www.yourwebsite.com

https://www.yourwebsite.com

http://yourwebsite.com

規(guī)范標(biāo)簽在排名方面非常有用。這些本質(zhì)上是告訴像 Google 這樣的網(wǎng)站哪些域?qū)δ钪匾?/p>

也許您想要一個(gè)特定的域布局作為您的主要布局。在這種情況下，您將使用以下內(nèi)容：

<link rel="canonical" href="Make your own website in minutes">

這告訴 Google “Make your own website in minutes URL。

因此，與其讓排名分布在您的域名的不同變體中，不如明確告訴 Google 您想要對(duì)哪個(gè)域名進(jìn)行排名。

這是 SEO 的一些更重要的 HTML 標(biāo)簽之一，尤其是當(dāng)您嘗試推銷特定 URL 時(shí)。在某種程度上，您可以與自己競(jìng)爭(zhēng)，因?yàn)槊總€(gè) URL 都會(huì)獨(dú)立排名。

10. 響應(yīng)式站點(diǎn)meta 標(biāo)簽

圖片來源：谷歌SEO小平

大約48% 的人會(huì)使用移動(dòng)搜索來查找有關(guān)產(chǎn)品或業(yè)務(wù)的信息。這意味著您需要將注意力集中在響應(yīng)式和移動(dòng)設(shè)計(jì)上。

讓我們面對(duì)現(xiàn)實(shí)，擁有一個(gè)適合移動(dòng)設(shè)備的網(wǎng)站要在今天取得成功至關(guān)重要。

要通知搜索引擎您有可用的響應(yīng)式設(shè)計(jì)，您可以添加以下內(nèi)容：

<meta name="viewport" content="width=device-width, initial-scale=1">

需要注意的是，Google 非常重視適合移動(dòng)設(shè)備的網(wǎng)站。如果您沒有人們可以通過手持設(shè)備查看的現(xiàn)成內(nèi)容，它將反映您在搜索中的排名。

（來源：谷歌SEO小平）

以上內(nèi)容屬作者個(gè)人觀點(diǎn)，不代表雨果跨境立場(chǎng)！本文經(jīng)原作者授權(quán)轉(zhuǎn)載，轉(zhuǎn)載需經(jīng)原作者授權(quán)同意。?