搜索引擎优化网页设计：最佳实践

ゝ一世哀愁。 2022-08-27 14:56 256阅读 0赞

作为一名网页设计师，网页的设计是我们一个最直观的辨认。我们现在的生活依赖于网络，依赖于这个快速让我们互知和沟通的工 具。它早已不仅仅是一个静态的页面，而是一个有思想有文化无国界的一个内容涵盖量丰富的另一个世界。比如洞穴人的壁画、比如古埃及的形象文字，而现代人有 网页设计，是的，它非常重要。

那么，我要问，我们如何才能把一个信息准确快速的传达给他人？这时，我们就需要做SEO。

[![4ed16803-3fdd-4622-851f-30efc5d0fc99.jpg][]][4ed16803-3fdd-4622-851f-30efc5d0fc99.jpg 1]

## 什么是SEO？    ##

SEO代表搜索引擎优化。它可以帮助和改善你的网站排名。我们知道，搜索者75%的人都只会看google第一页的内容，这就意味着，我们必须要让网站出现在首页，而且要在高排名行列中，这样我们才有更多机会留住访问者。

[![c392f985-fb22-496c-ba00-a31022bac3b5.jpg][]][c392f985-fb22-496c-ba00-a31022bac3b5.jpg 1]

## 为什么SEO对于一个网站是至关重要的？ ##

非常简单，因为它是你最重要的客户。复杂一点说，每一秒钟，都会有无数个网站出现，你设计的内容丢失的概率很高，很可能在下一秒就掉到google搜索排名的无数位以后。

## 最佳实践 ##

让我们看看来自设计师们提供的9个最好的SEO方法。

[![963b0eea-8c46-46c0-a030-7c63f04710e2.jpg][]][963b0eea-8c46-46c0-a030-7c63f04710e2.jpg 1]

## 1、网站结构    ##

当涉及到SEO，网站的结构是最重要的因素之一。它关系到你的网页是如何关联到一起的。搜索引擎爬虫会判断你对它设置的方式来评估你网站的价值。网站结构层次和站点地图是你获得较高排名的关键。

如果你想让广大用户通过相关的关键词来找到你，首先你就需要一个合理的布局，比较容易抓取。

[![8a516f87-a57a-4166-8741-6b7cda2ab790.jpg][]][8a516f87-a57a-4166-8741-6b7cda2ab790.jpg 1]

## 2、轻松的导航 ##

随着网站的落成，导航是必须优先考虑的设计之一。对于导航，越简单越好，用户可以轻松的访问任何一个环节，这也是网站结构 的一个部分。对于javascrip爱好者来说，搜索引擎是可以处理javascript的，但是如果过于繁琐，搜索爬虫是非常有限的，所以它有可能会放 弃复杂的编译语言。

[![3b883bad-28af-432c-b7c6-50be18cf7096.jpg][]][3b883bad-28af-432c-b7c6-50be18cf7096.jpg 1]

## 3、Meta介绍    ##

即使你不熟悉它，但你也应该知道它是干什么的吧。在你的页面上，几乎每个页面都会出现Meta的描述，这些描述可能是160个字符或者更少。 Meta的描述是你吸引访问者的一个绝佳外链机会，它可以帮助你提高关键字的搜索概率，因为google和重点用户的扫面关键字都会出现在Meta的描述 中。

但是，请注意，没必要在你网站里的每一个页面都写上它，只写在最重要的那也就可以了。如果你没写或者忘记写了，google会给你分配一个。  
  
请记住，这是没有必要写一个meta描述的每个网站上的网页 - 只是最重要的。请确保您不要复制你的meta描述为多个页面。如果你还没有写你自己的meta描述，谷歌写一个给你。  
  
随着谷歌最近破除著照片公布（https://plus.google.com/113006028898915385825/posts/PDkPdPtjL6j），meta描述比以往任何时候都更加重要。

[![05de5edc-870e-4e40-9f82-3ed047ebc9a9.jpg][]][05de5edc-870e-4e40-9f82-3ed047ebc9a9.jpg 1]

## 4、内容 ##

我们都了解，内容是一个网站的干货！我们搜索爬虫是非常聪明的，它知道什么才是重要的部分。如果你是一个博客，花时间去丰富你的内容可以带你给网站更多的价值。如果你是个设计师而不是作家，那么去雇佣一个能帮你的人吧！

[![78ee2955-fc32-4760-820e-626708dbe269.jpg][]][78ee2955-fc32-4760-820e-626708dbe269.jpg 1]

## 5、优化图片    ##

你有没有遇到过一个图片是DCIM456.jpg命名的？我是遇到过。当你不愿意花时间来给图片命名时，你就失去了很多宝贵的引擎搜索。想想，这是多么重要的一项啊，如果是同名的图像，看看你会不会得到更多的来访用户。

优化你的图像是一个非常重要的途径，包括标签，这些标签如果浏览器上无法加载时，它会悬停在那，然后出现你的名字。

[![07b2287b-45ef-40de-b696-e726a9bc64ed.jpg][]][07b2287b-45ef-40de-b696-e726a9bc64ed.jpg 1]

## 6、优化地址    ##

如果你的博客文章是关于帽子SEO，那你的URL应该是www.yoursite.com/帽子SEO。但是有一点要注意，用在你博客标题的，以及在你博客网址的，你要记住你的目标关键词是什么。这是另一种优化你网站的方式。此外请避免把所有的词都放在一起，还有不要使用下划线\_等特殊符号。

[![c2705b53-2256-4ece-9ce7-01545fe5f6d0.jpg][]][c2705b53-2256-4ece-9ce7-01545fe5f6d0.jpg 1]

## 7、内链    ##

内链是非常强大的，有两种类型的链接：

*      绝对的 <a href="www.yoursite.com">
 *      相对的 <a href="/home.html">

如果你使用相对链接，绝对链接将减少并降低服务器的响应时间。

[![bbc0a99d-3fc7-425d-8dd9-7911a1e581e7.jpg][]][bbc0a99d-3fc7-425d-8dd9-7911a1e581e7.jpg 1]

## 8、网站速度 ##

研究表明，40%的访客会因为超过3秒加载一个网站而放弃浏览。我知道，设计者们通常都太想用页面的内容来打动用户，但是 你有想过没有，几乎有一半的访客可能都坚持不到打开页面就离开了。速度慢是一个网站的弊端，它直接影响了搜索引擎的优化。自2010年以来，谷歌就已经明 确承认，加载速度是你能否挤进排名顶部的因素之一。虽然我们不知道搜索引擎机器人归类需要多长时间，但我们知道的是一个网站结构优化的后台是多么的重要 啊！关于网站浏览速度我提几个简单的点，一是要看你压缩图像，还要看你缓存静态内容，压缩javascript代码，当然，还是需要你的后端做的越简单越紧凑越好。

[![2bbb56f9-b5c6-41f6-b68b-21525173a22d.jpg][]][2bbb56f9-b5c6-41f6-b68b-21525173a22d.jpg 1]

## 9、网页摘要    ##

丰富网页摘要显示在搜索结果页面。

[![a2655e5d-7b92-43c2-8ff3-d62d0d3b5ec1.jpg][]][a2655e5d-7b92-43c2-8ff3-d62d0d3b5ec1.jpg 1]

当你搜索一个相关信息时，你会发现网站提供的内容、文章、介绍等信息，这些都是搜索引擎制作的。它会增加你被搜索的机会。

[![1142cb7b-afbd-48d6-a5ab-665ef5c88282.jpg][]][1142cb7b-afbd-48d6-a5ab-665ef5c88282.jpg 1]

关于SEO，搜索引擎优化和网站设计永远是一个不完整的话题。今天我们只是浅尝辄止的简单介绍了几点，但我相信，通过你们的深入研究，一定会达到你们需要的目标。

谢谢大家！

\#极客[课堂库][Link 1]\#现已上线，欢迎大家来学习！  
阅读原文：[搜索引擎优化网页设计：最佳实践 ][Link 2]

[4ed16803-3fdd-4622-851f-30efc5d0fc99.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/4ed16803-3fdd-4622-851f-30efc5d0fc99.jpg
[4ed16803-3fdd-4622-851f-30efc5d0fc99.jpg 1]: http://www.gbtags.com/gb/networks/uploadimg/4ed16803-3fdd-4622-851f-30efc5d0fc99.jpg
[c392f985-fb22-496c-ba00-a31022bac3b5.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/c392f985-fb22-496c-ba00-a31022bac3b5.jpg
[c392f985-fb22-496c-ba00-a31022bac3b5.jpg 1]: http://www.gbtags.com/gb/networks/uploadimg/c392f985-fb22-496c-ba00-a31022bac3b5.jpg
[963b0eea-8c46-46c0-a030-7c63f04710e2.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/963b0eea-8c46-46c0-a030-7c63f04710e2.jpg
[963b0eea-8c46-46c0-a030-7c63f04710e2.jpg 1]: http://www.gbtags.com/gb/networks/uploadimg/963b0eea-8c46-46c0-a030-7c63f04710e2.jpg
[8a516f87-a57a-4166-8741-6b7cda2ab790.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/8a516f87-a57a-4166-8741-6b7cda2ab790.jpg
[8a516f87-a57a-4166-8741-6b7cda2ab790.jpg 1]: http://www.gbtags.com/gb/networks/uploadimg/8a516f87-a57a-4166-8741-6b7cda2ab790.jpg
[3b883bad-28af-432c-b7c6-50be18cf7096.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/3b883bad-28af-432c-b7c6-50be18cf7096.jpg
[3b883bad-28af-432c-b7c6-50be18cf7096.jpg 1]: http://www.gbtags.com/gb/networks/uploadimg/3b883bad-28af-432c-b7c6-50be18cf7096.jpg
[05de5edc-870e-4e40-9f82-3ed047ebc9a9.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/05de5edc-870e-4e40-9f82-3ed047ebc9a9.jpg
[05de5edc-870e-4e40-9f82-3ed047ebc9a9.jpg 1]: http://www.gbtags.com/gb/networks/uploadimg/05de5edc-870e-4e40-9f82-3ed047ebc9a9.jpg
[78ee2955-fc32-4760-820e-626708dbe269.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/78ee2955-fc32-4760-820e-626708dbe269.jpg
[78ee2955-fc32-4760-820e-626708dbe269.jpg 1]: http://www.gbtags.com/gb/networks/uploadimg/78ee2955-fc32-4760-820e-626708dbe269.jpg
[07b2287b-45ef-40de-b696-e726a9bc64ed.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/07b2287b-45ef-40de-b696-e726a9bc64ed.jpg
[07b2287b-45ef-40de-b696-e726a9bc64ed.jpg 1]: http://www.gbtags.com/gb/networks/uploadimg/07b2287b-45ef-40de-b696-e726a9bc64ed.jpg
[c2705b53-2256-4ece-9ce7-01545fe5f6d0.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/c2705b53-2256-4ece-9ce7-01545fe5f6d0.jpg
[c2705b53-2256-4ece-9ce7-01545fe5f6d0.jpg 1]: http://www.gbtags.com/gb/networks/uploadimg/c2705b53-2256-4ece-9ce7-01545fe5f6d0.jpg
[bbc0a99d-3fc7-425d-8dd9-7911a1e581e7.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/bbc0a99d-3fc7-425d-8dd9-7911a1e581e7.jpg
[bbc0a99d-3fc7-425d-8dd9-7911a1e581e7.jpg 1]: http://www.gbtags.com/gb/networks/uploadimg/bbc0a99d-3fc7-425d-8dd9-7911a1e581e7.jpg
[2bbb56f9-b5c6-41f6-b68b-21525173a22d.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/2bbb56f9-b5c6-41f6-b68b-21525173a22d.jpg
[2bbb56f9-b5c6-41f6-b68b-21525173a22d.jpg 1]: http://www.gbtags.com/gb/networks/uploadimg/2bbb56f9-b5c6-41f6-b68b-21525173a22d.jpg
[a2655e5d-7b92-43c2-8ff3-d62d0d3b5ec1.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/a2655e5d-7b92-43c2-8ff3-d62d0d3b5ec1.jpg
[a2655e5d-7b92-43c2-8ff3-d62d0d3b5ec1.jpg 1]: http://www.gbtags.com/gb/networks/uploadimg/a2655e5d-7b92-43c2-8ff3-d62d0d3b5ec1.jpg
[1142cb7b-afbd-48d6-a5ab-665ef5c88282.jpg]: http://www.gbtags.com/gb/networks/uploadimgthumb/1142cb7b-afbd-48d6-a5ab-665ef5c88282.jpg
[1142cb7b-afbd-48d6-a5ab-665ef5c88282.jpg 1]: http://www.gbtags.com/gb/networks/uploadimg/1142cb7b-afbd-48d6-a5ab-665ef5c88282.jpg
[Link 1]: http://www.gbtags.com/gb/gblibrary.htm
[Link 2]: http://www.gbtags.com/gb/share/3559.htm