html代码优化

2017-03-27

24713

[键入文字]SEO 优化一、SEO 优化1. 内部SEO(代码优化)网站如果想要有好的排名，需要做很多工作，个人觉的内部优化应该是首位，否则你的SEO 推广会打折。就算你的网站做的多好看，设计的多漂

[键入文字]

SEO 优化

一、SEO 优化

1. 内部SEO(代码优化)

网站如果想要有好的排名，需要做很多工作，个人觉的内部优化应该是首位，否则你的SEO 推广会打折。就算你的网站做的多好看，设计的多漂亮，里面的东西多么吸引人，但是内部没有优化好，用户很费力的进到你网站去寻找，如果换做那个是你，你会不会继续看下去。如果我们合理的设计网站的内部，那么当一个客户来访问快就可能成为回头客。

2. 外部链接SEO

做好了内部SEO ，其实只是刚开始，一个网站好比一个沃尔玛，几时内部装修的怎么好，商品怎么齐全，价格怎么优惠，但是没有人去看，说什么也没意义，网站需要做外面的SEO 来让大家都知道它的存在，并且有一半的客户认可你，这才是你最终的目标，总体上，外部SEO 最重要的就是外部链接情况，外部链接表现在两个方面：1. 质量2. 数量；来自不同域名的外部链接对网站的影响不同，质量的另外一个方面是相关性，相关性高的网站对网站关键词排名的影响比较大，另外一个就是外部链接的数量，数量越多同样很重要，增加网站的权威性。除了质量和数量，关键词是否多样性链接存在的时间长短等，这些都影响关键词的排名

二、优化原则

1. 不影响原外观

2. 不要把整个页面放到一个table 里面

3. 不要嵌套太多表格，因为表格需要代码全部下载才能显示出来

4. 不要用太大、太多Flash 动画

5. 不要用太多JavaScript 特效，用户是来看内容不是看特效

6. 尽量把大图切成小图，可以再次利用的图片就无需再另切图了

三、优化技巧

- 1 -

[键入文字]

1. 使用静态页面可以有效减少服务器资源占用

2. 重复使用的样式写到外部CSS 文件，一般是整站一个共用CSS 文件，各独立

栏目共用一个CSS 文件，某页面特有的可以写在本页面内

3. 需要从数据库读取但又不经常更换的内容，写到单独JS 文件，例如各个栏

目，内容是从数据库获取的，但又不会频繁更换

4. 需要链接外部的Flash 、图片等，可以用iframe 标签，避免外部网络延迟而

拖慢整体页面显示

5. 为了方便程序员写循环，可以适当在代码里面加注释

四、网页优化

1. 切图步骤

1) 从整体布局考虑分块

2) 划线分割

3) 隐藏不需要的内容

4) 输出html 文件（如分多层切图，重复第三步骤）

5) 用Dreamwaver 等网页工具打开，整理表格

6) 编写CSS 文件

2. 切图技巧

1) 尽量按规则表格方式切，因为切后一般用需要整合

2) 表格需要全部下载才能显示出来，尽量把大表格分成横向并排的表格

3) 尽可能新建网页，新建表格把切好的图块手动放进去，因为PS 、Fireworks

切图生成的网页文件有很多垃圾代码

4) 文字尽量用文本格式写在网页源码，方便修改

五、内部优化

SEO 全称是Search Engine Optimization ，即针对搜索的优化。网站在推出之后，最大的难点莫过于推广，而通过搜索引擎带来的流量是不可忽视的，如何通过优化代码使搜索引擎最大限度的收录，也就成为重要课题。

1. 明确的标题，即标签</p><p>例如搜索“购物”，搜索结果有2个页面，一个标题包含“购物”，另一个只包含在正文<body>标签中，第一个页面会排第一位。</p><p>- 2 -</p> ,<p>[键入文字]</p><p>根据观察，各搜索引擎都会对标题进行截断，具体为baidu20字、google30字、Yahoo20字、MSN Search25字（均为中文）</p><p>所以标题不能过长，要跟正文内容符合，购物网，标题可以为“我要购物网”</p><p>2.META 标记</p><p><meta name="description" content="网页简述"></p><p><meta name="keywords" content="关键字"></p><p>3. 链接文本</p><p>文章、新闻经常标题过长，为了页面美观而不得不截短，加入title 属性，一来有利于访客阅读完整标题，也有利于搜索引擎的收录</p><p><a href=/upload/12/r2zdp3zszyg.htm ” title=” 浅谈Flash ActionScript 代码优化”>浅谈Flash ActionScr„</a></p><p>4. 另外其它如<h1><input>都可以加入关键字</p><p>5.XHTML 标签和属性全部要小写，比如<BODY><HEAD><BR /></p><p>6. 标签注意要关闭，常见的比如<br /><input />等，还有<img src="https://img.kmw.com" alt="" />，别把alt 属性忘记了</p><p>7. 不用<font>标签，可以用<span>标签加CSS 定义</p><p>8.XHTML 不具备HTML 标签所有属性和值，例如居中align='absmiddle'，在XHTML 里面是没有absmiddle 值的，只有top/bottom/right/left/center，某些属性例如onload 也被废除了</p><p>9.<script></script>要放在<head></head>之间，共有的写出单独文件再在网页导入</p><p>10. 尽量用div 布局而不用table ，但table 还是可以用的</p><p>11. 标题代码：<h1>-<h7>，其中<h1>的权重最大，依次类推，通常网站标题或文</p><p>章大标题用h1标注。</p><p>12. 强调标签用<em>；重点高调标签用<b>和<strong>，<strong>是加重语气标签<b>是粗体标签。</p><p>13. 超级链接要统一，不能一会用绝对路径，一会又用相对路径，例如：老吧网</p><p>的首页链接在后台程序可以写成：<a href="/upload/12/qrm430oka0d.asp">我要购物网</a>也可以写成<a href="http://www.5195tuan.com">我要购物网</a> 虽然这两种方式都可以链接到我要购物网的首页，但是对于搜索引擎来说是有差别的，这样势必造成了2个重复的页面，对于我们的博客收录的排名是不利的。</p><p>14. 超级链接地址的大小写要统一，对于Google 来说</p><p>- 3 -</p> ,<p>[键入文字]</p><p>15. 当然还有CSS 或者其他的代码优化，这里我只说其他最简单的，最普及的方</p><p>法。</p><p>六、这样做有哪些好处？</p><p>1. 易于维护</p><p>HTML 代码发展到现在，已经变得十分臃肿，这对网页设计师来说是非常不利的，特别在重构大型网站的时候，经常显得力不从心</p><p>2. 加速开发</p><p>通过结构与表现层分离，可以优化团队工作流程，提高工作效率</p><p>3. 拓展访问渠</p><p>不需做大改动即可在PDA 等掌上设备浏览</p><p>4. 节约带宽成本</p><p>一般运用网页标准进行网站重构之后，代码可以减少一半以上，每页面如果能减少几十K ，乘以访问量，一个月下来，就可以节约昂贵的带宽费用了</p><p>5. 提高用户体验</p><p>干净简介的代码，总比臃肿复杂代码显示得快，用户不必再忍受缓慢的访问速度</p><p><img src='/upload/12/anqvx42phyr.jpg' /></p><p><img src='/upload/12/cggeom0axou.jpg' /></p><p>七、外部链接SEO</p><p><img src='/upload/12/q3wupxtui5b.jpg' /></p><p><img src='/upload/12/43l0ctvb0m5.jpg' /></p><p>- 4 -</p> ,<p>[键入文字]</p><p>1. 为网站添加心血液(文章) 必做</p><p>每篇文章都是知识海洋中的一部分，只有不断的更新增加才能吸引用户，吸引蜘蛛。用户你的打开网站，最终想要的是内容或者是服务。因为有了这样需求，网站才能不断的进步，留住用户，取得盈利。蜘蛛也是一样，它才会多多关注你的站，如果你的站不更新，蜘蛛就吃不到新的食物。更新文章的数量，没有固定的篇数，只要按照自己的习惯就好。</p><p>2. 关注流量来源和收录</p><p>流量一直是我们最关心的，流量来源是否稳定，最好每天记录一个数字，分析一下流量来源取决于哪些因素，我们才能更好的把握流量来源。网站收录是否正常，收录的数量是多少，收录的时间大概是什么时候，都要做个记录，一定会对你有帮助。哪些栏目中文章收录的多，为什么这个栏目收录的文章多，其它栏目为什么收录少? 我们要做比较，分析，才能更好的了解搜索引擎。</p><p>3. 关键词排名</p><p>关键词的排名，影响着网站流量。记录每天的关键词排名，一个是给上司一</p><p>个交代，一个是你工作的体现。关键词为什么排名靠前了，关键词下降了为什么? 关键词密度还在2-8之间吗? 一个月关键词排名第一有多少天等等，多问几个为什么，我们就会成长。 4. 增加反向链接</p><p>要有高质量的链接，而不是到处都是那种垃圾链接，弄多了垃圾链接，迟早要被K 站的。</p><p>5.做好内部链接，让蜘蛛来时能顺畅的浏览你的网页。</p><p>6.描文本链接</p><p>不管是外部链接还是内部链接，最好都做成描文本链接，这样可以提高网站关键字排名</p><p>7.要持续增加外链</p><p>不要今天一下增加很多，明天又一个没有，这样会引起搜索引擎怀疑。俺就做过这样的事，百度账号都给封了，网站持续一个月都没有给更新快照，排名也下降很多。</p><p>8. 确定好关键词</p><p>做关键词是一个很有学问的事情，这要看个人能力，如果你没有能力，那就不要做非常热门的关键词，你也竞争不过人家，比如这个站就做之类的关键词，做了</p><p>- 5 -</p> ,<p>[键入文字]</p><p>一个月了也查不到排名，后来我就换了比较中性的词，差不多的关键词，等排名上去了，在考虑换热门关键词循序渐进嘛。</p><p>9. 寻找友情链接</p><p>友情链接一定要看好对方网站的情况，如果发现对方网站有被搜索引擎惩罚的地方，比如：K 掉很多网页，没有首页，快照已好久不更新，收录不高的等等。</p><p>10. 如果你是一个有资源的人，可以动用你的资源，找高质量的网站给你做链接，或者花钱去买，这样会有事半功倍的效果。</p><p>八、如何分析一个词的竞争利度</p><p>1．分析竞争对手排名靠前的原因</p><p>做到“知己知彼，百战百胜”，一名优秀的数据师必须是一名合格的数据分析师，我们只有做好这些分析数据后，然后按照计划去执行，这样才能超过我们的竞争对手! 现在我们根据自己的一点体会来和大家讨论下如何分析竞争对手，我们只需要分析我们要优化行业自然排名前三名网站的数据，因为网站80的数据被排名前三名的网站占据了! 那么我们该从哪里地方入手呢</p><p>2．域名</p><p>这里所说的域名，是把域名建站的时间，域名有没有PR 值，域名方便记忆不? 一个好记的域名是能够加深用户的记忆，这样方便用户直接搜索我们的网站域名进入网站。当然这些数据是更改不了的，我们要对我们的竞争对手有个大概的了解。</p><p>3. 百度快照</p><p>我们可以看看他们站点百度快照的日期，这个是可以反映出网站更新的频率和网站的权重的。网站百度快照天天更新的站点是可以说明站点对蜘蛛还是很友好的。</p><p>4. 网站的收录情况</p><p>我们可以检查这些站点网站内容的收录情况，看看收录的都是哪些页面，然后得出他的收录率。这样是可以判断出他网站的权重处于一个什么位置。</p><p>5. 网站的结构</p><p>我们要分析排名靠前的站点网站的结构是不是符合SEO 优化的，网站有没有</p><p>FLASH ，大量的JS 代码调用，网站是不是TABLE 结构等等，这些都是对搜索引擎不是很友好的，那么我们可以从这个细节超过这个对手，我们用使用简单的代码，</p><p>- 6 -</p> ,<p>[键入文字]</p><p>现在DIV CSS对搜索引擎是很友好的，还有合理的使用H1.H2.strong 等标签，我们要把所选的关键词布局在网站页面上，网站的meta 标签这些都是我们需要考虑进去的。</p><p>6. 网站的内容质量</p><p>我们可以查看排名靠前站点的更新文章的频率还有文章的质量，文章是不是原创? 是不是和网站主题相关的? 文章中有没有合理的插入内链? 这些都是我们做SEO 优化需要注意的，一个网站的内容是很重要的，这个是留住我们用户最根本的保证。</p><p>7. 网站外部连接分析</p><p>这个就是我们要分析这些竞争对手的外链来源，前面也有提到过，外链不是说越多越好，最关键的是有相关性，而且还要稳定，我们这里要做的就是找到对方发外链的地方，我们也去发，他们没有发到的，我们也要去发，这样我们才能在外链上超过这些竞争对手。</p><p>梁春林</p><p>7/12/2013 9:32 AM</p><p>- 7 -</p> </div>   <footer class="article-footer"> <div class="tags"> <span class="tag-label">标签：</span> </div> <div class="share-box"> <span class="share-label">分享到：</span> <button class="share-btn weixin" title="分享到微信"> <i class="ri-wechat-fill"></i> </button> <button class="share-btn qq" title="分享到QQ"> <i class="ri-qq-fill"></i> </button> </div> </footer> </article> <div class="ad-container ad-footer"> <div class="ad-wrapper"> <div id="adshow2"></div> <script type="text/javascript" src="/js/adshow2.js"></script>  </div> </div>  <nav class="context-nav"> <a href="/news/23104.html" class="nav-item prev"> <i class="ri-arrow-left-s-line"></i> <span class="nav-text"> <span class="label">上一篇</span> <span class="title">天美广域网简明方案</span> </span> </a> <a href="/news/23106.html" class="nav-item next"> <span class="nav-text"> <span class="label">下一篇</span> <span class="title">第六章网络基础</span> </span> <i class="ri-arrow-right-s-line"></i> </a> </nav>  <section class="related-articles"> <h2 class="section-title"> <span>相关推荐</span> </h2> <div class="articles-grid"> <a href="/news/6371398.html" class="article-item"> <span class="article-title">常用asp代码大全提供重用包含了什么技术？</span> <span class="article-date">2023-06-20</span> </a> <a href="/news/6371399.html" class="article-item"> <span class="article-title">qq怎么设置成员不能设置精华信息怎么让qq好友显示个性签名？</span> <span class="article-date">2023-06-20</span> </a> <a href="/news/6371400.html" class="article-item"> <span class="article-title">夸克浏览器恢复默认设置夸克上滑出现键盘怎么取消？</span> <span class="article-date">2023-06-20</span> </a> <a href="/news/6371401.html" class="article-item"> <span class="article-title">如何快速制作产品目录如何快速记住产品型号和样子？</span> <span class="article-date">2023-06-20</span> </a> <a href="/news/6371402.html" class="article-item"> <span class="article-title">emui11小窗如何放大缩小华为p40怎么小屏模式？</span> <span class="article-date">2023-06-20</span> </a> <a href="/news/6371403.html" class="article-item"> <span class="article-title">火绒扫描的系统日志能删掉吗电脑蓝屏了怎么办在线等？</span> <span class="article-date">2023-06-20</span> </a> <a href="/news/6371404.html" class="article-item"> <span class="article-title">如何替换手机锁屏壁纸手机怎么换桌面壁纸？</span> <span class="article-date">2023-06-20</span> </a> <a href="/news/6371405.html" class="article-item"> <span class="article-title">dwg看图软件下载绿色免费版 dwg格式带tm打不开？</span> <span class="article-date">2023-06-20</span> </a> </div> </section>  <button class="back-to-top" aria-label="返回顶部"> <i class="ri-arrow-up-line"></i> </button> </div> </div> </main>   <footer class="footer"> <div class="footer-content">  <div class="footer-main">  <div class="footer-links"> <div class="footer-column"> <h4>帮助支持</h4> <ul> <li><a href="/help/bzzx.html">帮助中心</a></li> <li><a href="/Home/User/">用户中心</a></li> <li><a href="/sitemap.xml">网站地图</a></li> </ul> </div> <div class="footer-column"> <h4>支付服务</h4> <ul> <li><a href="/help/fkfs.html">付款方式</a></li> <li><a href="/help/fkfs.html">域名账户</a></li> <li><a href="/help/jyfl.html">服务费率</a></li> </ul> </div> <div class="footer-column"> <h4>规则条款</h4> <ul> <li><a href="/help/jygz.html">交易规则</a></li> <li><a href="/help/yssm.html">隐私声明</a></li> <li><a href="/help/fwxy.html">服务协议</a></li> </ul> </div> <div class="footer-column"> <h4>联系我们</h4> <ul> <li><a href="/help/lxjjr.html">业务咨询</a></li> <li><a href="//wpa.qq.com/msgrd?v=3&uin=7665999&site=qq&menu=yes">投诉建议</a></li> <li><a href="/help/lxwm.html">联系我们</a></li> </ul> </div> <div class="footer-column"> <h4>关于我们</h4> <ul> <li><a href="/help/gywm.html">关于我们</a></li> <li><a href="/help/cpyc.html">诚聘英才</a></li> <li><a href="/Home/agent/login.html">经纪登录</a></li> </ul> </div> </div>  <div class="qr-codes"> <div class="qr-item"> <img src="/styles/images/z-p2.jpg" alt="微信公众号"> <p>微信公众号</p> </div> <div class="qr-item"> <img src="/styles/images/z-p3.jpg" alt="微信小程序"> <p>微信小程序</p> </div> </div> </div>  <div class="company-info"> <p> 大连酷米科技有限公司 <span class="separator">|</span> 电话: 0411-88255560 <span class="separator">|</span> 员工舞弊举报: mi@kmw.com <span class="separator">|</span> 地址: 辽宁省大连市甘井子区华南广场中南大厦A座612 </p> </div>  <div class="certificates"> <p class="license"> <a href="https://beian.miit.gov.cn/" target="_blank">辽ICP备2023003160号-1</a> <span class="separator">|</span> 增值电信业务经营许可证：辽B2-20230432 <span class="separator">|</span> 在线数据处理与交易许可证：辽B2-20230432 <span class="separator">|</span> <a href="http://www.beian.gov.cn/" target="_blank">辽公网安备 21021102000934号</a> </p> <p class="copyright">Copyright © 2014-2025 酷米科技版权所有</p> </div>  <div class="cert-icons"> <img src="/styles/images/icon-1.png" alt="认证图标1"> <img src="/styles/images/icon-2.png" alt="认证图标2"> <img src="/styles/images/icon-3.png" alt="认证图标3"> <img src="/styles/images/icon-4.png" alt="认证图标4"> <img src="/styles/images/icon-5.png" alt="认证图标5"> <img src="/styles/images/icon-6.png" alt="认证图标6"> </div> </div> </footer> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?a11e6c50414ba01af35e173204275ab0"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script>  <script src="/styles/js/jquery-3.6.0.min.js"></script>  <script src="/styles/js/newsinfo.js"></script> <script src="/styles/js/header.js"></script>  <script src="/styles/js/qrcode.min.js"></script> </body> </html>