对于单页应用,需要在您的服务器配置文件中实现一些高级重写规则,以代理网络爬虫和社交媒体机器人来缓存 JavaScript SPA 内容的预渲染版本。
使用类似 http://prerender.io 的服务
您会注意到此处模板化的各种服务器配置规则,这些规则演示了此代理: https://prerender.io/getting-started#install-it
使用 https://www.firebase.com/docs/hosting/guide/url-redirects-rewrites.html Firebase 是否支持这种复杂程度?
例如 - 我将如何实现 this nginx config使用 Firebase 重写规则:
server {
listen 80;
server_name example.com;
root /path/to/your/root;
index index.html;
location / {
try_files $uri @prerender;
}
location @prerender {
#proxy_set_header X-Prerender-Token YOUR_TOKEN;
set $prerender 0;
if ($http_user_agent ~* "baiduspider|twitterbot|facebookexternalhit|rogerbot|linkedinbot|embedly|quora link preview|showyoubot|outbrain|pinterest") {
set $prerender 1;
}
if ($args ~ "_escaped_fragment_") {
set $prerender 1;
}
if ($http_user_agent ~ "Prerender") {
set $prerender 0;
}
if ($uri ~ "\.(js|css|xml|less|png|jpg|jpeg|gif|pdf|doc|txt|ico|rss|zip|mp3|rar|exe|wmv|doc|avi|ppt|mpg|mpeg|tif|wav|mov|psd|ai|xls|mp4|m4a|swf|dat|dmg|iso|flv|m4v|torrent)") {
set $prerender 0;
}
if ($prerender = 1) {
rewrite .* /$scheme://example.com$request_uri? break;
proxy_pass http://service.prerender.io;
}
if ($prerender = 0) {
rewrite .* /index.html break;
}
}
}
作为旁注 - 我认为你们现在支持做以下事情真是太好了:
"rewrites": [ {
"source": "**",
"destination": "/index.html"
}]
但发现这实际上只解决了 SPA 面临的一半问题。
最佳答案
这里是 Firebase 核心开发人员
Firebase 在三月份的 ng-conf 2015 上宣布了基本的 SEO 支持,这使得它可以与 Googlebot 一起工作。参见 this presentation 16:30左右公布。
Firebase 仍然致力于在某个时候与预渲染工具(如 prerender.io 和 Brombone)合作,以便为 SEO 提供更复杂的选项。但是,如果您升级到最新版本的 Firebase 客户端(本文发布时为 2.2.4),这应该“正常工作”。
关于seo - Firebase 为 SPA 托管 SEO,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25629060/