|
Post by account_disabled on Dec 30, 2023 0:09:59 GMT -5
为了更好地理解和普及SPA的原理,我们以我的Google搜索分析工具(SERP)为例。 在初始请求期间,所有代码都被“加载”。然后,当输入关键字并且用户要求“浏览 SERP”时,Google 页面将显示其提取的数据。只有此页面列表在应用程序中被“刷新”。您可能会注意到该页面没有重新加载。 优化 Google SEO 的 SPA 解释 对于语言的改变,也是同样的原理。页面保持不变,仅翻译和更新文本。 还要了解,从应用程序的角度来看,所 WhatsApp 号码数据 有页面(所有路由)的页面 HTML 标头都是相同的。 您是否开始看到这种类型的架构与 SEO 相关的限制? SEO 的 SPA 问题 SPA 的主要缺点之一与 SEO 有关。 SPA 的所有“页面”都被 Google 视为单个页面,并且视为单个空白页面……或者几乎。 查看应用程序的源代码,它只是一个负责显示数据的 JavaScript。 单页应用程序 (SPA) 的 SEO 挑战:Google 将其视为单页和可见内容问题。 我们可以想象按原样索引页面,但我们会遇到以下问题: 应用程序的所有视图具有相同的标题 相同的描述 相同的规范链接 社交网络的相同开放图谱标签 相同的元数据 相同的网址 即使 URL 对于 SPA 来说也是有问题的,因为默认情况下框架使用主题标签机制来区分应用程序的路由。 最后,我们来谈谈 SEO 中必不可少的内容。我们都知道“内容为王”这句话。 如果我的应用程序为“空”,Google 如何浏览和索引我的应用程序不同页面的内容? 如何为 SPA 的每个页面设置不同的标题和元标记? 不要惊慌,框架中有一些要点需要查看或回顾。但首先,我们来谈谈 Google 和 Javascript。 谷歌和 JavaScript Google 很好地管理基于 javascript 的网站。 通过 Googlebot 的每个新版本,Google 都会改进网络抓取和索引编制。Google 现在可以很好地管理基于 javascript 的网站。 你知道谷歌如何索引你的网站吗? Google 分两个阶段执行索引: 当您第一次访问页面时,机器人会为其“看到”的代码建立索引。 然后,在第二步中,机器人将执行页面的 JavaScript 代码,并准确索引 Web 浏览器向用户显示的内容。 机器人的第二遍至关重要,因为它将允许正确索引应用程序的内容。 根据网站的大小和页面数量,索引步骤之间可能会花费或多或少的时间。对于页面较少的网站,这两个步骤几乎可以立即完成。 一步一步让您的 VueJs 应用程序 SEO 友好且多语言 对于单页 Web 应用程序的问题,有必要考虑要索引的页面数量并定义渲染模式: CSR:客户端渲染,客户端负责显示应用程序及其内容。就其本身而言,服务器发送静态文档。 SSR:服务器端渲染,逻辑和内容都在服务器端管理,客户端只负责显示。 消息 增长新闻 - 法国第一届增长新闻 每周 3 篇文章和 1 个成长工具 箭 beber.arnault@wanadoo.fr 箭 SSR 方法的设置比较繁琐,但如果您有大量页面需要索引并且内容更新频繁,那么这将是最佳解决方案。
|
|