网页设计师掌握的十个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之大学生经验之谈
看过很多网站,觉得阿里云的SEO最合适大学生用来做课程网站设计。贵公司的云服务器有着比较快的访问速度,简单高效、安全可靠。
|
搜索推荐 算法 UED
seo是什么意思(seo专员是什么职业?)
seo是什么意思(seo专员是什么职业?)
269 0
seo是什么意思(seo专员是什么职业?)
|
SEO
SEO基础:良好的网站设计,互联网营销
  首先需要强调的是,许多人潜意识里将网络设计中面向搜索引擎优化的考虑与提高用户可用性的工作视作分离的两个单独部分,认为二者就算不是互相对立也在很大程度上难以兼顾,事实上,这种想法很普遍,很多网络设计公司在设计网页时只顾填充一个个漂亮的图片或Falsh以使网页更“酷”,至于网络优化方面,则理直气壮地认为不属于他们的工作范围,而很多网络在运行了一段时间后不得不再聘请相应的SEO人员来实施网络优化,既提高了费用也浪费了时间。
902 0
《SEO的艺术(原书第2版)》——3.4 在网站开发之前制订SEO计划
本节书摘来自华章计算机《SEO的艺术(原书第2版)》一书中的第3章,第3.4节,作者:(美)恩吉(Enge, E.)著, 更多章节内容可以访问云栖社区“华章计算机”公众号查看。
855 0
|
移动开发 前端开发 网络架构
2013年那些脱颖而出的网页设计作品【系列一】
  2013年,网页设计领域出现了几个新的流行趋势,最热门的要数响应式设计(Responsive Design)和扁平化设计(Flat Design)了,另外大图片背景、视频背景设计也被越来越多的设计师采用。
824 0
|
移动开发 前端开发 HTML5
酷站欣赏:20个精美的国外扁平化网页设计作品
  随着 LED 液晶显示器中的像素密度和图像质量的提高以及平板电脑和智能手机的普及,以前在小型显示器或低分辨率显示器中使用的让细节更新清晰的阴影技术不再需要了。传统的设计正在慢慢地被丢弃,更多人的崇尚简单,简约的设计。
1054 0
|
前端开发 HTML5 移动开发
引领网页设计潮流的优秀网页作品赏析《第五季》
  优秀网页作品赏析《第五季》给大家带来最新一期引领网页设计潮流的国外创新网站。每天都有很多新的网站推出,其中不乏一些设计极其优秀的作品。   这个系列的文章,我为大家挑选了2012年赢得 CSS Awards 大奖的50个最佳网站。
961 0
经典网页设计:30个极具吸引力的网页设计作品
  使用醒目的颜色组合是一种常见的广告策略,因为它有助于快速捕捉观众的注意力。同样的方法也适用于在网上行业,例如广告横幅和宣传单,但它也可用于网站建设。   有许多研究表明用户对某些颜色有特别的亲和力,因此,使用这些颜色会增加成功的机会,提高用户回访率。
1083 0
|
前端开发 HTML5 移动开发
引领网页设计潮流的优秀网页作品赏析《第三季》
  每天都有很多新的网站推出,其中不乏一些设计极其优秀的作品。这个系列的文章,我为大家挑选了2012年赢得 CSS Awards 大奖的50个最佳网站。这些鼓舞人心的网站作品代表了网页设计的最高水平,相信你可以得到很大的启发。
822 0