解剖伟大的网站设计,谷歌喜欢

解剖伟大的网站设计,谷歌喜欢

创建一个网站就像准备一个蛋糕。你如何打扮它和它最终的样子可能是天壤之别。我们都希望我们的蛋糕看起来漂亮,尝起来美味,对吧?如果你同意,那么关键是要注意细节。以下是一些在面试时需要注意的小细节建立自己的网站。或者我们就说这是你在蛋糕上放调料的方法。

如何实现良好的网站设计和功能

首先要做的是:头球!

您必须首先关注的主要问题是每个登录页面的外观。你是如何设计出最好看的页面的呢?

来个漂亮的头球!

你打开的每一个网站都很容易被它的标题图片所识别。这是你的标志,以及基本的细节,如标签行,服务标签或联系电话。

头部从五重奏有一个大的形象,说出了一切!公司员工,个性化和创造性。

五重奏

用代表你的业务的颜色点亮它,让用户真正感受你的品牌。

标题和导航

标题后面的内容应该整齐地显示在栏和框中,与网站的整体设计很好地融合在一起。

需要根据所使用的底层web布局来控制内容流。用户需要能够自由、清晰和快速地导航。

这意味着网站具有良好的用户功能,增加了花在登陆页面的时间。谷歌能够跟踪您的导航系统和网站结构。

网站的整体层次结构将决定该网站在搜索引擎上的排名,因此一个优秀的网站将包含易于浏览的内容和产品类别。

正文内容

有效的内容营销是区分一个好网站和一个坏网站的关键。这并不是夸大其词。

无论你做什么,不要让你的内容出错。毕竟,是你网站上的内容决定了它是关于什么的。有效地使用相关的关键字和关键短语决定了谷歌网站管理员工具如何回应你的网站。

然而,关键字的填充也被genius工具识别出来,并且大量和杂乱地使用某些单词会对用户体验产生相反的影响。

许多顶级SEO专家和设计公司都在关注如何在内容体中平衡关键词的使用。虽然最新的谷歌提示都指向让用户开心,让谷歌开心!

独特的,引人注目的和令人兴奋的副本是真正抓住注意!

可读性和排版

谁不喜欢既可读又可交互的文本的出色呈现呢?

这就是你的目标!

一旦你得到了正确的文本,要小心你安排它的方式。谨慎使用最适合你的网页的字体是绝对必要的。在休闲和暗淡的字体之间做出明智的选择,这样它们就不会与主题冲突。

Pauline Osmont是一位艺术插画家,她有一个自己的品牌网站,上面有令人惊叹的字体设计,与网站的主题和提供的服务相匹配。注意字体也是可读和清晰的,没有任何集群。

波林Osmont

请记住,排版对润色内容很重要。

图片和视频

等会儿再发一大堆短信。没有人有时间去读长文章(好吧,我现在就简短地说一下)

因此,用吸引用户的图片和视频等视觉内容活跃页面。你的目标是用你所提供的东西来刺激客人,所以要让它发光!

迪斯尼的官方网页上满是图片和视频预告片,这些都提高了用户在其网站上的参与度。

迪斯尼

网站链接页脚是网站的基本元素-不要错过他们!

在每一个页面的最后,用户应该能够参考链接,把他带到他想要的网站上!

你的网站是如何编码的?

好吧,让我们开始烘焙我们刚刚装扮的蛋糕,看看它到底有多硬。

每页内容

每个登录页面将由它包含的内容来区分。对于更长的用户参与时间,更多(但独特的)内容将是有帮助的。

使用滑块和视频向访问者介绍业务和相关领域将带来更多的流量。

加载时间

一个好的网站不会花很长时间去加载。优化你上传的书面和视觉内容的数量,并确保你的后端服务器给你最好的托管。

一旦访问者由于页面加载失败而丢失,您就永远不能确定他是否会回来!

响应设计

这是一个相对较新的概念,但并不完全。如果你还没有赶上移动互联网的潮流,那么现在是时候了。

一个伟大的网站有一个响应式的设计,可以适应不同的屏幕宽度,并完美地显示在移动设备上。对于搜索引擎优化的目的,这是严肃的业务!

HTML和CSS

HTML是用来创建网页的标准标记语言,它是网站的骨架,并为每个网页提供结构。

网站上的任何内容,从文本到标题,从图像到链接,都是基于HTML语言的编写方式。

所以一定要选择最好的HTML网站设计,如HTML4和5的基本但熟练的工作,您的网站。网站的层叠样式表(CSS)同样重要,因为它们是用标记语言编写的文档的格式。

CSS定义了HTML文档的布局,因此一个好的设计是由精心选择的CSS样式支持的。

谷歌如何阅读你的网站?

是时候看看蛋糕看起来如何谷歌!

URL结构

使用HTTP建立的网站依赖于一个可靠而简单的URL(统一资源定位符)结构。URL不仅应该对搜索引擎友好,而且应该通过简单地指出它所附加的唯一资源来对用户友好。

url应该是可读的、可记忆的和普通用户容易理解的。复杂的url将导致Googlebot无法索引网站的内容,并可能为爬虫程序带来问题。

链接层次结构

清晰的层次结构是网站功能的核心,文本链接应该指向不同的页面。

主页上的链接应指向相关的子页面,这些子页面应链接到进一步的子类别详细页面。建一个金字塔,这样游客就知道他下一步要去哪里了。

关键词和锚文本

与您的业务相关的关键字需要放在正确的位置:标题、下拉菜单、弹出菜单、滑块菜单。这将确保访问者在几秒钟内准确地找到他们要找的东西。

还有,更好的关键词,更好的SEO!

锚文本应该引导访问者从前面告诉他们,更多的页面相关的内容,他们正在阅读,可在第二次点击。确保锚文本能够代表接下来的内容,而不是用一般的内容迷惑访问者。

图片优化

一个高性能的网站会优化它的图像,这样就可以节省最大的字节数,以及宝贵的视觉空间。

以最具bot可读性的方式设计页面,以增强SEO,并确保浏览器尽可能快地加载页面,显示提高可用性所需的内容。

用户在你网站上的行为是什么?

谁会喜欢看起来不错但味道却不及一半的蛋糕呢?一个厨师的努力是不完整的,直到有人尝过他的菜。

让我们大快朵颐,吃一块属于我们自己的蛋糕吧!

调用操作

这不仅适用于那些每天都在寻找更严格的营销技巧的电子商务网站。行动的呼吁是每一个网站所有者想要吸引观众。

如何有效地做到这一点?

投资一个用户可以注册的时事通讯,或者让他们填写一个联系人表单,这样你就可以用销售和服务来更新他们。从位置到颜色和文字,一个行动的号召必须在美学上激发和巧妙地策划。

我们在Brandjaws的设计师保持了“黄色”的一致性,作为在网站上可以采取的任何行动的手段。这个标题的设计是为了让用户能够明显地区分黄色按钮和蓝色/黑色背景的暗对比。

Brandjaws

只有通过发放优惠券或获得免费奖品等激励措施,才能让吸引顾客这一乏味的任务变得简单。设计这些,这样用户就不会被行动的召唤所绊倒,而是通过有效的web设计让它响亮而清晰。

你的广告牌就是你的画布。画一个彩色的!

社交分享

没有社交分享的世界是什么样子?

数百万人聚集在社交媒体上,畅所欲言,所以为什么不关注热门平台呢?

Facebook、Twitter、LinkedIn、Reddit、Tumblr、Pinterest、Medium;看看人们喜欢你什么,不喜欢你什么。

在你的网站设计中使用活跃的社交标签,以保持社会受众的完整性,并允许他们通过评论和分享你所有的帖子进行互动。

娱乐巨头Buzzfeed利用了用户在各种网站上分享内容的各种可能性。

BuzzFeed

评论

你的网站都是关于文字的吗?嗯,一个读者总是想说一些他读过的东西。

所以,如果你是一个博客网站,向你的访客开放,通过一个用户友好的评论区(比如Disqus提供的评论区)与他们联系,了解他们有什么要说的。

激发智能对话,让你的网站成为节目的明星!

结论

希望这些提示已经帮助你理解谷歌喜欢在一个网站上看到什么,以及如何在谷歌搜索页面上把你的网站推到更高的位置。

你还有其他什么锦囊妙计想和我们分享吗?请在下面的评论部分留下你的建议。

2020-03-24 17:50
相关热门