【问题标题】:SEO optimization for AJAX site and dynamic HTML canvasAJAX 网站和动态 HTML 画布的 SEO 优化
【发布时间】:2012-05-01 16:36:08
【问题描述】:

我有一个网站,它使用 AJAX 查询 Last.fm 数据库,然后在 HTML 画布上动态绘制结果图。在搜索功能中,我有一个将 window.location.hash 设置为搜索参数的命令。我还有一个函数可以检查 url 中是否提供了哈希,如果是,则生成页面。

例如,http://www.thenlistento.com/#!/led+zeppelin 将自动导航到 Led Zeppelin 的搜索页面。

我的问题是,如何针对 SEO 优化此设置?可以做到吗?我查看了 Google Webmaster Docs 并阅读了 hashbang 协议,但我不完全确定如何将其应用于我的情况..或者即使我可以。

任何帮助/建议将不胜感激。

网站链接:http://www.thenlistento.com

【问题讨论】:

    标签: jquery html ajax api seo


    【解决方案1】:

    首先查看没有任何样式表的网站。

    您的代码看起来很棒而且很干净!

    你所有的链接都显示为 # 而不是转到 somepage.php/.html 等 - 我从事 SEO 已经有一段时间了,但如果我没记错的话 # 链接的排名低于转到新页面的链接。

    此外,您的所有错误文本都在页面上可见,无需样式,如果某些蜘蛛认为您“隐藏”了文本,它们会将您的排名降低。

    您在 etc 中有元标记/描述(尽管它们是否会影响您的 PR,仍有待商榷)。

    你提到了谷歌网站管理员,所以我认为你已经提交了你的网站以供索引。

    您有一个 robots.txt 文件。

    到目前为止,您所做的一切都是正确的。我想说是时候开始建立链接了;从排名较高的相关网站链接到您自己的网站。

    【讨论】:

    • 谢谢!但是,您是什么意思,错误文本在没有样式的情况下可见?该网站已提交索引。我专注于生成搜索的 HTML 快照,以便 Google 可以获取它们。我想像 Twitter 处理用户页面那样使用 hashbangs。
    【解决方案2】:

    最后我用phantomjs在服务端提供了一个爬虫版本,phantomjs会渲染页面,等到页面渲染好了,就可以拿到最终的html了,对爬虫有好处。

    请在此处查看我的解决方案:https://github.com/liuwenchao/ajax-seo,您可能还需要一些额外的工作,因为我不确定我的解决方案是否会完全生成 Canvas,欢迎您 fork 我的存储库。

    【讨论】:

      猜你喜欢
      • 2017-04-26
      • 1970-01-01
      • 2014-05-31
      • 2011-01-23
      • 1970-01-01
      • 2011-11-15
      • 1970-01-01
      • 2012-03-12
      • 1970-01-01
      相关资源
      最近更新 更多