web前端的SEO优化问题学习总结
来源:互联网 发布:知乎删除的福利 编辑:程序博客网 时间:2024/06/06 05:32
关于前端SEO优化主要从两个方面入手:网站结构布局优化和页面代码优化
关于网站结构优化:最主要的要求就是网站结构层次结构要少,最好的是扁平化的网站结构设计。
1. 控制首页的链接。网站首页的链接最好在100个以内。
2. 网站结构扁平化铺开,最好是三层到底。结构大概是首页-分类页-详细页。
3. 导航设置。建议导航多设置几个,导航不止能在头部,也可以在底部,还可以在中间。导航还可以设置成主导航-副导航结构。除了文字导航外还可以设置图片导航,但是图片一定要设置其title和alt属性。最佳导航设置是面包屑导航:所谓面包屑导航就是如下图所示,用户在点击每个目录名称时可以到达其所在位置,面包屑导航可以让用户始终知道自己所在的位置。
当然还有分页的问题:选择一个好的分页格式有助于用户的体验。
4. 保证网页的加载速度。单页大小最好不要超过100K。
网页代码优化
1. 网页的title,keywords,description一定要写,要精简全面。
2. 网页使用语义化代码。
3. a标签要设置title属性;外部链接还要设置rel属性– –rel=”nofollow”,nofollow值会使得网络爬虫不顺着链接爬出。
4. 所有的标题使用h1标签,样式可以使用css设置。
5. br标签只能用于文本换行。
6. table一定要使用caption设置表格题目。
7. strong用来设置重标,em设置斜体。
8. img标签一定要设置其alt属性。
以上内容是在观看视频后的学习总结
SEO在网页制作中的应用
0 0
- web前端的SEO优化问题学习总结
- Web前端开发学习3:SEO代码优化
- Web前端开发学习3:SEO代码优化
- 前端SEO优化(个人总结)
- 编写利于SEO搜索引擎优化的Web前端代码
- web前端优化总结
- WEB前端优化总结
- 前端后端分离,怎么解决SEO优化的问题?
- 一些web前端的优化技巧总结
- SEO的优化总结
- web前端性能优化的问题
- 优化SEO 前端优化
- web前端问题总结
- web的Seo搜索优化
- Web前端学习总结
- web前端性能优化总结
- web前端性能优化总结
- web前端性能优化总结
- Spark Streaming小结
- 算法设计与应用基础:第二周(2)
- Tensorflow | Constants |常用函数介绍
- React Native 性能优化之可取消的异步操作
- Recyclerview添加点击监听功能
- web前端的SEO优化问题学习总结
- Ubuntu提示网络有.local域
- Flex+JS:实现可视化的多叉树遍历、查询、聚焦、添加、删除节点
- Android上下文菜单了解
- 基础练习 Sine之舞
- 美国可以实现几乎对全球无死角的监控,这是可能的吗?
- sql server 复合索引和include索引
- source insight 多行注释宏
- C语言 · 提货单(P1101)