从搜索引擎优化角度的网站设计指南

显然，要成为serp的精通者，您可能需要的不仅仅是一个仅仅是搜索优化或精心设计的网站．你可能需要大量的社会认可，高级超链接，共同引用等等。这些评级方面的问题在于，它们很难从数量上实现，通常需要大量的努力才能实现。因此，绝大多数网站都没有它们。但是你可以通过出色的页面优化和引人注目的设计来完成伟大的事情。那么，我们如何才能构建看起来精彩和诱人的网站，保持SEO质量完好无损?

网页字体

来自Fonts.com, Typekit, Font Deck，谷歌和其他流行网站的Web字体已经存在了几十年，并提供了一种有效的方式来提供网站类型而不降低可爬行性。它们代表了一个精心优化和设计的网站的基本框架和基础类型。

优化设计

开发好看的网站，也有良好的SEO质量最大的困难是统一这两个学科。开发人员会关注那些看起来不错的网站，并通过直观的方式开发出对用户友好的知识，尽管另一方面，SEO需要一个真正可爬行的利基网站，而且评级很高。得到优化设计雇佣一个网页设计师．

可扩展的DIV

另一种将可索引材料整合到智能网站风格的好方法是可扩展的div。它可以通过鼠标点击创建适当的(和可爬行的)文本可见性来提供大量的SEO和UX好处。

隐藏的元素

cta、广告牌、信任信号和其他站点组件通常可以包括我们希望谷歌获得的那种通信;然而，一般来说，这些毫无疑问将显示为图像。因此，提供和折扣，如第二天送货，免费送货，在某些天内交货和许多其他没有被爬行。使用网页字体、CSS和HTML开发这些组件，以便蜘蛛和机器人可以获得它们。

网页结构

首先要理解的要点可能是信息数据在整个页面上的位置、信任信号、cta等的重要性。走传统的方式是有必要抓住游客的注意力。杂志封面就是一个很好的例子。他们知道出版物通常都放在分层的架子上，因此他们必须有一个真正吸引人的报头。

这些变量的杂志风格有正常的特点，网站设计师需要竞争和目标比实际在谷歌的新头重头轻的算法更新网站的地方。这样的地方被称为“热点”——基本上是网站上的战术工作，杂志制作人可以对提高你的注意力产生最有效的影响。

结合所有网站元素

网页标题的意义不仅仅是帮助网站分类。这些标题还有助于搜索引擎和用户。每个页面都必须有一个标题以及页面内容的解释。避免太可爱的标题。它们必须是切题的，翔实的，并有一个关键词。

标题要简短，比如55到65个字符。然后用页面标题补充导航链接- title= "页面名称" href= " link "。您的页面将得到一个SEO增强，因为它具有相同的特征。此外，将媒体组合在一个文件夹中，并将其命名为“photos”或“images”，以便它产生一个描述性和清晰的URL/images/xxxx。

可读的HTML也是可抓取的HTML。代码的结构必须与网站的内容相匹配。从导航和菜单开始，然后是H1标签和按此顺序的正文文本。在可能的情况下，以它们应该被使用的方式使用标记。文件的命名方式也很重要。在上传的项目的文件名和保存的文件中合并适当的信息。搜索引擎优化将文件名称作为单词进行抓取，所以不要使用下划线或空格，使用连字符从一个单词修改为另一个单词。通过这种方式，爬虫将正确地读取您的信息。

最后，让你的url有意义。每个URL必须清楚地说明页面上的内容。不要使用随意生成字母或数字的url。例如，http://blog.spinxwebdesign.com/article/how-to-improve-your-designing-and-development-skills/而不是http://blog.spinxwebdesign.co/5486-2453。URL有助于搜索引擎优化，因为它补充了页面的内容，并有关键字，除了表达足够让用户识别页面的内容时，他们看到它在其他地方。

JavaScript代码

JavaScript并不完美。但是有几个需要回忆的基本要素当你正在制作一个javascript丰富的页面时。这里有5个JavaScript SEO技巧。

• JavaScript很重要

特别是在旧的Windows中，CSS3特性通常不能很好地发挥作用。要完成任何相关的工作，通常需要JavaScript。在不同的情况下，JavaScript对于有效的动画和制作丰富的互联网应用程序也是必要的。因此在需要时使用JavaScript吗．

• 贬低JavaScript

确保你的规则在填充时被缩小或压缩了。这提高了网站速度，节省了大量的页面加载时间。然而，在JS记录中还包含注释。现在可以通过浏览引擎找到它们。因此，当您显示JS文档以供使用时，您将得到必要的反向链接．

• 将JavaScript放在网站的底层以提高速度

JavaScript需要时间和精力来加载。最好先填满其他东西，把魔鬼一直留到最后。网站加载时间在浏览结果中越来越重要。通常尝试维护额外的javascript。内联程序加载速度较慢。在许多情况下，外部保存的程序被windows缓存，因此提高站点率也进一步。在可能的情况下使用CDN的网站。它们将一些固定的内容卸载到其他系统，以确保对各种主机的需求最小化。就像我说的，网站点击率越来越重要。

• 少用JavaScript

尽管如此，JavaScript不会让你受到惩罚，但是JavaScript仍然很难被抓取。显然，如果你使用最有用的代码技术，你会做得很好。但是要将JavaScript保持在最低限度，以完全确保您的内容网络搜索引擎是否友好。

• 保持你的脚本以降低内容比例

根据内容比例重新排列HTML标签;对于出色的SEO来说，它一定很低。信息越多，你的分数就会越高。所以减少JS的使用通常是很好的。

这些技巧将足以不损害你的SEO，但提供良好的消费者体验。

AJAX的影响

AJAX(异步JavaScript和XML)是一组相互关联的互联网进程实践，用于客户端生成活跃的互联网应用程序。AJAX的主要优势在于，它提供了升级网站上的信息数据的机会，而不会刺激整个页面。AJAX对于创建更有活力的站点的选择是很好的一般喜欢但是AJAX的使用在不同的领域也有大量的限制。考虑互联网分析，书签，右返回键的使用，不用说，搜索引擎优化。

SEO的基础是，每个具有各种内容的网站实际上都是一个替代文件，因此它具有各种地方(URL)。当一个典型页面上的信息发生变化时，它就变成了一个替代文件，因此必须有一个替代URL。在AJAX出现之前，这是自动发生的。使用AJAX，机器可能需要新的内容，而不会刺激页面。因为AJAX使用JavaScript来创建带有新内容的站点，搜索引擎机器人无法获得这些修改过的页面。因此，谷歌不会索引任何仅通过AJAX需求可用的内容。不过，你会发现一些可能的解决办法关于这个问题．

但是AJAX可能会为SEO提供一些机会。您可能希望将数据显示给客户，但不希望显示给研究引擎。这就是AJAX可以用于SEO的地方。

你可以使用AJAX详细说明不同的操作(创建你不希望被索引的新页面):

• • 表单提交的强烈反馈

• • 升级购物车

• • 在反馈领域引入想法

• 典型页面的规划信息(拖拽、筛选或排序)

AJAX对SEO的限制已经被寻求解决一段时间了。创建AJAX可抓取的问题在于，不是为索引设计的内容可能会突然被索引。然而，事实是谷歌正在研究一种简单的方法生成可爬行的AJAX．Gmail以及谷歌Maps和谷歌Wave的蓬勃发展是因为选项和AJAX界面的简单性。谷歌实际上为AJAX应用程序的发展提供了一个简洁的工具包。此外，他们还编写了如何生成可爬行AJAX应用程序的有用信息。

丰富的片段和SEO

获得优秀搜索结果的秘诀在于结构化数据，即丰富的片段。结构化数据提供了一种除标准站点概念、URL地址和元信息之外的额外信息。额外的信息可能包含照片，排名，商标数据，网站数据，联系数据和更多。不同的框架可以使研究效果更具吸引力，使其与竞争对手不同。富片段的目的是提供一个改进的web链接内容的概述。这使得个人在进入网站之前就能做出决定——效果是否与他们提出的问题相匹配。确切地说，有9个类别可以增加谷歌结果——餐馆、食谱、音频、视频、人员、产品、组织、事件和作者。如果你的网站不符合任何一个组，你可以在你的网站上创建一个博客，并将其链接到作者。

一个丰富的片段包含:

• • 谷歌+帐号的帐号镜像

• • URL到谷歌+帐户

• • 作者加入了多少组

• URL链接到作者的更多内容

此外，作者排名不仅增强了丰富片段的美学外观，而且还有另一个不太被识别的优势。当用户按下与作者相关的超链接，在网站上停留一段时间，然后通过按“返回”开关返回，搜索结果将显示更多与作者相关的超链接。富代码段需要对HTML代码有基本的了解。有组织的知识是通过添加几行HTML代码获得的。这些可以在三种模型中找到:

• • 微数据–它应用了简单的HTML标签特征，其中包括一个简短和详细的标题的主题页面。微观知识是这三种变体中最简单的一种。

• • 微格式-根据HTML标签的“类型”特征运行，例如200 Major St。

• • RDFa-运行在简单的XHTML标签特征上。例如:xmlns:v= " http://rdf.data-vocabulary.org/# " typeof= " v:Individual " >

• 信息标签-帮助谷歌知道什么数据是在网站和URL它到一定的搜索。

如果HTML规则覆盖了卷，那么谷歌数据高亮显示也许会有帮助。该软件使现场管理人员无需调整代码就能产生有组织的知识。如果你的网站被谷歌发现，知识是结构化的，它可能会被使用。排列知识对于谷歌了解所指示的页面是必不可少的。经常检查结构化数据测试工具是否正确地包含了富代码片段。筛选确认谷歌是否有能力区分连接到它们的注释并在浏览结果中显示它们。如果在研究中不能立即发现有组织的知识，不要惊慌。谷歌需要时间让您列出并确认连接的数据。这可能需要几个星期。

总结

SEO一定要放在第一位网站设计师在每个项目的开始。好的习惯可以从一开始就以一种高效、简单的方式得到更好的培养，而不是在它开始之后。搜索引擎优化技巧很多，但要小心那些看起来太简单或完美的东西。你可以使用一些SEO工具来完善你的工作，如谷歌网站管理员工具，PageRank，链接流行度，必应网站管理员工具，网站速度测试和搜索引擎位置。即使是最好的网站也需要时间才能上升到谷歌的排名。填充关键词和SEO快捷方式和作弊只是暂时的修复。搜索引擎优化最好的方法就是开发一个内容很棒的网站。在这篇文章中，我列出了SEO的许多要点;如果你有更多的想法，请在评论区分享。

斯蒂芬·莫耶斯说她是一位活跃的技术博主，喜欢写关于在线营销、社交媒体营销和各种技术主题的文章。他目前与Spinx数字是一家总部位于洛杉矶的数字营销机构，提供社交媒体营销、网站设计与开发、搜索引擎优化等一系列服务。你可以跟着斯蒂芬走推特．