一个令人印象深刻的商业网站在今天是必要的。它不仅可以帮助你在潜在客户面前使你的业务合法化,还可以提高你的品牌在网上的知名度。
但是,这还不够:
您需要了解,确保设计和开发一个用户友好、功能齐全、视觉上吸引人的网站同样重要。一个糟糕的网站设计会把访问者拒之门外,增加你的跳出率,损害你的搜索引擎优化工作。
另一方面,一个整洁的布局可以帮助你吸引更多的访客,并减少他们的反弹机会。快乐的访问者可能会花更多的时间在你的网站上,探索你的产品和服务,并转换。
为了确保你的商业网站与你的SEO和转换目标一致,有一些设计元素你应该严格避免:
设计网站时应该避免哪些元素?
1.几乎没有内容
伟大的内容是无可替代的。这就是为什么高质量、易于阅读的内容是最重要的网站设计元素之一,它可以成就或破坏你的SEO努力。
如果你想在SERPS中排名良好,你应该一致创建并发布真实的内容为你的读者提供价值。同时,你应该确保内容呈现得很好。
您希望更多人与您的内容进行搞吗?
然后避免:
- 难以阅读的字体
- 长段落和长句子
- 段落全部大写、粗体或斜体
- 降低可读性的字体颜色
2.过度使用CSS和JavaScript
您可以使用脚本和第三方附加组件来增加站点的趣味性。但是,如果您使用过多的这些网站设计元素,它们会显著增加网页的加载时间。
现在的消费者对加载时间过长的页面没有耐心。事实上,53%的用户可能会放弃加载时间超过3秒的手机网站。
您应该避免过度使用CSS和JavaScript来提高页面加载速度、降低跳出率和提高搜索结果排名。
3.小字体大小
没有人想在阅读你的页面时斜视。小字体会降低可读性,导致低转换。这一点在案例中很明显Numara软件.通过将字体从10pt增加到13pt,该公司在转换方面取得了133%的进步。
4.动态网站
动态网站可能是为用户创建交互界面的一种很好的方式,但它们不是SEO的最佳选择。
这是为什么呢?
为搜索引擎优化这些页面具有挑战性。某些网站设计元素可能会导致爬行问题。例如,长、非关键字丰富、不断变化的url很难建立索引。
5.错误的颜色选择
你选择的颜色会显著影响你的转化率。一个简单的配色方案的改变可以吸引更多的客流量。橙色、黄色和棕色通常是最不受欢迎的颜色。医疗应用,CareLogger,将按钮的颜色从绿色改为红色。这种快速的改头换面使得登陆页面的转化率增加了34%。
6.Flash元素
虽然Flash可以视觉上令人愉悦,但这些复杂的网站设计元素太多可能对您的SEO不利。避免使闪存成为现场可用性的重要组成部分,因为这可能会对可用性产生负面影响。结果,页面排名可能会在谷歌上严重竞争。
7.过度使用图片
你可能遇到过成千上万个不同网站使用的库存图片。虽然库存图片很方便,但它们不一定对你的网站有帮助。根据一项研究视觉网站优化器在美国,真实图片的转换率比库存图片高161%。
8.“隐藏”联系信息雷电竞备用网址
当然,每个人都知道你必须在网站上有联系方式。雷电竞备用网址
但是,你的隐藏了吗?
隐藏您的联系信息可能会拼雷电竞备用网址出麻烦。
您的地址、电话号码、电子邮件和其他联系信息应该便于用户查找。这有助于雷电竞备用网址建立客户信任.确保你的网站联系人很容易获得,也可以提高你的搜索引雷电竞备用网址擎排名。
9.加载缓慢的页面
你的页面加载速度有多快?
网页速度在网站可用性和搜索引擎优化中起着至关重要的作用。如果你的网站加载缓慢,用户可能会简单地点击到另一个网站。然后,他们就会错过你优秀的内容、产品或服务。一个延迟一秒可以将你的转换减少7%!
10图像太多
图片当然会吸引人们的注意,但它们的选择必须谨慎,以免让网站访问者感到困惑。与前一点相关,太多的图像和视觉网站设计元素也会减慢你的网站速度。充斥着大量图片和图形的页面通常排名较低。
12.大标题图片
您可能会错误地认为突出的标题图像很有吸引力,可以构建更好的网站设计。
然而,事实并非如此。
非常大的标题图片会降低内容的质量,减慢页面的加载速度。这可能会导致高跳出率会对你的SEO产生负面影响
13.错误页面不当
404错误对您的转换不利。如果你不能在这些页面上采取行动,搜索引擎优化可能会更糟。我建议您通过创建一个有趣、幽默的404错误页面来改善用户体验。始终包含指向主页和上一页的链接,因为这样可以节省您的转换率。
14. HTML框架
虽然HTML帧对于在页面上的划分内容很有用,但它们也可以损坏您的SEO。这些帧可以防止搜索引擎索引并正确爬行网站。如果可能,尽量避免使用它们。否则,切换到替代网站设计元素,如CSS和PHP。
15.无限卷轴
无限滚动可能适用于像Facebook这样的网站,在一个永不结束的故事中传递线性信息。然而,这种类型的网站设计元素并不是大多数网站的最佳选择。除了超载用户的信息,无限滚动是一个沉重的元素,使页面加载滞后。
16.自动播放功能
让视频、音频或动画在网站上自动播放会分散访问者的注意力。当你打开一个网站时,如果你不得不费力地去寻找开始播放的嘈杂音频的来源,你会作何感想?自动播放功能会导致糟糕的用户体验,从而降低转化率。
17.Auto-Sliders
同样,自动滑块可能不是站点的最佳添加。互联网用户喜欢被控制,所以使用这个功能很容易杀死你的转换。根据圣母大学网站上的一项测试,autostart图像滑块或旋转木马对转换无效。事实上,只有第一张幻灯片收到了一些互动(大约1%)。
18.横幅广告和促销盒
你的网站是否充斥着横幅广告和促销框?
好了,是时候把它们去掉了
用横幅广告和促销框充斥你的网站并不是明智之举。这些网站设计元素占用了宝贵的空间,可能会给你带来风险谷歌惩罚.您的目标应该是将访客集中在您的内容中,以便他们保持一段时间并进行转换。
19侵入性弹出窗口
任何形式的弹出窗口都可能扼杀你的搜索引擎排名和转化率。访问者不喜欢被推到他们面前的广告和优惠。
但是弹出窗口可以帮助增加销售额吗?
可能。但有一个更好的方法:
相反,选择灯箱弹出窗口让用户订阅或注册。以美食工艺博客为例尼基麦格尼格尔,这改进了转换。在8个多月的时间里,通过这种方式增加了7000多名用户。
20.网站重定向
网站重定向有助于保留额外的在线流量,但如果它们设置不正确,它们可以做得更好。例如,您重定向的页面可以跳过索引过程,这将对搜索引擎排名产生负面影响。选择SEO友好结果的301重定向。
21.内容管理系统
内容管理系统是管理站点内容的有用工具。但是,它们中的许多都没有配备SEO标记所必需的网站设计元素。这可能对排名不利。
22.文件大/下载时间长
网站上的文件是否太大?
坏消息是,下载需要更长的时间。无休止地等待下载最终会让用户感到沮丧。较小的文件大小不仅可以改善用户体验,而且有助于索引和爬行过程中良好的SEO。
23.用图像替换重要元素
图片,如果使用得当,可以优化你的页面。
但是,要避免用图片代替重要的网站设计元素和内容。如果将视觉作为导航的主要形式,搜索引擎可能会在没有意识到其功能意义的情况下对其进行处理。这将严重损害你的排名。
24.失踪的面包屑
用户浏览你的网站有多容易?
不要忽视留下一个简单易懂的东西的重要性面包屑的痕迹.使您的网站更加用户友好是至关重要的。此外,面包屑帮助搜索引擎确定您的网站的导航结构以获得更好的索引。
25.不当视频嵌入
只有适当嵌入视频内容,你才能吸引观众。过多的视频内容并不是搜索引擎优化网站的最佳方式。当您使用谷歌无法读取的自定义Java媒体播放器时,尤其如此。
26.Geo-Redirection
自动地理重定向通常是由满足不同国家或地区的多语言网站实现的。它实际上会损害你的SEO,因为它会从主页重定向。试着让用户手动选择他们的位置。
27.不当的标题标签
标题标签是一种从视觉上强调内容的好方法。
你知道标题标签也会影响你的SEO吗?
使用H标签正确地优化了搜索引擎的内容。
28.所有javascript站点
您已经在前面读过过多的JavaScript会导致贫穷搜索引擎优化和转换. 有些人甚至更进一步,建立了一个全Javascript的网站。这几乎不可能让搜索引擎索引和爬网。避免使用太多JavaScript来保持排名不变。
29镗孔设计
没有人喜欢通过一个沉闷而生气的页面。无论是在您对颜色,字体或内容的用法,始终尝试通过选择活泼的网站设计元素来吸引用户。脉冲仪器有助于改善先前拥有全Java站点的本地室内装潢的搜索引擎排名。客户的域名权限从一到16增加。
30.新的窗口出站链接
大多数用户发现弹出窗口令人讨厌,因此只有在网站上的每个出站链接的新窗口打开时,用户将被关闭的自然。标签存在有充分的理由。利用他们创造更好用户体验和转换。
准备好改善你的转换和SEO?
你的商业网站代表了你的在线品牌。这对你设计和开发一个网站,帮助你建立一个良好的商业印象至关重要。
如果你想用你的网站吸引更多的人,你应该避免上面提到的网站设计元素。避免它们可以帮助你提供更好的用户体验,提高搜索结果排名,并鼓励皈依。
你想建议更多的网站设计元素应该避免吗?请在下面的评论中提到它们。
这是一篇好文章。我非常喜欢它。
非常全面和有用的清单。
用户体验是SEO最重要的部分之一,你已经很好地展示了在网页设计时注意SEO的所有技巧。
非常好的阅读,非常有趣的信息。另一个确保转换永不丢失的好工具是conversionlocker.com,它允许网站管理员和网站所有者自由地知道他们的联系方式是全天候运作的。我认为这对其他人来说可能是一个很好的工具。雷电竞备用网址
感谢分享兰登,我必须检查一下。;)
这是一些很好的信息。我只是喜欢你网站的外观——从拥有完美网站的人那里获得营销建议要容易得多。小小的字体一直困扰着我的网站,我很高兴有人终于指出了这一点!当您谈论HTML框架有害时,是否包括新的HTML5框架?谢谢
嘿妮可!是的,小字体很糟糕!没有一个HTML5框架是完美的。;)
我认为HTML框架在几年前就已经贬值了,因为样式表DIV类?这个列表看起来像是网页设计师的噩梦。这让我想起了我曾经犯过的所有错误,当时我认为我足够聪明,足够有知识,可以自己建立一个网站。
我认为我们过去的所有错误都是类似的错误。#得到教训
这一切都非常丰富。我将不得不记住这个建议。我最近开始了自己的博客,我正在有效地造成了有效的货币,驾驶交通和赚钱。这将是非常有用的信息。谢谢你。
这是我的荣幸,安德鲁!保持联系,我的朋友。
漂亮的列表。非常感谢分享。
通过粗体显示最重要的单词和概念来格式化内容。
非常好。谢谢你,谢恩。我也会把不可读的验证码添加到你的列表中。
好孩子,简!那太糟糕了!我讨厌当我必须刷新验证码100次才能找到一个可读的验证码#DamnYouCaptchas;)
这是一个很好的清单-我想其中一些很容易被忽视
谢谢弗朗西斯!许多人被忽视,这就是为什么我将列表放在一起。#首先想到的 ;)
谢谢你! !这是非常真实和有用的
谢谢你帕特丽夏!
好的文章谢恩。这里有一些是我的客户坚持要做的——这是相当令人沮丧的。我仍然认为你需要在可用性和设计之间取得平衡。面包屑是一个关键点——我总是使用它们,现在搜索引擎在理解它们方面甚至更好,因为它们可以使用Schema进行标记。
可用性和设计之间的平衡是关键!它看起来很棒,但它不会转换或易于使用,这是一个问题。
你好,谢恩,这是我第一次来这里,我从来不知道面包屑可以很有帮助我的博客的搜索引擎优化,我会确保把它放在y博客。谢谢你的分享。
太棒了!
嗨,Shane,这里的列表非常全面。需要注意的是,对于小博客作者和初学者来说,很难针对每一个博客优化他们的网站。老实说,在大多数情况下,你不会在每一个领域都达到完美。
嘿,汤姆!我完全同意我创建了这个列表,其中有一些领域应该首先关注(例如,容易实现的目标)。你必须制定一个有短期和长期目标的计划。