seo前端能做啥

发表于 | 分类于

meta

定义关键词、网站描述

1
2
<meta name="keywords" content="keyword1,keyword2" />
<meta name="description" content="description1,description2" />

html语义化标签

1
2
3
<header></header>
<main></main>
<footer></footer>

html避免嵌套级别太多

尽量做到html扁平化。

img标签的四大属性不能省

1
<img src="" alt="图片描述" width="" height="" />

​alt属性是为了让图片因网速慢、src引用错误、浏览器禁用图像、用户使用屏幕阅读器等情况，未成功显示时候，仍可以显示文本，让用户可大概知道这张图片大概是什么。
width和height是为了防止因为图片无法显示，造成页面重新渲染，或者布局错乱。

h1-h6标签的使用

  1. 一个页面建议只出现一个h1标签，而且一般是放在网页logo上面使用。
  2. h1-h6标签自带权重，如果只为了设置字体大小，或者区分样式，不适合使用h1-h6。

其他

  1. 避免 iframe 标签
  2. 重要内容谨慎使用 display:none;
  3. a标签尽量添加title属性
  4. 利用布局，把重要内容HTML代码放在最前
  5. 使用”rel=nofollow”属性，集中网站权重