为什么有的网站很难优化？_百度知道网站内容优化的实战经验分享o - 今日头条()
我想每个做SEO工作的站长都知道网站内容的重要性，处在当今这个“内容为王”的SEO时代，网站内容优化成了每个站长工作中的重中之重，因为你所有的努力都是围绕着自己的网站展开的，如果你的网站内容没有优化好，你付出再多的精力也是浪费。下面我就分享一下自己做网站内容优化的经验，希望能给刚入手的SEO站长们一定的帮助。（注：以下内容为个人发表，不足之处请多指教）1.网站内的文章要易于用户阅读网站的内容是写给用户看的，而用户喜欢那些写得很不错又容易阅读的文章。所以我们平时在写文章的时候一定要注意以下几个方面：*不要写大量拼写错误的文章，最好是文章写好了再检查两遍之后上传到自己的网站上。*文章中尽量减少错别字及语法错误。少数的错别字访客还能接受，而大量的错别字会让人质疑网站的专业性，非常不利于网站的长期发展。*不要把图片当文字。有些站长在刚开始做网站是时为了防止别人复制自己的文章，就直接把文字放到图片中，在把这些图片上传到网站上，当做网站的文字内容。这样是非常不可取的，应为搜索引擎的蜘蛛根本无法抓取到图片上的文字，只能抓取到图片的源代码；而且也不利于网站内容的传播，因为图片加了文字就失去了原有的效果，这也包括加水印（我自己的网站图片上基本上都没加水印）。2.文章的内容排版要合理优质的文章内容有了，可是访客，流量却很少，这是为什么呢?很有可能是文章的排版出了问题。有很多比较懒的站长，对文章内容不能合理排版，使用户不能直观的判断哪里是重点，一堆罗列的文字，谁看了都会害怕。所以，写文章的时候要避免把不同主题的大量文字放在一个网页上且不进行分段。3.不要总是发布“伪原创”文章现在的站长们圈陷入了一种混乱的状态，原创的内容很少，但是自己原创又台困难，所以很多人就喜欢“伪原创”——复制别人的东西然后再修修改改，所以说中国的山寨为什么那么多，连文章都可以山寨。但是这样做的结果呢？造成了访客的大量流失，花尽心思的“伪原创”也失去了价值。网站想要更好的发展，新鲜的内容不仅可以保证现有用户群的回访，于此同时，还会带来更多的新访客，而大量的重复（甚至是复制）内容就不会给客户带来多少好处。4.网站内容一定要学会创新做网站，创新也非常重要，现在几乎各个行业都有比较强势的网站，就像我自己做的洒水车行业，排在前两页的基本上都是几年的老站，一直在维护、更新、优化，所以我们这些新做的网站如果想出类拔萃，就一定要学会创新。试想一下，我们是否能给用户提供特有的内容或服务，例如针对洒水车客户提供免交购置税服务，送货上门，车到付款等别的网站没有的，都是很不错的点子。5.以人为本的优化网站好多站长在做网站的时候，容易忽视一个问题，那就是只考虑搜索引擎，而忽视了真正的用户群体——客户。所以，在进行网站内容优化的时候，要优先为访客提供内容，而不是搜索引擎，但现在有一部分站长前期主要针对搜索引擎做优化，后期再慢慢偏向用户。但个人觉得还是应该在保证搜索引擎可以为网站生成积极结果的同时，根据用户的需要来设计网站，因为网站最终的目的就是——用户体验满意度。以上代表个人观点，仅供参考
提供娱乐时尚生活分享信息
看科技资讯，上中关村在线。
36氪，关注互联网创业
前瞻网是中国快速崛起的科技类研究型新媒体服务平台
IT之家，数码、科技、生活。
虎嗅网是一个有视角的、个性化商业资讯与交流平台，核心关注对象是包括公众公司与创业型企业在内的一系列明星公司。虎嗅网的愿景是：创造让用户更有效率地获取商业资讯并进行交流的方式。
易车购物10万买豪车 新劲炫ASX等你询底价
(C) 2016 今日头条 违法和不良信息举报电话：010-公司名称：北京字节跳动科技有限公司我的网站,欢迎您的光临！
当前位置： >
从美容类网站中总结的优化经验
来源：滚水
编辑：admin
　　最近两个月里我接触过三四例关于美容类网站的优化实例，通过了这几个网站的优化过程，可以看到一般关于美容类网站的优化方法。其实什么网站的优化大体上是一样的，都是从内部和外部来着手。一般的美容类网站都有产品介绍、产品的成功案例、美容知识等模块，同时这一类的网站大部分都会有丰富的图片、精美的flash。对于这样的网站做起内部优化来，应该注意一下几点：　　1、一般来说，美容类网站为了使得自己的网站更加美观、更加有档次，都会采用大量的图片和flash动画，特别有一些网站可能会在首页添加flash页面。对于这一些网站你首先要做的是确定一下你要做的是首页还是内页。这一点对你以后优化很重要。对于选择做首页的情况，如果首页完全是一个flash的网站，你征求客户的意见后适当的在底部添加不影响美观的动态文字新闻和友链;当然有一些客户是不允许添加内容的，对于这样的情况的网站我就只有加大对网站内部的更新力度(高度原创)和强度(更新频率)，增加单向链接的导入。　　2、内部优化页面：title等属性的优化，这几个属性的优化对于我们的优化工作有很大的影响，经过我的发现我觉得title等三个属性中越前的关键词，在搜索引擎中的力度越大，这种情况使得我们要做优化这几个属性时要结合自己的需求适当的配置。我一般在title中设置关键词的顺序是从难道易，而在keyword中设置关键词的顺序是从易到难。这样做可以使得各个关键词得到相同的难度系数。由于他们有大量的图片，要做好图片alt属性的填写，适当的增加难做的关键词的力度。　　3、对整个网站的打开速度进行优化：因为美容类的网站页面大小一般比较大，所以网页打开速度比较慢，因此我把较大的图片进行切片加速网页打开速度，同时对网页中的冗余的程序进行削减。　　4、网站内链优化：这个是很重要的，做得不好可能会被惩罚。首先，建立一个网站地图，并放在链接区;然后，用关键词的锚文字放在网站的每一个页面的链接区，最好就是放在页面的头部最好，可能的话使用一下h1、h2、h3标签;再次，对产品的介绍和内容文章加强相互的链接(就是增加上一页、下一页之类的链接)，把相关的内容组合在一起;最后，检查一下网站的链接是否有死链接、错误链接等等。还有就是提交以下谷歌地图和百度地图，有专门的网站制作这个地图的，不过要记得不同搜索引擎要求的格式是不一样的。　　5、外部优化：做大量优质的外链。第一、在各种行业网中，添加自己的公司信息(记得留下公司你要做那个地址并带上关键词);第二、在各地的黄页中，增加自己的信息同样要加上地址并带上关键词;第三、在各个容易收录，权重高的论坛留下链接(带关键词比如：/index.asp 美容仪器)或者锚文字(有两种格式：&a href=&网址&&关键词&/a&、[url=/index.asp]美容仪器[/url]);第四、在容易被搜索引擎收录，权重高的博客中发文章，并适当的增加锚文字;第五、在百科、知道句、问答类的搜索引擎附属产品留下链接(比如，百度百科、百度知道等等);第六、专注于再某两个人气网站尽心经营，发表高质量的软文。　　6、文章的稳定快速高质的更新。　　7、做好友情链接：高质量的友链如下：高权重(不一定是高pr的权重就搞，相同排名时从收录比例可以看出，比如一个论坛总页面大概有一万多篇收录了一千多、另外一个网站企业站总页面200多，但是收录了100篇，这两网站的权重我就认为是企业站高)、收录比例、快照时间、关键词排名、同类型网站、网站site第一、网站更新频率、网站结构、网站的主题、友情链接的数目等等。　　暂时只有这些，有新的发现就马上发表。这只是我个人在优化网站时自己的感觉到的有用方法，如有不对请，多多指教。　　现在我在做着的网站是： 广州模特公司。
评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
本类排行榜公司网站SEO问题求助_百度知道前端性能优化的14个规则，学会就偷着乐
作为一个半前端工程师，而且只会写点HTML5和CSS3的“假”前端工程师，为了能更好地理解一下前端的花花世界，最近拜读了《》一书，对作者提出的前端性能优化的14个规则获益匪浅，为了让自己印象更深刻点，决定作此文，当做学习笔记也好，知识总结也罢，总归看过的东西要让自己很好地掌握很好地运用起来才是王道。在解读这些规则的同时，我会用我一年半多的移动网站开发经历提出一些针对移动网站的优化建议。
更多的电子书：
规则01：尽量减少HTTP请求
前端优化的黄金准则指导着前端页面的优化策略：只有10%-20%的最终用户响应时间花在接受请求的HTML文档上，剩下的80%-90%时间花在为HTML文档所引用的所有组件（图片、脚本、样式表等）进行的HTTP请求上。因此，改善响应时间的最简单途径就是减少组件的数量，并由此减少HTTP请求的数量。当然很多人就会说，既然这样，那我们就减少页面组件的数量不就OK了吗？那你试试，你会掀起一场性能优化和产品设计之间的大PK。
所以，我们要减少HTTP请求是要平衡性能和设计的。如果找到这个平衡点呢？书中从以下几个方面做了介绍，我逐一说明：
①&&图片地图
初看“图片地图”四个字，对非专业的前端人员来说一头雾水，我的第一印象就是这样的，咱们以京东的移动站点为例，右侧用户和购物车的图标，正常实现我会选择如下方式：&a href=”用户跳转页面URL”&
&&&div class=”定义用户icon显示的样式表”&&/div&
&a href=”购物车跳转页面URL”&
&&&div class=” 定义用户icon显示的样式表”&&/div&
&/a&这种方式无可厚非的，但是两张图片就有两个HTTP请求，这明显是增加了页面中的HTTP请求。那么我们可以把这两个HTTP请求变成一个吗？
答案当然是可以的，这就是图片地图：允许在一张图片上关联多个URL，而目标URL的选择取决于用户单击了图片上的哪个位置。
这样上面京东两个图标合并成一张图片，这样图片的HTTP请求就减少了一个。
示例代码如下：&img src=合并后的图片&
&map name=”map1”&
&&&areashape=”rect” coords=”0,0,40,40” href=”用户跳转页面URL”&
&&&areashape=”rect” coords=”50,0,90,40” href=”购物车跳转页面URL”&
&/map&不过图片地图只支持矩形形状，其他形状不支持。
②&&请CSS喝“雪碧”（CSS Sprites）CSS Sprites一句话：将多个图片合并到一张单独的图片，这样就大大减少了页面中图片的HTTP请求。
③&&内联图片和脚本使用data:URL（Base64编码）模式直接将图片包含在Web页面中而无需进行HTTP请求。但是此种方法存在明显缺陷：- 不受IE的欢迎；- 图片太大不宜采用这种方式，因为Base64编码之后会增加图片大小，这样页面整体的下载量会变大；- 内联图片在页面跳转的时候不会被缓存。（大图片可以使用浏览器的本地缓存，在首次访问的时候保存到浏览器缓存中，典型的是HTML5的manifest缓存机制以及LocalStorage等）。
④&&样式表的合并将页面样式定义、脚本、页面本身代码严格区分开，但是样式表、脚本也不是分割越细越好，因为没多引用一个样式表就增加一次HTPP请求，能合并的样式表尽量合并。一个网站有一个公用样式表定义，每个页面只要有一个样式表就OK啦。
通过以上四个努力之后，你会发现你的网页响应时间最多能减少一半，这不是作者说大话，也不是我狂吹，我亲手用我的移动网站首页做了一个尝试，本地测试之后响应时间能减少40%左右。所以减少页面HTTP请求数量，是一个很重要的原则。遵循此原则可以同时改善首次访问和后续访问的响应时间，而每一个网站的首次响应时间会决定用户之后还来不来的重要原因。
规则02：使用内容发布网络（CDN的使用）
什么叫内容发布网络（CDN）？它是一组分布在多个不同地理位置的Web服务器，用于更加有效地向用户发布内容。主要用于发布页面静态资源：图片、css文件、js文件等。如此，能轻易地提高响应速度。关于CDN的具体详细原理以及优缺点，各位可以自行询问度娘或者google。
规则03：添加Expires头
浏览器使用缓存来减少HTTP请求的数据，并减小HTTP响应的大小，使页面加载更快。Web服务器使用Expires头来告诉浏览器它可以使用一个组件的当前副本，直到指定的deadline为止。HTTP规范中称此头为：在这一时间之后响应被认为失效。个人对这块表示不想使用，其实就是一句话，把一些css、js、图片在首次访问的时候全部缓存到浏览器本地，从我做移动网站的过程中发现，其实没有这么复杂，完全可以使用HTML5提供的本地缓存机制就OK了。关于HTML5本地缓存机制，各位可以查阅相关资料。后续我也会对HTML5的缓存机制进行介绍的。
规则04：压缩组件（使用Gzip方式）
书中关于压缩从gzip压缩方式到如何压缩讲了很多，我想直接跳过，对于做PC网站或者移动网站来说，急需要压缩的是css文件和js文件，至于如何压缩，网上有很多在线工具，去挑选一个自己用的顺手看的顺眼的就好，当然也有人选择对HTML进行压缩，这样也可以。但是实际工作中我没有这么做。之所谓没有这么做，是因为我觉得很麻烦。不要鄙视我，毕竟我不是一个真正意义上的前端工程师，哈哈！
规则05：将CSS样式表放在顶部
如果将css样式定义放在页面中或者页面底部，会出现短暂白屏或者某一区域短暂白板的情况，这和浏览器的运营机制有关的，不管页面如何加载，页面都是逐步呈现的。所以在每做一个页面的时候，用Link标签把每一个样式表定义放在head中。
规则06：将javascript脚本放在底部
浏览器在加载css文件时，页面逐步呈现会被阻止，直到所有css文件加载完毕，所以要把css文件的引用放到head中去，这样在加载css文件时不会组织页面的呈现。但是对于js文件，在使用的时候，它下面所有也页面内容的呈现都会被阻塞，将脚本放在页面越靠下的地方，就意味着越多的内容能够逐步呈现。
规则07：避免使用CSS表达式
CSS表达式是动态玩CSS的一种很强大的方式，但是强大的同时也存在很高的危险性。因为css表达式的频繁求值会导致css表达式性能低下。如果真想玩css表达式，可以选用只求值一次的表达式或者使用事件处理来改变css的值。
规则08：使用外部javascript和CSS内联js和css其实比外部文件有更快的响应速度，那为什么还要用外部呢？因为使用外部的js和css可以让浏览器缓存他们，这样不仅HTML文档大小减少，而且不会增加HTTP请求数量。另外，使用外部js和css可以提高组件的可复用性。
规则09：减少DNS查询
DNS查询有时间开销，通常一个浏览器查找一个给定主机名的IP地址需要20-120ms。缓存DNS：缓存DNS查询可以很好地提高网页性能，一旦缓存了DNS查询，之后对于相同主机名的请求就无需进行再次的DNS查找，至少短时间内不需要。所以在使用页面中URL、图片、js文件、css文件等时，不要使用过多不同的主机名。
规则10：精简javascript
如何精简？
其实W3Cfuns已经给大家准备好精简JS所需的所有工具“”，这点W3Cfuns为大家做的很不错，在这个规则里我们就用到“”
最初始的精简方式：就是移除不必要的字符减小js文件大小，改善加载时间。包括所有的注释、不必要的空白字符。
高级一点的精简方式就是：混淆。
它不但会移除不必要的字符，还会改写代码，比如函数和变量的名字会被改成很短的字符串，这样使js代码更简练更难阅读。
但是我一般很少使用混淆，一个现在互联网时代，代码没有必要整的那么神秘，大可以大家一起share，天下代码一起抄，只要抄出自己的特色就ok了。
而且一旦使用混淆，对于js代码的维护和调试都很复杂，因为有时候混淆之后的js代码完全看不懂。其实实际开发过程中，从文件大小和代码可复用性来说，不仅仅是js代码需要精简，css代码一样也很需要精简。
规则11：避免重定向
重定向的英文是Redirect，用于将用户从一个URL重新跳转到另一个URL。
最常见的Redirect就是301和302两种。
关于重定向的性能影响这里就不说了，自行查阅相关资料吧。
在我们实际开发中避免重定向最简单也最容易被忽视的一个问题就是，设置URL的时候，最后的“/”，有些人有时候会忽略，其实你少了“/”，这时候的URL就被重定向了，所以在给页面链接加URL的时候切记最后的“/”不可丢。
规则12：删除重复脚本
重复的js代码除了有不必要的HTTP请求之外，还会浪费执行js的时间。
将你使用的js代码模块化，可以很好地避免这个问题，至于js模块化如何实现，现在有很多可以使用的开源框架，我用的比较多的是我们公司玉伯的Sea.js。
规则13：配置ETag
Etag（Entity Tag），实体标签，是Web服务器和浏览器用户确认缓存组件的有效性的一种机制。写的很复杂，对我这种非专业的前端开发人员来说，有点过了，关于这个原则有兴趣的自己看吧。
规则14：使Ajax可缓存
针对页面中主动的Ajax请求返回的数据要缓存到本地，当然这个是针对短期内不会变化的数据。如果不确定数据变化周期的话，可以增加一个修改标识的判断，我正常处理过程中会给一些Ajax请求返回的数据增加一个MD5值的判断，每次请求会判断当前MD5是否变化，如果变化了取最新的数据，如果不变化，则不变。
噼里啪啦说了一堆，14个规则啊，那我们开发过程中要针对这每一个规则对自己的前端代码做check吗？我反正不这么干，做前端页面，尤其是移动网站的页面，我所记住的准则就是：尽量减少页面大小，尽量降低页面响应时间。在页面性能和交互设计之中找平衡点。
刚表态过的朋友 ()
移动端可以这么写，html5支持这样的
您需要登录后才可以回帖
网金保险销售服务有限公司薪金：216000(元/年)职位：高级Web前端开发工程师
爱点击互动（北京）广告有限公司薪金：面议职位：Web前端开发工程师
北京西瓜藤网络科技有限公司薪金：面议职位：Web开发工程师