前端理论总结(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:提高网站速度:网站速度是搜索引擎排序的一个重要指标

相关推荐
锋行天下9 分钟前
关于websocket,真实场景踩坑经验
前端·后端
Asize15 分钟前
重生之我在 Vibe Coding 时代当程序员:第十二课,Prompt 不是咒语,是可以沉淀的业务接口
前端·人工智能·python
布兰妮甜40 分钟前
Vue 项目 `localhost:3000` 打不开?404 常见原因排查指南
前端·javascript·vue.js·vuecli·4040排查
森林的尽头是阳光44 分钟前
前端使用postman快速造数据
前端·javascript·vue·postman·造数·本地测试
小猿备忘录1 小时前
Spring Security OAuth2 双Token机制精讲:原理、配置与常见坑点全解析
java·前端·spring·中间件
许彰午1 小时前
12_ArrayList与LinkedList深度对比
java·前端·python
lichenyang4532 小时前
鸿蒙练习 12:Provider/Consumer 跨层共享 + HAR 多模块拆分
前端
朱涛的自习室2 小时前
逃离“古法测试”:AI 测试的“三大定律”
android·前端·人工智能
糖果店的幽灵2 小时前
Claude Code 完全实战指南 - 第二章:CLI 命令大全
前端·chrome
ZC跨境爬虫2 小时前
跟着 MDN 学CSS day_45:媒体查询入门指南——从语法到移动优先实践
前端·css·ui·html·tensorflow·媒体