前端理论总结(html5)——meta标签作用/SEO优化

meta标签作用:

1:搜索引擎优化(SEO)

2:定义页面使用语言

3:自动刷新并指向新的页面

4:实现网页转换时的动态效果

5:控制页面缓冲

6:网页定级评价

7:控制网页显示的窗口

SEO优化:

1:合理的 title、description、keywords:搜索对着三项的权重逐个减小,title 值强调重点即可,重要关键词出现不要超过 2 次,而且要靠前,不同页面 title 要有所不同;description 把页面内容高度概括,长度合适,不可过分堆砌关键词,不同页面 description 有所不同;keywords 列举出重要关键词即可

2:语义化的 HTML 代码,符合 W3C 规范:语义化代码让搜索引擎容易理解网页

3:重要内容 HTML 代码放在最前:搜索引擎抓取 HTML 顺序是从上到下,有的搜索引擎对抓取长度有限制,保证重要内容一定会被抓取

4:重要内容不要用 js 输出:爬虫不会执行 js 获取内容

5:少用 iframe:搜索引擎不会抓取 iframe 中的内容

6:非装饰性图片必须加 alt

7:提高网站速度:网站速度是搜索引擎排序的一个重要指标

相关推荐
han_5 分钟前
JavaScript设计模式(十):模板方法模式实现与应用
前端·javascript·设计模式
得物技术7 分钟前
立正请站好:一个组件复用 Skill 的工程化实践|得物技术
前端·架构·ai编程
攀登的牵牛花16 分钟前
OpenClaw 的内心独白,关于最近很火的Harness?
前端·openai
浩星17 分钟前
electron系列8之Electron + Vue 3:构建现代化桌面应用(下)
前端·vue.js·electron
西西学代码19 分钟前
查找设备页面(amap_map)
开发语言·前端·javascript
m0_7381207226 分钟前
渗透测试基础ctfshow——Web应用安全与防护(四)
前端·安全·web安全·网络安全·flask·弱口令爆破
似水流年QC32 分钟前
Chrome Performance 面板前端性能分析从入门到实战
前端·chrome
君穆南33 分钟前
docker里面的minio的备份方法
前端
Thomas214333 分钟前
--remote-debugging-port=9222 和 chrome://inspect/#remote-debugging 区别
前端·chrome
Luna-player33 分钟前
二本生找前端工作
前端