boltzmann探索_探索一页网站概念

boltzmann探索

Before starting a series of articles on how to implement one-page sites with JavaScript, it makes sense to explain the essence of the design concept, which has burgeoned in popularity.

在开始撰写有关如何使用JavaScript来实现一页网站的系列文章之前，先解释一下已Swift流行的设计概念的实质是有意义的。

Examples on this blog include:

该博客上的示例包括：

• Pintrest-style layout

  品脱风格的布局

• Background reveal scroll

  背景显示滚动

The traditional architecture of a web site is a series of separate pages: an introduction or index page, an “about” page, an order form, etc., divided up into a book-like format (albeit one that may be read in any order). In a site that undergoes continuous growth such as a blog, this model might be extended through pagination. This standard approach has a number of advantages:

网站的传统体系结构是一系列单独的页面：简介页面或索引页面，“关于”页面，订单表单等，分为类似书的格式(尽管可以以任何形式阅读)订购)。 在博客等不断增长的网站中，可以通过分页扩展此模型。 这种标准方法具有许多优点：

• Dividing site content into clear, logical units makes it easier for users to find the information they are after.
  将网站内容划分为清晰的逻辑单元，使用户可以更轻松地找到所要查找的信息。

• Page titles can accurately reflect the particular content of the page, adding SEO value.

  页面标题可以准确地反映页面的特定内容，从而增加SEO值。

• Assuming they are well-optimized, each page will load quickly for most users.

  假设它们已经过优化 ，则每个页面都会为大多数用户快速加载。

Interestingly, the popular design language of the web has recently moved backwards, from a “book” architecture to a “scroll” format. Single page sites are exactly that: a lone document that contains all the information for the site. This page may be effectively infinite in length, continuously updated with older information as the user scrolls. While it encourages creative exploration – there are of lot of clever sites that utilize CSS parallax techniques and/or JavaScript scroll-position detection routines to keep the user engaged – employing a “one page” design is typically restricted to very particular kinds of sites:

有趣的是，网络流行的设计语言最近向后移动，从“书”架构的“滚动”格式。 单页站点正是这样：一个包含站点所有信息的单独文档。 该页面的长度实际上可能是无限的，并且随着用户滚动而不断使用较旧的信息进行更新。 尽管它鼓励创造性的探索-许多聪明的网站利用CSS视差技术和/或JavaScript滚动位置检测例程来吸引用户，但采用“一页”设计通常仅限于非常特殊的网站：

1. The information the site needs to impart is very limited. One-page sites are often promotional, intended to grab the user’s interest rather than conveying complex concepts or large amounts of data.
   该站点需要传递的信息非常有限。 一页的网站通常是促销性的，旨在吸引用户的兴趣，而不是传达复杂的概念或大量数据。
2. Information on the site is very frequently updated, with new content added every few minutes. Users will see the most recent information added at the top of the page, and will close the site after scrolling past few screen’s worth of content.
   网站上的信息经常更新，每隔几分钟就会添加新内容。 用户将在页面顶部看到添加的最新信息，并在滚动浏览了几个屏幕内容后将关闭该网站。

There are a few disadvantages to the one-page format:

单页格式有一些缺点：

• At the moment, single-page sites are difficult or impossible for casual users to bookmark. Returning to a one-page site means scrolling until you relocate the information you are after.
  目前，临时用户很难或不可能为单页站点添加书签。 返回一页站点意味着滚动，直到您找到所需的信息。
• The amount of content in one page sites means that the total file size of the page tends to be very high, making load times long unless the page is very cleverly designed.
  一个页面站点中的内容量意味着该页面的总文件大小往往非常高，除非页面设计得非常巧妙，否则加载时间会很长。

• SEO may be compromised: Google will currently index everything that appears on a webpage at the moment the page loads, but it will not index content that is dynamically updated via JavaScript. The Googlebot doesn’t act like a human being: it doesn’t “scroll” down a page, and won’t see content that is added in response to such actions. In addition, Google will always deliver the user to the top of a page: on a single-page site, this means that the visitor will likely have to scroll to find relevant content after landing. The lower down on the page this information is, the more visitors will abandon the site before reaching their goal.

  SEO可能会受到损害：Google当前会在页面加载时立即索引网页上显示的所有内容，但不会索引通过JavaScript动态更新的内容。 Googlebot的行为不像人类：它不会“向下滚动”页面，也不会看到为响应此类操作而添加的内容。 此外，Google始终会将用户引导到页面顶部：在单页网站上，这意味着访问者登陆后可能必须滚动查找相关内容。 此信息在页面上越靠下，则更多的访客会在达到目标之前放弃该网站。

Single page sites do tend to create higher visitor engagement, as the user doesn’t have to find site navigation or make a decision as to where to go next: they just keep scrolling to find new content. But leading the visitor through that content, designing and displaying the information in a captivating and useful way, is an art in itself.

单页网站的确可以增加访问者的参与度，因为用户不必查找网站导航或决定下一步的去向：它们只是不断滚动以查找新内容。 但是引导访问者浏览该内容，以一种引人入胜且有用的方式设计和显示信息，本身就是一门艺术。

翻译自: https://thenewcode.com/504/Exploring-The-One-Page-Site-Concept

boltzmann探索

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！