前端开发与SEO_html/css_WEB-ITnose
程序员文章站
2022-03-19 11:43:46
...
为了使网站在搜索引擎中排名靠前,作为一名前端工程师最好懂一点SEO方面的知识,在网页代码的编写时需要注意以下几点:
1、友情链接中的a标签需设置rel="nofollow",提示蜘蛛不去爬行,所有的中需设置title,让蜘蛛更好的认识
2、
只适用于文本换行,其他换行可以用
3、标签需加上alt属性,当图片未能显示时可显示文字提示,同时也能让蜘蛛认识图片
4、尽量少用iframe
5、重要内容不要使用JS输出
6、对于暂时不需要显示的元素应该使用z-index属性而不是display:none;这样的代码,因为Spider会过滤display属性为none的内容。
7、网站结构呈扁平状树型,目录结构不宜过深,每个页面离首页最多点击3次,过深不利于搜索引擎的抓取。
8、每个页要只能出现一次H1标签,H2~H6标签可以多次,这样做是为了加重H1标签的权重
后续待更新……
推荐阅读
-
Schema ? 模块化,响应式的前端开发框架_html/css_WEB-ITnose
-
[前端框架] Bootstrap 3 与 Foundation 5 的五大区别 (译)_html/css_WEB-ITnose
-
Spring Boot + Vue 前后端分离开发之前端网络请求封装与配置
-
前端基础知识概述 -- 移动端开发的屏幕、图像、字体与布局的兼容适配
-
JavaScript:回流(重排)与重绘-前端开发随笔-SegmentFault思否
-
前端基础知识概述 -- 移动端开发的屏幕、图像、字体与布局的兼容适配
-
前端开发必备:nvm与npm与nrm
-
前端工程化实战-模块化开发与规范化标准--总结(Day15)
-
来黑马程序员从零学前端与移动开发-----第九天CSS(7)HTML5+CSS3 提高
-
荐 前端开发搭建与开发方法