• 规范的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

  • 相关阅读:
    Web全栈探索,Vue基础系列,前后端交互(四)
    幸运者
    整数加法
    猜数游戏
    multi-select 左右选择插件
    Layui 踩坑记录
    jQuery 封装公共方法
    前后端文件内容 md5 计算
    Apscheduler 定时任务
    Git 开发流程
  • 原文地址:https://www.cnblogs.com/webcyh/p/11349517.html
Copyright © 2020-2023  润新知