【问题标题】:What are best practices and tips to use JavaScript without losing the site's Accessibility and SEO?在不丢失网站的可访问性和 SEO 的情况下使用 JavaScript 的最佳实践和技巧是什么?
【发布时间】:2010-06-27 07:15:50
【问题描述】:

如果禁用 JavaScript 但仍为启用 JavaScript 的用户保留网站可用性,哪些最佳做法和技巧可以在不丢失网站的可访问性、可用性和 SEO 以及网站内容的情况下使用 JavaScript?

在什么情况下我们应该避免完全依赖 JavaScript?

【问题讨论】:

  • 这听起来已经问了很多问题了。

标签: javascript jquery seo accessibility


【解决方案1】:

您应该使用progressive enhancement 的原则开发网站。

也就是说,让它在没有 CSS 和 Javascript 的情况下工作(并且看起来不错)。添加 CSS,然后逐步添加 Javascript。这个想法是您可以使用 CSS 和 Javascript 来更改原始标记并使其以更好的方式工作,但如果它们不存在,该站点仍然可以正常工作。它是graceful degradation 的另一面。

这在一般 javascript 使用方面考虑了可访问性,并且也适用于 SEO,因为您的网站内容将可供不同的机器人使用,无论它们是否使用 javascript。

【讨论】:

  • @metal-gear-solid - 使用其中的每一个,问问自己,如果没有这个 javascript,网站 工作 可以吗?如果不是,那么它们不是 OK。
  • @Oded - 我认为在所有这些情况下都不是网站内容的实际部分。内容仍可访问。我说的对吗?
  • @metal-gear-solid - 它们确实会影响可用性,只要您可以在没有 javascript 的情况下保持同样的使用方式,就可以了。
  • 是的,它们确实会影响可用性,但只有禁用 JavaScript 的用户才会有问题,因为这些用户非常低。这些都不是关键的内容和功能。这些是额外的。所以我可以说这种情况是“渐进式增强”吗?
【解决方案2】:

如果您使用 MVC,您可以轻松地为每个页面构建 2 个控制器,一个使用 javascript 生成富客户端应用程序等; 2nd 仅使用链接和文本生成简单的界面。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2021-06-17
    • 1970-01-01
    • 2015-11-22
    • 2013-12-31
    • 2012-05-04
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多