我们选择了 VueJS 和 NuxtJS 框架，它们可以加快开发速度和网站本身的速度。它们非常合适，因为该网站没有任何复杂的功能。
除了选择的框架之外，其他步骤也会影响网站的速度：
- 在后端添加缓存 – 这使我们能够存储更多的临时数据，这意味着我们可以在需要时更快地检索它；
- 设计了新的数据库结构，以更快地加载图像和文本等静态元素；
- 建立了接口与RestAPI站点内部之间的连接，通过该连接可以更快地传输数据。
我们考虑了 SEO 要求，以便更好地对网站进行索引
他们帮助准确无误地传输内容。该公司的网站上有很多有用的内容需要转移到新网站，而不会损失流量。
在重新设计过程中，发现并非所有文章都符合新概念。因此，只有部分内容被转移到新网站，这导致类别和标题结构发生了变化。此外，整个网站的页面地址也发生了变化。此外，Tema 网站有许多来自外部来源的链接：在论坛上，人们愿意分享该公司文章的链接。
如果用户点击外部链接或导航到网站地址已更改的内容，他们会看到 404（未找到）错误，即使这样的页面实际上存在。此外，从 SEO 的角度来看，有大量指向带有 404 响应代码的页面的链接也是不可取的。
为了防止这种情况，我们重建了数据库并设置了从旧页面 URL 到新页面 URL 的重定向映射。这样，用户就会自动重定向到具有新地址的页面或类似的文章。
此外，我们还编写了导入器——用于自动传输内容的专用工具。这使得内容管理员无需手动将 200 多篇之前发布的文章和食谱转移到新网站。
我们已经实现了形成扩展片段所需的一切。这些页面浏览量在搜索结果中占据了两倍的空间，使其更具吸引力去点击。此外，微标记使搜索机器人更容易确定内容类型并正确对页面进行排名。
除了微标记之外，我们还考虑了其他获取扩展片段的方法。例如，我们保留了在文章页面中添加带有锚链接的目录的功能，该目录可以作为带有链接的附加行拉入片段中。
我们通过自动化部分内容管理员的工作来简化网站支持
我们已经开发了文章构造器。带有标准工具的 Bitrix 管理面板不允许在新设计中布局文章。例如，如果没有代码就不可能创建漂亮的标题或多列文本。而且让开发人员参与布局会减慢网站内容的发布速度并增加支持成本。为了让内容管理员能够自行发布布局复杂的文章，我们需要一个解决方案，该解决方案具有简单的界面，其中包含用于文章元素的块。我们编写了一个可视化文章设计器，其中包含用于文本、多列布局和其他内容的块，并将其实现到我们熟悉的管理面板中。在这样的构造函数中，内容管理员可以选择合适的模块，向其中添加图像或文本，并且布局不会发生任何变化。
在新的文章生成器中，内容管理员可以布置这样的表格，而无需等待开发人员的帮助
我们设立了样式网格，以便更轻松地管理网站的外观。 它拥有一个出色且相当全面的设计系统。为了方便Tema团队管理，我们完全定制了样式。现在，当需要更改所有页面上任何元素的大小或颜色时，开发人员只需在一个地方更改特性。此外，内容管理员可以独立更改一些元素，例如不同产品类别的背景颜色。
实现元标记模板以简化内容管理员的工作并遵循 SEO 建议。通常，在布局页面时，内容管理器会将影响索引的各种数据输入 Bitrix。我们为这些数据添加了一个处理程序，以确保始终自动填充这些数据。因此，当向网站添加新产品或文章时，会从页面 手机号码列表 标题和类别中提取元标记（例如标题和描述）。如果有必要，内容管理员可以手动设置。
这是针对懒人饺子食谱页面的自动生成的片段：页面的主标题被拉入模板（以彩色突出显示）。结果是一个合乎逻辑的描述。
Vyacheslav Kulik， IT-Agency 开发主管“从头开始重写网站时，我们选择了一种非标准方法。该问题还有其他解决方案：例如，我们可以完全放弃 Bitrix。但对于客户团队来说，保留熟悉的管理界面非常重要。
我们的方法考虑到了客户的意愿并解 使用这些电子邮件模板创意庆祝五月五日节 决了以前站点的问题，例如工作速度和易用性。此外，我们自己也对实施这个解决方案很感兴趣。
Tema 团队同意我们的想法。最终结果是网站可以立即加载，只需要开发人员很少的精力去维护，并且在搜索中排名正确。”
该文章最初发表在IT-Agency Academy上，西班牙比特币数据库 您可以在其中学习有关互联网营销、SEO、CRM 以及管理、分析和代理结构的其他材料。