【问题标题】:Firebase hosting SEO for SPA'sFirebase 为 SPA 托管 SEO
【发布时间】:2014-09-02 17:29:29
【问题描述】:

对于单页应用,需要在您的服务器配置中实施一些高级重写规则,以代理网络爬虫和社交媒体机器人来缓存 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 重写规则实现 this nginx config

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面临的一半问题。

【问题讨论】:

  • 谢谢丹!顺便说一句,这看起来像是更适合 support@firebase.com 或邮件列表的反馈。这里是否有一个特定的问题需要使用 SO 的问答格式来解决?
  • @Kato 是啊哈哈,是否可以使用您的重写规则引擎实现我链接的示例模板中看到的代理规则?我已将问题更新为更清楚。
  • 遗憾的是,这有点超出了当前重写规则的范围。我会让我们的一位托管专家来这里验证一下。
  • @Kato 谢谢。如果不可能,我很好奇下一步请求作为附加功能 - 无论是使用更复杂的重写规则还是利用您自己的预渲染/缓存服务 - 这个问题可能会阻止很多人利用您的托管平台仅仅因为 SEO 对大多数 SPA 来说仍然至关重要。
  • 我也为此苦苦挣扎,最终不得不放弃 Firebase 的托管服务并选择了 Divshot。它们使 Prerender 开箱即用非常简单:docs.divshot.com/services/prerender

标签: seo firebase firebase-hosting


【解决方案1】:

此处为 Firebase 核心开发人员

Firebase 在 3 月的 ng-conf 2015 上宣布了基本的 SEO 支持,使其能够与 Googlebot 一起使用。请在 16:30 左右查看 this presentation 以获取公告。

Firebase 仍然致力于在某个时候使用 prerender.io 和 Brombone 等预渲染工具,以便为 SEO 提供更复杂的选项。但是,如果您升级到最新版本的 Firebase 客户端(本文发布时为 2.2.4),这应该“正常工作”。

【讨论】:

  • 圣诞愿望 - 希望得到全面支持(非谷歌搜索引擎、Facebook OpenGraph 标签、Twitter 卡片等),而不仅仅是谷歌的搜索引擎。
  • 嗨@jacobawenger 有什么更新吗? firbase 托管的 SPA 不适用于 slack 或 fb 等共享工具。有没有我们可以添加的工具或插件?
  • 嗨,现在是 2018 年,关于如何将 prerender.io 与 vue js 应用程序挂钩有任何更新吗?我实际上是在网上寻找解决方案
  • @jwngr 对此有进一步的更新吗?我们可以/应该为 Firebase 托管的 SPA 使用像 prerender.io 这样的插件吗?
【解决方案2】:

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

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

【讨论】:

  • 有人对 Firebase 的预渲染有反馈吗?
猜你喜欢
  • 2021-07-12
  • 2018-10-02
  • 2016-12-13
  • 2021-10-30
  • 2018-08-08
  • 2018-07-13
  • 2018-10-18
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多