TDK
vue和react都可以设置TDK(用于seo)
TDK是什么
TDK就是网站的标题(title)、描述(description)和关键词(keyword)
TDK在哪里
打开F12我们就可以看到
Vue设置TDK:
设置
效果
Vue中动态设置TDK
- 修改index.html
- 来到路由配置中添加meta属性
- 找到Vue项目中的导航守卫(根据自己项目中导航守卫设置的位置)
语义话标签:
语义化标签有什么优势?
1、 方便页面布局
2、 便于特殊化设备读取(有利于一些特殊设备的解析,比如盲人阅读器会完全根据你的标签来“读”你的网页)
3、 利于SEO优化
常见的语义化标签
header,nav,article,aside,section,footer