Firebase托管SPA的SEO

Question

对于单页面应用程序,需要在服务器配置中实现一些高级重写规则,以便将Web爬虫和社交媒体机器人代理到缓存预先呈现的JavaScript SPA内容版本.

使用像http://prerender.io这样的服务

您将注意到此处模板化的各种服务器配置规则,用于演示此代理:https: //prerender.io/getting-started#install-it

使用https://www.firebase.com/docs/hosting/guide/url-redirects-rewrites.html Firebase是否支持这种复杂程度？

例如 - 如何使用Firebase重写规则实现此nginx配置:

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面临的一半战斗.

Answer 1

Firebase核心开发人员在这里

Firebase宣布了基本的SEO支持,这使得它可以在3月份的ng-conf 2015上与Googlebot一起使用.在公告的16:30左右看到此演示文稿.

Firebase仍然打算在某些时候使用prerender.io和Brombone等预渲染工具,以便为SEO提供更复杂的选项.但是,如果您升级到最新版本的Firebase客户端(本帖时为2.2.4),这应该"正常工作".

Answer 2

截至 2014 年 10 月 10 日，Firebase 似乎正式说“不”： https: //github.com/firebase/firebase-tools/issues/33

另一种选择是 Divshot 托管。他们提供了一个非常容易实现的 Prerender 解决方案：http://docs.divshot.com/services/prerender