zoukankan      html  css  js  c++  java
  • 规范的html可以更加容易让检索引擎检索

    1. 网站首页HTML规范

      <html>

      <head>

      <title>网站SEO标题</title>

      <meta name="description" content="网站描述" />

      <meta name="keywords" content="网站关键词" />

      <meta content="万户网络 http://www.wanhu.com.cn" name="design">

      </head>

      <body>

      <div id="header">

      <h1><a href="网站地址" title="网站描述">网站名称</a></h1>

      <div id="navigation">网站导航</div>

      </div>

      <div id="container">

      <div id="contain">

      <h2><a href="主频道/栏目链接地址" title="链接说明">频道/栏目标题</a></h2>

      <ul>

      <li><a href="链接地址" title="链接说明">文章标题</a></li>

      ...

      </ul>

      </div>

      <div id="sidebar">

      <h3><a href="其它栏目链接地址" title="链接说明">其它栏目标题</a></h3>

      <ul>

      <li><a href="链接地址" title="链接说明">文章标题</a></li>

      ...

      </ul>

      </div>

      </div>

      <div id="footer">

      <div id="copyright"><a href="网址:如http://www.letians.cn/" title="网站描述">网站名称</a></div>

      </div>

      </body>

      </html>

    2.  

      网站频道/栏目页HTML规范

      <html>

      <head>

      <title>频道/栏目SEO标题-网站名称</title>

      <meta name="description" content="频道/栏目描述" />

      <meta name="keywords" content="频道/栏目关键词" />

      <meta content="万户网络 http://www.wanhu.com.cn" name="design">

      </head>

      <body>

      <div id="header">

      <div id="caption"><a href="网站地址" title="网站描述">网站名称</a></div>

      <div id="navigation">网站导航</div>

      </div>

      <div id="container">

      <div id="contain">

      <h1>频道/栏目名称</h1>

      <h2><a href="链接地址" title="链接说明">子栏目标题</a></h2>

      <ul>

      <li><a href="链接地址" title="链接说明">文章标题</a></li>

      ...

      </ul>

      </div>

      <div id="sidebar">

      <h3><a href="其它栏目链接地址" title="链接说明">其它栏目标题</a></h3>

      <ul>

      <li><a href="链接地址" title="链接说明">文章标题</a></li>

      ...

      </ul>

      </div>

      </div>

      <div id="footer">

      <div id="copyright"><a href="网址:如http://www.letians.cn

      /" title="网站描述">网站名称</a></div>

      </div>

      </body>

      </html>

    3.  

      网站文章页HTML规范

      <html>

      <head>

      <title>文章SEO标题-网站名称</title>

      <meta name="description" content="文章描述" />

      <meta name="keywords" content="文章关键词" />

      </head>

      <body>

      <div id="header">

      <div id="caption"><a href="网站地址" title="网站描述">网站名称</a></div>

      <div id="navigation">网站导航</div>

      </div>

      <div id="container">

      <div id="contain">

      <h1>文章标题</h1>

      <h2>TAG标签</h2>

      <ul>

      <li><a href="链接地址" title="链接说明">文章标题</a></li>

      ...

      </ul>

      <div id="content">文章正文<strong>重点关键词或段落标题</strong><img src="图片链接地址" alt="图片说明" /></h1>

      <h2>相关文章</h2>

      <ul>

      <li><a href="链接地址" title="链接说明">文章标题</a></li>

      ...

      </ul>

      </div>

      <div id="sidebar">

      <h3><a href="其它栏目链接地址" title="链接说明">其它栏目标题</a></h3>

      <ul>

      <li><a href="链接地址" title="链接说明">文章标题</a></li>

      ...

      </ul>

      </div>

      </div>

      <div id="footer">

      <div id="copyright"><a href="http://www.wanhu.com.cn

      " title="网站建设">网站建设</a></div>

      </div>

      </body>

      </html>

    4. 4

      经过上面的HTML代码的优化,我们将会得到一个比较规范的HMTL代码,从而使网站的SEO优化更加的得心应手。

      尽量减少http请求个数

      使用cdn 加速

      将css放在顶部

      将js放置在底部

      使用gzip压缩

      favicon.ico 要小而且可以缓存

      使用ajax可缓存

      使用get完成ajax请求

      预加载

      尽量减少iframe的个数

      更多优化方案请参考:

      https://blog.csdn.net/zc1995730/article/details/86481387

  • 相关阅读:
    Html转Word文档,解决无法保存网络图片的问题
    Html静态页面获取
    《程序设计基础》(吴文虎)笔记+其他基础细节
    【力扣】21. 合并两个有序链表
    【力扣】448. 找到所有数组中消失的数字
    【力扣】160. 相交链表
    【力扣】155. 最小栈
    【力扣】714. 买卖股票的最佳时机含手续费
    【力扣】309. 最佳买卖股票时机含冷冻期
    【力扣】188. 买卖股票的最佳时机 IV
  • 原文地址:https://www.cnblogs.com/webcyh/p/11349517.html
Copyright © 2011-2022 走看看