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

  • 相关阅读:
    c# 图片保存为流Stream,再次加载时提示System.ArgumentOutOfRangeException: 要求非负数的解决办法
    VS 2019 Git failed with a fatal error的解决办法
    IIS安全狗卸载后,IIS8.5,网站无法访问的解决方法
    sqlserver 全文检索提高精确度的一个方法
    Win10应用商店打不开的解决办法
    Dapper解析嵌套的多层实体类
    Aspose.Words转换为PDF的时候字体丢失的问题解决
    IIS ASP.NET MVC 上传文件到NAS目录
    windows xp .net framework 4.0 HttpWebRequest 报The underlying connection was closed,基础连接已关闭
    c# 计算中文字节数与JAVA不符的解决方法
  • 原文地址:https://www.cnblogs.com/webcyh/p/11349517.html
Copyright © 2011-2022 走看看