🔎 2019 年你需要学习的 7 大 SEO 优化技巧

2025-05-25

🔎 2019 年你需要学习的 7 大 SEO 优化技巧

出于某种原因，并非所有网站开发人员都关注SEO。实际上，对于一家公司来说，SEO可以带来显著的优势。

在本文中，我将介绍一些简单易行的 SEO 优化方法。如果您喜欢这篇文章，或者我是否应该以此为基础制作一个系列文章，深入探讨 SEO，请在下方留言。

💡 使图像可被搜索引擎读取

搜索引擎不知道您的图片向用户展示了什么。您的工作是让搜索引擎理解您的图片。为此，您需要在alt属性中编写描述。描述应简短，不超过 155 个字符。请记住，屏幕阅读器也会使用描述。请勿在alt属性中嵌入其他内容，也不要使用大量关键词。这两种行为都会降低您的 SEO 得分。

❌一些不好的例子

<img src="/dog.png">
<img src="/dog.png" alt="">
<img src="/dog.png" alt="dog">
<img src="/dog.png" alt="animal dog ball red">
Enter fullscreen mode Exit fullscreen mode

✔一些很好的例子

<img src="/dog.png" alt="A dog that play with a red ball">
<img src="/billGates.png" alt="Bill Gates, former CEO of Microsoft">
<img src="/123-img.png" alt="Two girls playing on an playground">
Enter fullscreen mode Exit fullscreen mode

💡 使用标题标签

这一点很重要，但经常被错误地执行，甚至根本没有执行。不设置标题会严重损害你的SEO。它用在很多地方：

  • 搜索引擎结果
  • 书签
  • 社交网络
  • 浏览器标签页标题

如何为您的页面写一个好的标题？

最佳长度约为 50 到 70 个字符。Google 搜索结果页面的固定宽度为 600px。标题最好在 60 个字符左右。每个页面的名称必须独一无二。良好的格式如下：

<head>
    <title>
        Primary Keyword - Secondary Keyword | Brand Name
    </title>
</head>
Enter fullscreen mode Exit fullscreen mode

不要使用太多关键词。如果标题中包含太多关键词，搜索引擎将不会显示您的搜索结果。另外，要记住标题是写给你的用户/客户的。如果标题过度进行SEO优化，却没有任何重要信息，那么没有人会点击您的搜索结果。

标题的良好示例

    <title>
        Best Pizza in Vilnius: 10 Pizzas you must try 
    </title>
Enter fullscreen mode Exit fullscreen mode 
    <title>
        Women's Shoes Sale | adidas US
    </title>
Enter fullscreen mode Exit fullscreen mode 
    <title>
        Metric – Gold Guns Girls Lyrics | Genius Lyrics
    </title>
Enter fullscreen mode Exit fullscreen mode 
    <title>
        JavaScript Tutorial: Learn JavaScript For Free | Codecademy
    </title>
Enter fullscreen mode Exit fullscreen mode

💡 在 HTML 标签中声明正确的语言

幸运的是，大多数样板文件和框架都会将此lang属性添加到 HTML 标签中，但它们通常默认将en其作为值添加到 HTML 标签中。这向搜索引擎表明您网站上的内容是英文的。在最坏的情况下，谷歌会将您的搜索结果显示给英语用户，而用户会立即返回结果页面。这会损害您的 SEO 得分，并导致您的排名下降。在最坏的情况下，搜索引擎根本不会显示您的结果。请务必lang根据内容语言设置您的属性。

对于英语：

<html lang="en">
Enter fullscreen mode Exit fullscreen mode

对于德语：

<html lang="de">
Enter fullscreen mode Exit fullscreen mode

对于波兰语

<html lang="pl">
Enter fullscreen mode Exit fullscreen mode

等等。

nofollow💡在锚标签中使用

搜索引擎会跟踪您网站上的每个锚文本。如果您的链接指向恶意网站或垃圾网站，也会降低您的网站排名。建议您添加nofollow用户生成的链接和付费链接。

<a href="http://www.unknown.com/" rel="nofollow">Paid or not trusted content</a>
Enter fullscreen mode Exit fullscreen mode

💡 使用rel="canonical"

想象一下以下链接：

每个 URL 都指向相同的内容。对于我们人类来说，很容易看出这是相同的内容，但对于搜索引擎来说，这却是 4 个完全不同的链接。搜索引擎可能会将其视为垃圾内容，或者有人只是复制了您的内容，因为搜索引擎不知道原始内容是什么，也不知道应该向用户显示哪个 URL。这就是为什么添加 URLrel=" canonical "至关重要。它告诉搜索引擎此链接是内容的主副本，应该索引此 URL。
要告诉搜索引擎哪个 URL 是主副本，您需要在标头中添加
一个link标签。对于上面的例子，它可以如下所示：

<link rel="canonical" href="https://example.com/one/url">
Enter fullscreen mode Exit fullscreen mode

您需要将此标签添加到上述所有链接中。也可以将其添加到包含实际链接的页面中。这称为自引用规范标签。

💡 在标题中添加视口元标记

这不会直接影响你的 SEO 得分，但会让你的网站更适合移动设备。几乎所有搜索引擎都会将适合移动设备的页面排名高于未优化的页面。让网站响应速度更快的一个简单方法是设置视口元标记。

<meta name="viewport" content="width=device-width, initial-scale=1”>
Enter fullscreen mode Exit fullscreen mode

内容属性的第一部分“width=device-width”指示浏览器渲染页面以适应设备的屏幕宽度。第二部分“initial-scale=1”指示浏览器在横向显示页面时尽可能地增加页面宽度。

💡 使用媒体查询

过去几年，有一种趋势是所有搜索引擎都会对那些内容正确且在用户设备上易于阅读的网站进行排名。这意味着，对于 Web 开发者来说，为所有设备使用同一种字体大小可能会带来问题，因为字体在某些设备上要么太大，要么太小。
媒体查询是实现这一目标的完美方式。

  p {
    size: 1rem
  }
@media (max-width:768px) {
  p {
    size: 1.2rem
  }
}
Enter fullscreen mode Exit fullscreen mode

您需要测试并查看您的内容。这里没有简单的方法可以获取正确的值。它们取决于字体和内容本身。

如果你能帮我做以下事情，那就太有帮助了！
去Twitch关注我！只要有几个人能这么做，这对我来说就意味着一切！❤❤❤😊

👋问好！ Instagram | Twitter | LinkedIn | Medium | Twitch | YouTube

文章来源：https://dev.to/lampewebdev/top-7-essential-seo-optimizations-for-you-to-learn-in-2019-15i5
Devto 翻译
PREV
20+ 免费初创企业和商业登陆页面模板
NEXT
😲🤯你需要了解的 JavaScript 最出色的新功能：可选链式调用