Vineet专注于开发数据可视化界面，并在他的项目中广泛采用React。他钟情于拉西这款饮料。

React的发展初衷是为了构建声明性、模块化和跨平台的交互式UI。如今，它是最受欢迎的JavaScript框架之一，被广泛用于构建高性能的前端应用程序。React最初是为了编写单页应用程序（SPA）而设计的，现在已被广泛应用于创建成熟的网站和移动应用程序。

前言

看到标题的人可能会好奇，seo-mask是什么，它是如何解决单页应用在SEO中无法被收录的问题呢？

简单来说，seo-mask的作用是为已经在线上运营的单页应用项目创建一个简单的、有利于SEO的镜像网站，从而使搜索引擎能够爬取到不同路径下对应的内容，而无需修改现有的代码。

背景

在开发中，为了低成本实现预渲染，本项目提供了一种非侵入性的解决方案：

• 无需改动业务代码，直接屏蔽框架差异

SEO-Mask是一种利用搜索引擎蜘蛛爬取原理的解决方案（蜘蛛仅爬取网页内容，不关心解析网页中的CSS和JS），它创建了一套专门用于SEO的镜像网站，我将其称为SEO的"mask"，使蜘蛛更容易收录。这一方法无需修改原有网站的源码，特别适用于具有动态数据的SPA（单页应用）且进行SEO改造成本较大的情况。

📔导言

相对于2020年，SEO领域在2023年没有经历太多戏剧性的变化。尽管大多数算法更新对网站影响较为温和，但现有排名因素的权重发生了一些变化。因此，为了确保万无一失，让我们回顾一下即将到来的一年中SEO的重点事项。

▍1. 采用HTTPS协议

谷歌曾经发布公告指出，使用安全加密协议（HTTPS）是搜索引擎排名的一个重要参考因素。因此，在相同域名的情况下，HTTPS站点相对于HTTP站点能够获得更好的排名。在网络分发和合作方面，尤其在微信、QQ等平台，链接是否采用HTTPS协议是首要考虑的因素。一个没有设置HTTPS的网站，很可能其流量主要依赖于搜索引擎。这带来的问题是，网站无法充分实现最大价值，流量来源受到限制，网站盈利的可能性大大降低。此外，使用HTTPS还有以下好处：

一、前言

回顾之前职级晋升时，被问及网站在SEO方面的努力时，我以淡定回答：处理了一些常见的meta标签、语义化标签、图片alt属性等。然而，最近为满足业务需求，我在SEO方面付出了更多努力，今天将这些经验整理分享。

🍚高效策略1：精准定位关键词

许多非专业写手往往凭主观猜测选择文章主题，但在提高网站排名和流量方面，我们可以更科学一些。不必盲目猜测用户兴趣，特别是当我们可以通过关键词研究准确洞察用户需求。

什么是SEO

搜索引擎优化（Search Engine Optimization，简称SEO）是为了提升网页在搜索引擎自然搜索结果中的排名而进行的一系列优化行为。其目标是增加网站在搜索引擎中的曝光度，获得更多免费流量，以及展现更好的形象。