这是任何前端开发人员或后端开发人员的帖子，他们想知道他们应该了解SEO的内容。 线上网站SEO不仅仅需要SEO专家，这是团队的努力。这意味着让多个人参与进来，包括设计师，前端和后端开发人员。 每个人都必须了解他们在构建搜索引擎友好型网站中的作用。 在构建网站时，通常涉及以下角色：

• SEO策略师进行关键词研究，并根据他们对客户业务目标和需求的了解来规划所需的目标网页。 它们提供了必须在网站上的页面列表以及特定于特定网站需求的任何前端开发建议。

• 信息架构师从SEO策略师那里获取信息，然后将其整合到他们的IA工作中，以获得既可用又对搜索引擎友好的网站。

• 设计人员创建了一个界面，将IA线框转换为一个品牌良好，有效的通信工具，可以处理为SEO目的指定的必要内容。 设计人员还负责确保他们使用的对SEO项目至关重要的字体是机器可读的，并且页面加载时间和跳出率不会受到设计元素的负面影响。

• 前端开发人员必须确保以搜索引擎友好的方式对内容进行开发。

• 后端开发人员需要确保URL的正确规范化，并提供帮助SEO的必要工具。

前端开发人员的SEO标准：

为了让前端开发人员和后端开发人员能够轻松地在完成网站构建过程中需要考虑的项目列表， 我已经制定了一系列标准：

CSS vs Tables

这不应该提及，但网站应该使用CSS而不是表结构。 这允许改进页面上的内容元素的排序。 例如，能够将一个长左侧边栏放在下面而不是在一块独特内容之上是很好的。 CSS允许这种情况发生。

使用H标签和其他样式元素

将H标签（H1，H2，H3等）和标签的使用限制为非重复内容。 这意味着不要在站点范围的标题，侧边栏，页脚或在网站或多个页面上重复的任何内容上使用这些HTML标记。 相反，使用常规div。 在每个页面上为这些标签保留唯一内容。

字体

尽可能使用机器可读字体。 另一种方法是使用字体替换，例如@ font-face。 作为最后的手段，使用图像来显示文本。 将图像放在图像标记（而不是使用CSS）中，使用替代文本，逐字逐句地重复图像中写入的内容。

图片

对于风格元素的图像，使用CSS背景图像很好，但对于在页面特有的文本体内找到的内容元素，请使用常规图像标记。 对于徽标，请使用图像标记而不是使用文本替换，如此处所示。 http://css-tricks.com/rethinking-css-image-replacement/（参见“新方式”）。 Alt标签应包含图像中显示的单词。

网站速度

在10Mb连接上加载网页不应超过3秒。 前端开发人员不对导致页面快或慢的全部内容负责，但他们确实可以发挥作用。 这意味着整合CSS和javascript文件，在页面末尾加载javascript，创建精灵并寻求其他缩小尺寸的机会。

内容可读性

搜索引擎无法读取