HTML SEO

# 经典真题

• 请描述一下 SEO 中的 TDK？

title、description、keywords, 就是 TDK

• title: 浏览器上显示的那些内容，不仅用户能看到，也能被搜索引擎检索到，搜索引擎在抓取网页时，最先读取的就是网页标题，所以 title 是否正确设置极其重要。title 一般不超过 80 个字符，而且词语间要用英文 “-” 隔开，因为计算机只对英语的敏感性较高，对汉语的敏感性不高。
• description: 也就是网页的内容摘要，这是对于一个网页的简要内容概况。description 一般不超过 150 个字符，描述内容要和页面内容相关。
• keywords: 主要作用是告诉搜索引擎本页内容是围绕哪些词展开的。因此 keywords 的每个词都要能在内容中找到相应匹配，才有利于排名。keywords 一般不超过 3 个，每个关键词不宜过长，而且词语间要用英文 “,” 隔开，尽量将重要的关键字靠前放。

# 什么是 SEO？

SEO 由英文 Search Engine optimization 缩写而来，中文意译为 “搜索引擎优化”。

其实叫做针对搜索引擎优化更容易理解。它是指从自然搜索结果获得网站流量的技术和过程，是在了解搜索引擎自然排名机制的基础上，对网站进行的部及外部的调整优化，改进网站在搜索引警中的关键词自然排名，获得更多流量，从而达成网站销售及品牌建设的目标。

# 如何进行 SEO 的优化工作

优化方案：

1. 百度，给钱的方式提高页面的权重，从而让页面获得更多的流量。
2. 内部优化

• 合理的 title、description、keywords, 也称 TDK

  • title: 浏览器上显示的那些内容，不仅用户能看到，也能被搜索引擎检索到，搜索引擎在抓取网页时，最先读取的就是网页标题，所以 title 是否正确设置极其重要。title 一般不超过 80 个字符，而且词语间要用英文 “-” 隔开，因为计算机只对英语的敏感性较高，对汉语的敏感性不高。
  • description: 也就是网页的内容摘要，这是对于一个网页的简要内容概况。description 一般不超过 150 个字符，描述内容要和页面内容相关。
  • keywords: 主要作用是告诉搜索引擎本页内容是围绕哪些词展开的。因此 keywords 的每个词都要能在内容中找到相应匹配，才有利于排名。keywords 一般不超过 3 个，每个关键词不宜过长，而且词语间要用英文 “,” 隔开，尽量将重要的关键字靠前放。

• 语义化的 HTML 代码，符合 W3C 规范

  • 语义化代码能够让搜索引擎容易理解网页，即使脱去了 CSS 这一层外衣，整个网页的结构也是清清楚楚的，无论
    是搜索引擎还是阅读者，都能够很容易的分辨网页的结构。

• 非装饰性的图片必须添加 alt 属性

  • img 标签的 alt 属性指定了替代文本，用于在图像无法显示或者用户禁用图像显示时，代替图像显示在浏览器中的
    内容。

  <img src="/xxx.jpg" alt="NIDLH博客-头像" />

  alt 标签的作用:

  • 增强内容相关性：它是可以利用汉字介绍文章内容的，对于一些特定的企业产品，由于视觉的体验，它往往是少文字的。
  • 提高关键词密度：在操作企业站的时候，我们经常遇到是站点首屏一个大的横幅 banner，几乎占用了首页的大部分页面，为了有效的提高首页核心关键词密度，我们只能利用一切办法增添关键词，比如：在图片的 alt 标签中添加。

• 对于不显示的对象谨慎使用 display:none

  • 对于不想显示的文字内容，应当设置 z-index 或设置到浏览器显示器之外。因为搜索引擎会过滤掉 display:none 其
    中的内容。

• 重要内容 HTML 代码放在最前

  • 索引擎抓取 HTML 顺序是从上到下，所以我们尽量将重要的内容放在前面，保证重要内容一定会被抓取。

• 少用 iframe

  • 少用或者尽量不用 iframe，因为搜索引擎不会抓取 iframe 中的内容

3. 外部优化

• 外部优化主要指放友情链接和外链。好的友情链接可以快速的提高网站的权重，高质量的外链，会给你的网站提高源源不断的权重提升。另外，就是要向各大搜索引擎登陆入口提交尚未收录站点。