前端项目优化-6.SEO指南

技术帖 , , 评论

百度和谷歌是如何收录的？

百度和谷歌等搜索引擎的收录过程大致相似，分为爬取、索引、排名三个阶段。每个搜索引擎有其特定的算法，但总体流程是相同的，如下：

  1. 爬取阶段（Crawling）

搜索引擎通过其爬虫（如谷歌的 Googlebot、百度的 Baiduspider）不断访问网站的页面，发现并获取最新内容。爬虫通过以下方式找到页面：

  • 站点地图（sitemap.xml） ：网站通过 sitemap.xml 文件告知搜索引擎所有需要抓取的页面路径。
  • 内部链接：爬虫通过页面的内部链接，逐步找到网站的更多页面。
  • 外部链接：如果其他网站链接到某个页面，爬虫会跟随链接抓取。
  • Robots.txt 文件：爬虫根据 robots.txt 中的规则判断哪些页面允许或不允许抓取。
  1. 索引阶段（Indexing）

在获取页面内容后，搜索引擎会将其存储到索引数据库中，便于日后检索。具体过程如下：

  • 解析页面：爬虫分析页面的文本、HTML 标签（如标题、描述、H 标签等）、图片（通过 Alt 属性描述）和视频等内容。
  • 提取关键词：提取页面中最相关的关键词、主题词等，帮助确定页面的内容方向。
  • 分析页面结构：通过页面的内部链接结构，判断页面的内容层次和重要性。
  1. 排名阶段（Ranking）

搜索引擎在索引数据库中保存了海量内容，每当用户发起搜索请求时，搜索引擎会根据算法将最相关、质量最优的页面排序展示。这一阶段的工作包括：

  • 关键词匹配：页面内容的关键词是否符合用户搜索意图，标题、描述和正文中的关键词密度和位置都会影响排名。
  • 内容质量：页面内容的原创性、时效性、实用性等因素都会影响搜索引擎的评分。优质内容更可能获得高排名。
  • 页面体验：网站的加载速度、移动端适配度、页面交互体验等也会影响排名。
  • 外部链接质量：指向该页面的外部链接数量和质量也是排名的参考因素。优质链接能帮助搜索引擎判断页面权威性。
  • 用户行为数据：搜索引擎还会参考点击率、停留时长、跳出率等用户数据，以评估页面的受欢迎程度。

1. 关键词调研

确认为后续内容更新提供关键词表（重要）

2.blog系统

持续更新优质内容（worldpress）; 网站页面数量越多，收录的概率越大

网站结构化数据设置

meta ssr

  1. 标题标签（Title Tag）：标题是搜索引擎爬虫首先读取的信息之一。一个理想的标题包含核心关键词，并具备吸引力，通常在 50-60 个字符内，以确保在搜索结果中不被截断。

title, 标题建议是语义化加网站信息eg:create a robot | souldeep.ai

  1. 描述标签（Meta Description）：描述标签用于向搜索引擎和用户简要说明页面内容。合理利用关键词，并吸引用户点击。建议控制在 150-160 字符以内。

description, 当前页面的功能表示，关键字信息

  1. 关键词标签（Meta Keywords）：虽然搜索引擎不再直接依赖该标签，但合理地添加关键词有助于内容分类和组织，特别是内容管理系统（CMS）可以利用该字段做站内搜索。

  2. HTML 标签：合理使用 H1-H6 层次标题、section、article等标签，不仅帮助搜索引擎理解页面内容结构，还能提升用户的阅读体验。

  3. 图片标签（Alt 属性）：为图片加上描述，不仅提升无障碍体验，还能被搜索引擎抓取到；图片是网页的重要组成部分，搜索引擎会根据图片的内容和描述来判断页面的质量。

image, 产品或者主图信息

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

<title>LiveMe - Live Broadcasting Community</title>


<meta property="title" content="LiveMe - Live Broadcasting Community">
<meta property="description" content="LiveMe is a leading live broadcasting platform offering diverse content, including talent shows, celebrity interviews, live concerts, gaming streams, and interactive features like video chat. Join our vibrant community and explore endless live content in a safe and stable environment.">
<meta property="keywords" content="LiveMe, live broadcasts, live streaming, social media platform, video chat, online community, live content, mobile broadcasting, talent shows, celebrity livestreams, gaming streams, trivia games, interactive broadcasts, real-time interaction, virtual gifts, live video chat, streaming platform, live events, popular streamers, influencer marketing, live performances, audience engagement, live entertainment, global community, livestream income, digital creators, online video, mobile app, live streaming app, content creators, live engagement">

<meta property="og:title" content="LiveMe - Live Broadcasting Community">
<meta property="og:image" content="https://www.liveme.com/images/share.jpg">
<meta property="og:url" content="LiveMe - Live Broadcasting Community">
<meta property="og:type" content="website">
<meta property="fb:app_id" content="531652053656781">
<meta property="og:description" content="LiveMe is a leading live broadcasting platform offering diverse content, including talent shows, celebrity interviews, live concerts, gaming streams, and interactive features like video chat. Join our vibrant community and explore endless live content in a safe and stable environment.">
<meta property="og:sitename" content="LiveMe">

<meta property="twitter:title" content="LiveMe - Live Broadcasting Community">
<meta property="twitter:description" content="LiveMe is a leading live broadcasting platform offering diverse content, including talent shows, celebrity interviews, live concerts, gaming streams, and interactive features like video chat. Join our vibrant community and explore endless live content in a safe and stable environment.">
<meta property="twitter:image" content="https://www.liveme.com/images/share.jpg">
<meta property="twitter:card" content="summary">


富媒体检测

https://search.google.com/test/rich-results?hl=zh-cn

结构化数据文档：https://developers.google.com/search/docs/appearance/structured-data/search-gallery?hl=zh-cn

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<script type="application/ld+json">
    {
        "@context": "https://schema.org", // 定 义 了词 汇 的 上 下文，这里 使用 的 是 Schema.org
        "@graph": [{ // 使用 图 表 表示 法 列 出 所 有顶 级 对 象
            "@type": "WebApplication", // 定 义 类型 为Web应用 程 序
            "@id": "https://blog.huddles.app/#webapp", // 应用 程 序 的 唯一标 识 符，一 般网 站首页
            "name": "huddles.app - Your meeting assistant app", // 应用 程 序 的 名 称 ，网 站 title
            "description": "Let AI streamline your meetings with automated agendas, notes, and summaries. Focus on the conversation, from one-on-ones to team gatherings.",// 应用 程 序 的 描 述，网 站 的 描 述
            "offers": {// 描 述应用 程 序 的报 价 信 息
                "@type": "Offer", // 定 义 类型 为Offer
                "category": "free", // 报 价 类 别
                "price": "0", // 价 格
                "priceCurrency": "USD" // 价 格货 币
            },
            "aggregateRating": { // 应用 程 序 的 综 合 评 分
                "@type": "AggregateRating", // 定 义 类型 为综 合 评 分
                "worstRating": 0, // 最 低 评 分
                "bestRating": 5, // 最高 评 分
                "ratingValue": 4.998437135249128, // 平 均 评 分值
                "ratingCount": 252741 // 评 分 总数
            },
            "applicationCategory": "Commercial applications", // 应用 程 序 类 别
            "operatingSystem": "window,mac,linux", // 支 持 的 操 作 系 统
            "publisher": { // 出 版者信 息
                "@type": "Organization", // 定 义 类型 为组 织
                "image": "https://huddles.app/images/logo.svg", // 组 织 的 图片
                "url": "https://blog.huddles.app/", // 组 织 的 URL
                "logo": "https://huddles.app/images/logo.svg", // 组 织 的标志
                "name": "Huddles", // 组 织 的 名 称
                "description": "Let AI streamline your meetings with automated agendas, notes, and summaries. Focus on the conversation, from one-on-ones to team gatherings.", // 组 织 的 描 述
                "email": "contact@huddles.app", // 联 系 邮箱
                "telephone": "+1-800-123-4567" // 联系电话
            }
        }]
    }
</script>

请放进head标签内，并把中文都去掉

搜索引擎内容体现：

外部链接与内容营销

外部链接是衡量页面权威性的关键因素。优质的外链能提升页面权重和搜索引擎排名。以下是一些有效的外链建设方法：

  • 高质量外链：从权威网站获取高质量链接，通过内容合作、行业交流等方式建立链接关系。
  • 内容营销：创作有价值的内容，如行业报告、数据分析、深度文章，吸引他站自发链接，增加网站可信度。
  • 合作与资源互换：与同行或行业网站建立合作关系，互相推荐优质内容。
  • 社交媒体链接：在 Facebook、Twitter、LinkedIn 等平台分享内容，获得自然的外部链接。
  • 论坛与社区互动：在 Quora、Reddit 等社区中提供专业回答，附上相关内容的链接，有助于提升曝光度和网站权重。

网站收录优化与站点地图

  • Sitemap.xml：使用 sitemap.xml 提供页面结构，便于搜索引擎了解网站架构。
1
https://example.com/sitemap.xml

Robots.txt 文件：通过 robots.txt 限制不需要被抓取的页面，如后台、隐私页面等，优化抓取效率，更多的robots.txt 文件说明，请参考我之前写的一篇文章一文看懂网络爬虫的实现原理。

1
2
3
User-agent: *
Disallow: /private/
Sitemap: https://example.com/sitemap.xml

网站性能与用户体验提升

关注网站优化，因为FCP、LCP 直接影响排名

SEO 数据监控与持续优化

SEO 是一个持续优化的过程，通过数据监测和迭代调整保持良好的排名效果。

  • Google Search Console：定期查看流量分析、抓取状态、外链质量等数据，优化站点。
  • SEO 工具分析：使用 Ahrefs、Semrush 等工具监测关键词排名、外链质量、页面性能等，优化内容和结构。

研发重点关注

  1. worldpress系统搭建，模板系统的使用

  2. 网站结构化数据

Google搜索SEO参考文档：https://developers.google.com/search/docs/fundamentals/seo-starter-guide?hl=zh-cn

mcdowellWeb 前端 & 90后

一线前端从业人员。