网页设计师掌握的十个SEO方面

简介: 网页设计不只是关于美学,这是关于如何把一个网站放在一起。设计选择会对网站的搜索引擎优化产生很大的影响 – 正面或负面影响。反过来,这可能会影响网站在整个生命周期内的表现。 如果你是一名专业的网页设计师(或者如果你是从头开始创建自己的网站),重要的是要了解一些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技巧。

相关文章
|
SEO
SEO基础:良好的网站设计,互联网营销
  首先需要强调的是,许多人潜意识里将网络设计中面向搜索引擎优化的考虑与提高用户可用性的工作视作分离的两个单独部分,认为二者就算不是互相对立也在很大程度上难以兼顾,事实上,这种想法很普遍,很多网络设计公司在设计网页时只顾填充一个个漂亮的图片或Falsh以使网页更“酷”,至于网络优化方面,则理直气壮地认为不属于他们的工作范围,而很多网络在运行了一段时间后不得不再聘请相应的SEO人员来实施网络优化,既提高了费用也浪费了时间。
876 0
|
机器学习/深度学习 安全 大数据
怎样才算是一个合格的网页设计师?
随着互联网的盛行,市场上各行各业的企业对于网站的更新换代都有着不等级别的需求,然而网页设计师这个专业便是一个赤手可热职位。在上海建站行业里面什么样的网页设计师才算是合格的,对于企业网站设计理念,设计思路,设计规划,以及最后网站成型的框架页面是否能够得到客户的认可,这些对于整个网站制作项目来说都是非常重要的。
1116 0
|
Web App开发 前端开发 开发工具
网页设计师和网页前端开发我该选择哪一个
在互联网历史中,网页设计师和网页开发人员这两个不同的行业分工一直都扮演着不可或缺的角色。谁是主角,谁是配角的争论就如鸡和蛋谁先谁后的争论一样,喋喋不休却没有意义。
1498 0
《SEO的艺术(原书第2版)》——3.4 在网站开发之前制订SEO计划
本节书摘来自华章计算机《SEO的艺术(原书第2版)》一书中的第3章,第3.4节,作者:(美)恩吉(Enge, E.)著, 更多章节内容可以访问云栖社区“华章计算机”公众号查看。
801 0
|
Web App开发
25个精美的个人作品集网站,激发灵感
  我的大多数朋友都是网页设计师或开发人员,其中大部分人都已经创建了自己的个人作品集网站来展现技能并链接到他们以前的作品。有一个在线的作品组合,并保持它的更新对于专业人士是至关重要的,它绝不是仅限于那些从事 Web 设计和开发工作的人。
876 0
|
移动开发 HTML5 定位技术
酷站设计:2014年3月份获奖网站作品欣赏
  现代设计风格的网页设计通常基于强大,先进的网页设计技术,如 HTML5,CSS3 ,网格系统,元素等等。所有的网站都完全响应式设计,并所有设备能够很好的展现。   今天,我们聚集了一组最新的设计例子,相信这些获奖网站设计能为您提供灵感。
844 0
|
移动开发 前端开发 HTML5
国外酷站设计:15个带给你灵感的作品集网站
  在这个竞争激烈的就业市场,作品集网站对于设计师来说是最好的求职工具。因此,设计师们都竭尽所能设计一个有创造性的个人作品展示网站,期望给访客留下深刻的印象。在此集合中,你会看到各种各样的创意设计和新趋势,包括精巧的布局,令人印象深刻的视差滚动,和不同寻常的插画设计等等。
957 0
|
移动开发 前端开发 JavaScript
优秀设计:12个带给你灵感的创意单页网站作品
  单页网站作为一个流行趋势已有一段时间了,但他们的受欢迎程度似乎并没有任何减少。这种页面设计方法并不适用于每个项目,但有时它是合适的,是有意义的。例如,当没有很多内容,而且你知道的内容在未来不会增长很多,那么制作成单页网站(Single Page Websites)的形式是很好的选择。
951 0
|
移动开发 JavaScript 前端开发
经典网页设计:顶尖的个人作品集网站设计欣赏【上篇】
  作为一个网页设计师,需要经常去关注优秀的网站作品,获取创作灵感,掌握最新的设计趋势。在这个竞争激烈的就业市场,个人作品集网站是最好的求职工具。因此,设计师们都竭尽所能设计一个有创造性的个人作品展示网站,期望给访客留下深刻的印象。
1006 0
|
计算机视觉
一起欣赏:50+ 极具创意的个人简历设计【下篇】
  这篇文章收集了50+非常有创意的简历设计作品与大家分享,相比国内求职者中规中矩的简历,这些国外的简历设计非常新颖,让人眼前一亮!一份让人眼前一亮的简历也许就能带给你一份不错的工作,一起欣赏! 您可能感兴趣的相关文章 分享30个非常有创意的简历设计 25幅独特的字符头像艺术作品欣赏 ...
873 0