网站SEO优化

最新推荐文章于 2025-10-06 09:11:10 发布

转载最新推荐文章于 2025-10-06 09:11:10 发布 · 261 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：https://segmentfault.com/a/1190000012202610

http://openweb.baidu.com/doc/...

SEO search engine optimization

整体优化

1.生成对搜索引擎友好的网站地图
2.增加外部链接，到各个网站上宣传
3.导航链接优化，不超过三层
4.面包屑导航 增强位置感
5.不断精简代码
6.js代码如果是操作DOM操作，应尽量放在body结束标签之前，html代码之后
  html文件是自上而下的执行方式，css引入执行加载时，程序仍然往下执行
  script脚本是则中断线程，待该script脚本执行结束之后程序才继续往下执行
  页面效果实现类的js放在body之前，动作，交互，事件驱动的js都可以放在body之后
  HTML中不区分大小写，js区分大小写
7.将重要内容的HTML代码放在最前面，最前面的内容被认为是最重要的，优先让“蜘蛛”读取，进行内容关键词抓取
8.重要内容不要用JS输出，因为“蜘蛛”不认识

语义化标签

<title>  #只强调重点即可，尽量把重要的关键词放在前面，关键词不要重复出现，尽量做到每个页面的<title>标题中不要设置相同的内容
<meta keywords> #关键词，列举出几个页面的重要关键字即可，切记过分堆砌
<meta description>  #网页描述，需要高度概括网页内容，切记不能太长，过分堆砌关键词，每个页面也要有所不同。
<body> #尽量让代码语义化，在适当的位置使用适当的标签，用正确的标签做正确的事。让阅读源码者和“蜘蛛”都一目了然
<a title rel="nofollow">  #页内链接，要加 “title” 属性加以说明，让访客和 “蜘蛛” 知道。而外部链接，链接到其他网站的，则需要加上 rel="nofollow" 属性, 告诉 “蜘蛛” 不要爬，因为一旦“蜘蛛”爬了外部链接之后，就不会再回来了
<img alt title> #图片添加alt,title
<h1> #正文标题用<h1>副标题用<h2> h3-h6就不用了  #“蜘蛛” 认为它最重要，若不喜欢<h1>的默认样式可以通过CSS设置。尽量做到正文标题用<h1>标签，副标题用<h2>标签, 而其它地方不应该随便乱用 h 标题标签
<br>  #只用于文本内容的换行<p><br><p>
<caption>  #表格标题标签
<strong>、<em>  #需要强调时使用。<strong>标签在搜索引擎中能够得到高度的重视，它能突出关键词，表现重要的内容，<em>标签强调效果仅次于<strong>标签
<b>、<i>  #只是用于显示效果时使用，在SEO中不会起任何效果
<main> #页面主要内容，一个页面只能使用一次。如果是web应用，则包围其主要功能
<small>  #指定细则，输入免责声明、注解、署名、版权
<mark>  #突出显示文本（yellow），提醒读者。
<figure>  #创建图
<figcaption> #figure的标题，必须是figure内嵌的第一个或者最后一个元素
<cite> #指明引用或者参考，如图书的标题，歌曲、电影、等的名称，演唱会、音乐会、规范、报纸、或法律文件等
<blockquoto>  #引述文本，默认新的一行显示
<time>  #标记时间。datetime属性遵循特定格式，如果忽略此属性，文本内容必须是合法的日期或者时间格式
<abbr> #解释缩写词。使用title属性可提供全称，只在第一次出现时使用就ok
<address> #作者、相关人士或组织的联系信息（电子邮件地址、指向联系信息页的链接）
<del> #移除的内容
<code>  #标记代码。包含示例代码或者文件名 （< &lt;  > &gt;）
<pre>  #预格式化文本。保留文本固有的换行和空格
<progress> #完成进度。可通过js动态更新value。
<meter>  #表示分数的值或者已知范围的测量结果。如投票结果。
<audio>
<video>
<dialog>
<progress>
&copy #文本缩进不要使用特殊符号 &nbsp; 应当使用CSS进行设置。版权符号不要使用特殊符号 &copy;直接打出版权符号©
display:one;  #对于不想显示的文字内容，应当设置z-index或设置到浏览器显示器之外。因为搜索引擎会过滤掉display:none其中的内容
iframe  #框架,因为“蜘蛛”一般不会读取其中的内容

语义化布局

<head>
  <title></title>
  <meta name="description" content="">
  <meta name="keywords" content="">
</head>
<body>
  <header></header>
  <nav></nav>
  <main></main>
  <article>
    <section></section>
  </article>
  <aside></aside>
  <footer>
    <address></address>
  </footer>
</body>