网页设计师掌握的十个SEO方面
网页设计不只是关于美学,这是关于如何把一个网站放在一起。设计选择会对网站的搜索引擎优化产生很大的影响 – 正面或负面影响。反过来,这可能会影响网站在整个生命周期内的表现。
如果你是一名专业的网页设计师(或者如果你是从头开始创建自己的网站),重要的是要了解一些SEO基础知识 – 一些知识可以帮助构建到达目标受众群体的网站。了解搜索引擎优化的这10个方面,将帮助您设计出效果良好的网站,除了看起来很棒。
1.网站结构
每个站点的设计都应该考虑到清晰的逻辑结构。主页应该说明网站的总体目标 – 它存在的理由 – 并且细节应该被分解成子页面。
例如,如果您正在设计一个食谱网站,则主页可能会导致用于晚餐,汤和甜点的单独分类页面。这些子页面中的每一个都可以导致其各自的配方子页面。
在您的网站上有几个“图层”的子页面很好,但不要太深,否则百度可能无法抓取所有这些子页面。一般来说,尽量保持你的网站深度为三层或四层。Moz的视觉效果来自一个结构良好的网站:
一个网站的主页应该导向它的子页面,这导致它们自己的子页面,等等。
2.网址结构
网址影响网站的搜索引擎优化,因此从一开始就选择好的网站很重要。以下是针对网址的一些最佳做法:
- 越短越好,因为较短的URL比较长的URL更令人难忘
- 网址应尽可能清楚地描述页面内容。使用简单的英文而不是缩写或字母和数字的字符串
- 对于子页面,使用单词以提高可读性。例如,使用http://www.qiaosiye.com/info
- 只要看起来很自然就可以在URL中包含关键字(但要避免关键字填充)。
3.网站导航
除了结构良好之外,您的网站应易于访问者(和百度)导航。网站菜单应位于页面顶部或边栏的显着位置。网站上的每一页都应该是可以找到的。避免创建未链接到网站上任何其他页面的“孤立网页”。如果访问者通过下面的链接找不到页面,搜索引擎也不会知道该页面是否存在。
4.移动友好的设计
移动时代已经到来,响应式网页设计不再是可选的。为了提供良好的用户体验和排名,网站需要调整以便在小屏幕上舒适地观看。如果您尚未将自适应设计设为默认设计模式。您可以使用百度提供的简单工具轻松测试您网站的移动设备适用性。
5.网站速度
除了移动友好性,网站速度是影响SEO的另一个用户体验考虑因素。谷歌在他们的排名中对慢速网站进行惩罚,如果页面需要几秒钟才能加载,访问者不太可能停留在周围。百度的ce.baidu.com工具可以告诉您网站的速度以及可以调整的速度。
6.标题,标题和元描述
标题,标题和元描述是网页搜索引擎优化的重要方面。网站上的每个页面都应该在其<title>标签中包含唯一内容 – 换句话说,不要在整个网站上复制和粘贴相同的标题。每个页面的标题至少应包含一个与页面内容相关的关键字。同样,在每个页面的标题标签中包含关键字,尤其是<h1>标签。
元描述 – 在SERPs中的链接下出现的模糊 – 有点不同。他们不会直接影响搜索引擎优化,但它们的确会影响有多少人在SERP中点击您的网站。他们基本上都是免费的广告空间,所以要对它们进行一些思考,并将主要关键字纳入搜索者眼中。
7.图像优化
搜索引擎不能’阅读’并理解图像(但是),但是你可以告诉他们你的图像是什么以及它们所指的是什么。以下是一些您可以优化您的搜索引擎优化图片的方法:
- 准确地命名您的图像。例如,最好调用一个像png而不是img238.png的图像
- 在您的图片中使用alt标签。这对于可访问性来说是个好主意,但也会告诉搜索引擎您的图片描述的是什么
- 不要使用比必要的更大的图像,因为这可能会减慢网站的加载时间。
8.使用Flash
一般来说,除非绝对必要,否则请避开Flash。搜索引擎无法看到或处理Flash内容,因此对于搜索引擎优化目的它不存在。尤其重要的是不要将Flash用于网站的重要部分,例如导航栏和网页上的主要文本。
9.结构化数据
评审团仍然不清楚架构化数据(如架构标记)是否可以提升网站在搜索引擎中的地位。但是,它可以通过向人类搜索者提供有价值的信息来帮助提供更高质量的流量。随着时间的推移,这种流量提升可以提高您的排名。
10.网站界面
良好的SEO 不仅仅是技术细节 ; 它也是关于帮助人们并提供出色的用户体验。尽管在网站上工作时注意列表上的所有内容非常重要,但不要让伟大的设计本身落在旁边 – 尤其是当您使用免费网站构建器创建自己的网站时。一个吸引人的,易于使用的界面将鼓励访问者留在您的网站上,并使他们更容易找到他们需要的东西。这有助于保持您的跳出率下降。一个有吸引力的网站也很适合品牌的形象。
包起来
搜索引擎优化不是它曾经的小众专业。搜索引擎在互联网的未来发挥着越来越重要的作用,对于其他技术领域的人们来说,如网页设计,能够跟上这一点非常重要。如果您在设计网站时考虑到搜索引擎优化的这些关键方面,那么成品就会变得美观而实用。
想要添加一些东西到这个列表?在下面的评论中分享您的网页设计师的SEO技巧。

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。
持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。
转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。
- 上一篇
Spring Cloud微服务实战(五)-应用通信
订单服务源码https://github.com/Wasabi1234/SpringCloud_OrderDemo 商品服务源码https://github.com/Wasabi1234/SpringCloud_ProductDemo 1 HTTP vs RPC 5-2 RestTemplate的三种使用方式 3 负载均衡器:Ribbion 4 追踪源码自定义负载均衡策略 command+option+B进入其实现类 再跟进到 LoadBalancerClient 中 RibbonLoadBalancerClient#choose() RibbonLoadBalancerClient#getServer(ILoadBalancer loadBalancer) ILoadBalancer RibbonLoadBalancerClient#getServer(ILoadBalancer loadBalancer) ILoadBalancer#getAllServers(),并进入 启动两个 Product 服务 product#1 product#2 再 debug 启动 Order 服务...
- 下一篇
基于蚂蚁金服「如何管理好10万行代码」搭建了 Vue 项目架构
此文是对蚂蚁金服文章的解读,所以要看懂此文一定要先去看原文:如何管理好10万行代码的前端单页面应用。 当时看到蚂蚁金服这篇文章有点茅塞顿开,只不过他们是基于 React 技术栈开发的,但是架构是一种思想,不区分语言不区分框架的,所以我相信这套架构一定可以应用到 Vue 项目中。废话不多说,直接进入正文。 同一“页面”内的模块再划分 这里意思是每个页面划分为 MVC 结构。那么如何用代码提现 MVC 结构呢。对于 Vue 项目中,难点在于 MC 两层。最后小组讨论用 Vuex 来架构 MC 两层,如下图所示。 领域模型 领域模型是指可跨模块复用的公共数据,所以我们也用 Vuex 来架构它,存放目录如下。 视图型组件和容器型组件 这一点要在 Vue 中实现其实也很好做,请看这篇文章。但是我们这边基于业务考虑,暂时觉得没必要弄得这么细,所以通用业务组件这一块,在我们 Vue 项目架构就没采用视图和容器这种组合方式了。 跨模块通信 为了保证模块的纯粹性,所以跨模块通信采用中介者模式来解耦。我们建立了一个 pageTalk 目录用中介者模式来处理跨模块通信。 总结 以上便是我们基于蚂蚁这套架构实...
相关文章
文章评论
共有0条评论来说两句吧...
文章二维码
点击排行
推荐阅读
最新文章
- Eclipse初始化配置,告别卡顿、闪退、编译时间过长
- 设置Eclipse缩进为4个空格,增强代码规范
- SpringBoot2整合Redis,开启缓存,提高访问速度
- Jdk安装(Linux,MacOS,Windows),包含三大操作系统的最全安装
- CentOS8,CentOS7,CentOS6编译安装Redis5.0.7
- Windows10,CentOS7,CentOS8安装Nodejs环境
- SpringBoot2编写第一个Controller,响应你的http请求并返回结果
- CentOS关闭SELinux安全模块
- Linux系统CentOS6、CentOS7手动修改IP地址
- CentOS7,8上快速安装Gitea,搭建Git服务器