如何在 10 分钟内完成网站 SEO

最近，我开始更加认真地考虑将自由职业网站开发作为一条可行的职业发展道路。有了这条新途径，我一直在深入研究自由职业者如何推广自己，以及如何利用数字营销技巧提高搜索引擎排名（搜索引擎优化，SEO）。我找到了一些非常简单的小技巧，可以立即提升你的网站排名。

那些有趣的元标签

你知道你正在处理的 HTML 文档顶部的那些东西吗？你知道，那些让你指定标题并执行视口缩放操作的东西吗？嗯，这些烦人的东西实际上可以帮助网络爬虫和搜索引擎更好地识别你的网站真正是关于什么的。

标题

这个小家伙可能对大多数网页开发者来说都很熟悉，但它可能并没有被真正地记录下来。当然，所有东西都必须有标题，所以直接放上任何旧的东西就可以了。然而，谷歌或其他搜索引擎会用这个来发现你的网站。让我们来看看我的个人网站的例子。

<head>
    <meta charset="UTF-8">
    <!-- META VIEWPORT -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- TITLE -->
    <title>Christian Kastner | Software Engineer</title>

    ...
  </head>

在我的网站上，我用我的名字来区分我的软件工程师头衔。如果我们在谷歌上搜索一下“我”，就会发现

那个小小的标题标签在这里占据了中心位置。因此，它的意义远不止我们随便贴上去的。它现在成为了人们在谷歌搜索中看到的最大的单一数据。例如，您正在阅读的这篇博客将使用其标题作为标题标签。因此，我们可能需要认真考虑创建一个适用、描述性强且与用户搜索的重要术语相关的标题。

描述

这个元标签在谷歌领域也具有重要意义，因为它位于标题标签的正下方，是另一个非常重要的信息，可以决定网站流量的成败。它的设置方式如下：

<head>
    <meta charset="UTF-8">
    <!-- META VIEWPORT -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    ...
    <!-- DESCRIPTION -->
    <meta name="description" content="Frontend Software Engineer with a quantitative background, who loves building creative and interactive software">

    ...
  </head>

它使用自闭合元标记，您必须指定“description”的名称才能设置它。目前，由于我刚刚应用了这些标记，它们尚未显示在我的搜索结果中，但让我们来看看 Spotify 的情况。

如您所见，名为 description 的元标签会直接显示在 title 标签下方，并由 Google 显示。因此，添加一个简洁的网站描述（一般建议控制在 100 个字符以内，但 Google 允许 160 个字符）将有助于引导用户访问您的网站。请仔细考虑这些标签，因为它们是用户在进入您的网站之前首先看到的内容。

关键词

这有点难以抉择。据说使用关键词元标签其实没什么用。你可以像这样把它放到你的 html 中：

<head>
    <meta charset="UTF-8">
    <!-- META VIEWPORT -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    ...

    <!-- KEYWORDS -->
    <meta name="keywords" content="REACT, JAVASCRIPT, RAILS, WEB DEVELOPMENT">

    ...
  </head>

Google 和其他网络爬虫实际上会将您网站的元数据存储在数据库中，以便用户搜索时轻松检索。Google 会根据搜索词快速生成一个可行的结果列表，然后按相关性升序排列每个结果。

然而，元关键词实际上已经不再受谷歌、雅虎和必应等搜索引擎的青睐。所以，如果你真的在为关键词生成而烦恼，并认为这些搜索引擎能帮你登上榜首，那你就错了。

替代文本

您可能倾向于不将替代文本视为网站的重要扩展，除非您考虑可访问性。但由于搜索引擎实际上不是人，因此它们在爬取您的网站时看不到这些图片。对它们来说，唯一重要的信息来源是替代文本。因此，思考替代文本以及它如何重申您网站的“要点”或如何与用户相关，是提升排名的重要一步。

使用正确的 HTML 标签

借助 CSS 和样式，你几乎可以将 div 元素设计成任何你想要的样子，或者干脆在网站上到处乱放 h1 标签。但使用智能且有条理的标记来划分页面对 SEO 至关重要。因为 h1 标签会被解读为页面主要内容的指示。同样，使用 main 标签或 section 标签划分页面也能提高 SEO 索引和排名的清晰度。

本文旨在简要回顾一下您现在可以采取哪些措施来提升网站 SEO。据我所知，SEO 既是一门艺术，也是一门科学。认真思考您的目标受众是谁，并有效地迎合他们的需求，将会带来丰厚的回报。

文章来源：https://dev.to/christiankastner/how-to-seo-your-website-in-10-minutes-6mk