我不会代码能做SEO吗？

SEO需要会代码吗？

这是我经常听到一些刚做独立站的朋友的提问。

答案是至少要会一些简单的html标签，这样会让你的SEO事半功倍，因为搜索引擎的蜘蛛爬取的是html代码，你的文章写得再生动，再有说服力，也不及一些伪原创，甚至抄袭内容的排名好，这就是人家虽然是伪原创东拼西凑，但是别人利用好了html标签，让搜索引擎蜘蛛明白他的核心内容和要强调的关键词，所以搜索引擎认为条例清晰，重点突出，应该给他好的排名。

那么SEO 用得上的 HTML 标签有什么作用呢？

标签是 HTML 编码的小片段，它告诉引擎如何正确“阅读”您的内容。事实上，您可以通过在 HTML 中添加 SEO 标签来极大地提高搜索引擎对你的内容的理解，人脑能理解的内容，搜索引擎的爬虫不一定能很好理解，必须要给搜索引擎能快速读懂的标签才好使。

当搜索引擎的爬虫遇到您的内容时，它会查看网站的 HTML 标签。此信息可帮助 Google 等引擎确定您的内容是关于什么以及如何对材料进行分类。
其中一些还改进了访问者在这些搜索引擎中查看您的内容的方式。这是社交媒体如何使用内容标签来显示您的文章的补充。
最后，SEO 的 HTML 标签将影响您的网站在 Internet 上的表现。如果你没利用这些标签，您的网站能被展示在搜索用户面前的几率小得多。
那么，让我们来看看我的 SEO HTML 标签列表。这些是 您网站所需的一些最重要的元素。

1. <title>标题标签

SEO 最重要的 HTML 标签之一可能是标题。这是您的内容的标签以及搜索如何在 Google 和 Bing 中看到您的页面。您在搜索引擎中看到的每个结果都来自标题标签。

文章标题是否必须与标签匹配？并不真地。但是，您要确保不会让潜在访问者感到困惑。

例如，使用标题“烤鸡的 10 种方法”，然后将标题标签更改为：“<title>为什么要吃鸡肉</title>”会导致混淆。如果搜索者正在寻找食谱怎么办？他或她会在搜索中跳过这篇文章。

但是，使用诸如“<title>2018 年烤鸡的 10 种方法</title>”之类的内容与文章相关，并让人们知道2018 年的食谱是最新的。

我的观点是您的标题标签对 SEO 和人工搜索都非常重要。搜索引擎和类似的人在寻找特定主题时会忽略这些信息。

优化标题标签的努力是值得的。让搜索引擎和人类在查找您的内容时更容易。

2. <meta name="description" content="标签

SEO 的另一个重要 HTML 标签是元描述。与标题一样，此信息会显示在 Google 的搜索结果中。查看链接下的任何搜索。标题下的文本片段通常是从描述标签中提取的。
例如，看看这个元标记：
<meta name="description" content="购买高品质的自行车零件并在穿越内华达州时省钱。">
这是某人使用关键词“高品质自行车零件”同时强调业务可能在内华达州的示例。这也是当文章出现在搜索结果中时 Google 会显示的内容。
最好在标题中使用关键字以及元描述标签。它改进了搜索引擎列出您的内容的方式。

3. H标签 (H1-H6)

标题标签通常用于拆分内容以使其更易于阅读。实际上，大约 55% 的访问者最多只会花15 秒浏览您的内容。

标题使这些人可以更轻松地快速找到他们要查找的内容。

这是一个例子；如果我在这个博客上有一个只对 Open Graph 标签感兴趣的读者怎么办？然后他或她可以向下滚动以找到它的标题并获取信息。

否则，读者可以简单地离开页面而根本不参与内容。

在搜索引擎优化方面，标题标签也是搜索引擎用来帮助确定内容片段和创建特色丰富片段的标签。

这是标题标签的层次结构：

• <h1></h1> – 通常保留给网页标题，而且一个网页最好只设置一个H1
• <h2></h2> – 突出标题的主题，一个网页最好只设置2个H2
• <h3></h3> – 反映与主题相关的要点。
• <h4></h4> – 支持来自 <h3> 的点。
• <h5></h5> – 不常用，但非常适合支持 <h4> 的观点。

4.图片添加Alt标签

吸引观众的一个重要部分是使用图像。事实上，如果您在文章中使用图形，您可以获得大约94% 的浏览量。

不幸的是，搜索引擎无法确定要传达的图像。这就是ALT标签发挥作用的时候。

看看这个标签：

<img src="烹饪.jpg">

这个标签告诉网络浏览器在内容中显示什么图像。但是搜索引擎呢？

<img src="Cooking.jpg" alt="烹饪猪肉和洋葱">

这个标签的alt属性告诉搜索引擎这张图片是关于用洋葱煮猪肉的。

没有 ALT 标签，搜索引擎不知道图片是关于什么的。这可以减少图像搜索过程中的曝光。

5. </a>和"nofollow"

获得高质量的反向链接只是 SEO 的一部分。您还需要关注内部链接以及连接到外部站点。

在当今的 SEO 中，链接至关重要……尤其是对于您自己的内容。将其视为对文章的“投票”。只要确保您链接到支持和扩展文章的内容。

链接到与您的主题不相关的内容可能会导致搜索降权减分处理。

您可能需要考虑的一个方面是使用“nofollow”链接。这会创建一个指向网页的链接，但会告诉搜索引擎忽略该连接。换句话说，您将无助于提高外部站点的域权限。

这是通过在此示例中添加 nofollow 属性来完成的：

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

该链接仍然有效，但搜索引擎不会传递权重给它。在不支持其他页面的 SEO 的情况下与读者共享链接非常有用。

6. 开放图谱标签

开放图标签有助于提高社交媒体的搜索和显示能力。例如，如果您的内容被共享，Facebook 将使用开放图来显示信息。

下面是一个开放图形标签的例子：

<meta name="og:title" property="og:title" content="您文章的标题">

现在，如果这篇文章在 Facebook 之类的网站上分享，社交网站将直接从该标签中提取标题。

开放图也支持描述和图像等内容。如果您的网页在社交媒体上共享，它只会为您提供自定义选项。

实际上，您可以为搜索引擎提供一个元描述，而为 Facebook 提供另一个元描述。如果您尝试针对任一平台上的特定用户，这将非常有用。

只需确保社交的标题和描述仍然与内容匹配。请记住，一切都与相关性有关。

7.推特卡片标签

开放图并不是为社交媒体定制数据的唯一方法。Twitter 有自己的平台，称为“卡片”。Twitter 卡片的工作方式与 OG 类似，不同之处在于它们专门用于 Twitter。

以下是 Twitter 卡片的 HTML 标记示例：

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

在这个例子中，一旦页面被共享，文章的摘要就会被移植到 Twitter。

Twitter 卡片可以包括标题、图像、视频播放器、站点名称，甚至是文章的作者。并且由于内容在 Twitter 上的共享频率，建议优化您的卡片以充分利用标签。

如果您忘记了 Twitter 卡片的一部分，请不要担心。Twitter 将在无法找到特定信息的情况下使用 OG 数据。

但是，如果您想在 Twitter 上针对特定用户而不是在 Facebook 上定位特定用户，那么自定义标签是理想的选择。一方面，与 Twitter 相比，您可以在 Facebook 上容纳更多的文本字符。

8. Robots 标签

如果您想防止某些文章被索引，robots 标签是一个有用的元素。这些可以阻止来自 Google 等网站的抓取工具访问内容。

你为什么想这么做？因为有些文章可能不是最适合排名的。

例如，如果您想与读者分享一篇帖子，但它在真正的质量价值方面有点缺乏怎么办。在这种情况下，您将使用以下内容：

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

在这种情况下，Google 不会将内容编入索引，也不会跟踪任何链接。

但是，在将这些 HTML 标签用于 SEO 时要小心。您不想意外损害特定页面的排名。

Google,Yahoo,Bing，Baidu都遵守robots协议，国内360曾因为不遵守robots协议爬取用户隐私，被告上法庭，以败诉赔款终结。

9. <link rel="canonical" 标签

当您创建网站时，可以通过多种方式访问​​它。例如，所有这些都可以链接到同一个站点：

http://www.yourwebsite.com

https://www.yourwebsite.com

http://yourwebsite.com

规范标签在排名方面非常有用。这些本质上是告诉像 Google 这样的网站哪些域对您最重要。

也许您想要一个特定的域布局作为您的主要布局。在这种情况下，您将使用以下内容：

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

这告诉 Google “Make your own website in minutes URL。

因此，与其让排名分布在您的域名的不同变体中，不如明确告诉 Google 您想要对哪个域名进行排名。

这是 SEO 的一些更重要的 HTML 标签之一，尤其是当您尝试推销特定 URL 时。在某种程度上，您可以与自己竞争，因为每个 URL 都会独立排名。

10. 响应式站点meta 标签

大约48% 的人会使用移动搜索来查找有关产品或业务的信息。这意味着您需要将注意力集中在响应式和移动设计上。

让我们面对现实，拥有一个适合移动设备的网站要在今天取得成功至关重要。

要通知搜索引擎您有可用的响应式设计，您可以添加以下内容：

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

需要注意的是，Google 非常重视适合移动设备的网站。如果您没有人们可以通过手持设备查看的现成内容，它将反映您在搜索中的排名。

幸运的是，使用 WordPress 等内容管理系统已经自动促进了响应式设计。这意味着您无需担心让 Google 知道您的网站已为智能手机和平板电脑做好准备。