3.如何通过SEO优化提升网站流量

This content is not available in your language yet.

什么是SEO

SEO是搜索引擎优化的缩写，目的是让网站在搜索引擎中获得更好的排名，从而吸引更多的流量。

第一步,需要给你的网页内容加上关键词标签,这样搜索引擎才能根据关键词去推荐你的网页

第二步,需要主动让搜索引擎收录你的网站,如果只是被动等待搜索引擎,可能需要很长时间才会收录你的内容

第一步:starlight的SEO配置

在starlight中,你可以通过这个headconfig 来配置meta标签

具体的配置,可以参考这个文章

配置全局的header标签
配置每个页面的header标签
配置Graph images,可以让社交媒体更好的展示
Web analytics 网络分析
加载 JavaScript 文件

我的配置:

第一个是全局的head配置,这样所有的页面都会使用这个配置,增加author这个属性

import { defineConfig } from 'astro/config'
import starlight from '@astrojs/starlight'

export default defineConfig({
  integrations: [
    starlight({
      title: 'My Docs',
      head: [
        // Add a custom meta tag to define the author of all pages.
        {
          tag: 'meta',
          attrs: {
            name: 'author',
            content: '我是loreluo罗耳,这个是我的个人网站,我会分享AI编程和产品出海的解决方案',
          },
        },
      ],
    }),
  ],
})

第二个是页面的配置, 可以根据文章内容突出重点

这个直接使用title和description,starlight框架会自动将这两个属性转为为head标签

---
title: 标题
description: 内容描述
---

这里需要注意的是:

title和description的写法,需要从读者的角度出发,思考什么样的标题和描述会让他们有兴趣,想进一步点击网页. 标题（Title）字数限制: 60-65个字符； 描述（Meta Description）字数限制：155~165个字符内

第二步:让搜索引擎收录

Bing收录

登录注册这个网站,这个是bing提供的网站管理平台,webmasters
添加你的网站我选择的是第一种添加方式,把这个文件下载后放在网站的public目录后,然后重新部署一下网站即可

images

提交sitemap

验证完成后,就可以提交sitemap了,这个是你的网站地图,可以让搜索引擎更好的了解你的网站结构,方便收录

starlight框架中,只要在astro.config.ts中加上site这个配置,把你的网站域名填进去,就可以自动生成sitemap

export default defineConfig({
site: 'https://loreluo.cc',
})

这样部署完成后,就能从https://loreluo.cc/sitemap-index.xml 这个地址访问到你的sitemap

我们提交到bing中即可

images

等待收录

我打算过一段时间后再看看收录情况

Google收录

有了bing的经验,google的收录就很简单了,

登录注册这个网站,这个是google提供的网站管理平台,search console
添加你的网站
google会提供一个html文件,把这个文件下载后放在网站的public目录后,然后重新部署一下网站即可
提交sitemap
等待收录