个人中心
文章发布
退出
作者热门文章
- iOS/Objective-C 元类和类别
- objective-c - -1001 错误，当 NSURLSession 通过 httpproxy 和/etc/hosts
- java - 使用网络类获取 url 地址
- ios - 推送通知中不播放声音
24
4
我正在使用 React 和 Node JS 构建通用应用程序 ()。我还使用 react-helmet 作为库来处理页面标题、元数据、描述等。但是我在使用 ajax 动态加载内容时遇到了一些麻烦，谷歌爬虫无法正确获取我的网站，因为内容将被动态加载。有什么建议可以解决这个问题吗？谢谢!
最佳答案
我有过类似的情况，但后端是 django，但我认为你使用哪个后端并不重要。
首先让我了解一下基础知识，谷歌机器人实际上不会等待您的 ajax 调用完成。如果你想测试它在谷歌网站管理员工具上注册你的页面并尝试以谷歌方式获取，你会看到你的页面是如何被机器人看到的(我的只是带有加载图标的空页面)，所以由于调用没有完成，没有数据和页面是空的，这对于 SEO 来说不好，因为机器人会阅读文本。
所以您需要做的是尝试服务器端渲染。您可以通过两种方式做到这一点 prerender.io或在后端创建模板，这些模板在首次调用页面时加载，之后您的单页应用程序就会启动。
如果您使用 prerender，它是付费的，但 pre-render 内部使用您可以直接使用的 phantom.js。但它对我来说并不是很好，所以我开始在后端创建模板。 因此当机器人或用户第一次(或第一次进入)页面时，页面是从后端或前端提供的。
如有任何问题，请随时提问 :)
关于express - 在 Isomorphic React 上处理 SEO，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39696071/
24
4
0
我看到两者都用于 SSR。那么有什么区别呢？除了isomorphic-fetch being older and slightly larger gzipped package . 链接: Isomo
我一直在使用 Angular 2 Universal 进行同构应用程序开发但有一件事我脑子里想不明白。 我的理解是，在不同的模块上保持后端和前端是一种很好的做法，但在使用 MEAN 应用程序时，这似乎
题目地址：https://leetcode.com/problems/isomorphic-strings/#/descriptionopen in new window 题目描述 Given t
我正在浏览 React 教程，在网上我看到了很多关于同构 React 的内容。只是对它是什么以及它如何工作感到困惑。 我的理解是“同构React”是一个应用程序，它在启动时加载所需的所有数据，然后根据
嘿，我正在做这个简单的 react + SSR 项目，它包含了 同构风格的加载器。我按照此处详述的分步指南实现它 https://www.npmjs.com/package/isomorphic-st
我认为在实现同构单页应用程序时，您还开发了一个私有(private) api，您的客户将点击该 API 进行更新，这是隐含的。 我的问题是，当您将代码更改推送到服务器时，将会有“陈旧”的客户端仍在运行
为什么/不应该限制s与 t 同构, 和 b与 a 同构在 Iso s t a b 类型的同构中? 我知道我们有一个正向映射 s -> a , 和反向映射 b -> t ，但是为什么在这些映射上没有施加
我想根据浏览器窗口的当前大小设置组件的状态。已经使用服务端渲染(React+Redux)。我正在考虑使用 Redux 商店作为胶水 - 只是为了在调整大小时更新商店。是否有任何其他/更好的解决方案不涉
我想根据浏览器窗口的当前大小设置组件的状态。已经使用服务端渲染(React+Redux)。我正在考虑使用 Redux 商店作为胶水 - 只是为了在调整大小时更新商店。是否有任何其他/更好的解决方案不涉
我正在使用 React 创建一个网站，其中一个步骤涉及创建一个事件。我创建了一个使用同构获取发布到 API 的步骤。 import fetch from "isomorphic-fetch"; exp
我正在使用同构-fetch https://github.com/matthew-andrews/isomorphic-fetch每次返回响应时，无论成功还是失败，我都会看到属于调试类别的控制台日志。
我观看了 Simon Peyton Jones 关于 Control.Lens 的演讲，他表明这里定义的 Lens 和 LensR 是同构的: type Lens s t a b = forall f
所以基本上我是用 fetch POST 或 PATCH 方法发送数据，当我遇到错误时，我可以在网络中看到 -> 响应此错误: { "Errors": [ { "Code": -
有人可以向我展示如何将 Boost Graph Library 同构函数与顶点不变量一起使用的示例吗？我正在查看 http://www.boost.org/doc/libs/1_50_0/libs/g
我收到错误@types/isomorphic-fetch has no default export fetch import fetch from 'isomorphic-fetch'; expor
在Algorithm Design Manual , 它说 Are you testing whether two trees are isomorphic? – Faster algorithms
我正在使用 React 和 Node JS 构建通用应用程序 ()。我还使用 react-helmet 作为库来处理页面标题、元数据、描述等。但是我在使用 ajax 动态加载内容时遇到了一些麻烦，谷歌
我在这里看到了两种不同的抓取方式: https://github.com/github/fetch https://github.com/matthew-andrews/isomorphic-fetc
对于图G，如果我们选择不同的起始顶点或选择不同的未探索边，它可能有许多不同的DFS森林。因此我们可以构造 G 的许多辅助图。 G的所有辅助图是否都同构？证明你的答案。 我知道图同构是什么意思，但我不知
我正在尝试使用带有 iisnode 的 node.js 来运行 React在 IIS 上 我已经安装了最新的 Node 和最新的 iisnode 并使用这个 stackoverflow 作为指南，但无
我是一名优秀的程序员,十分优秀！