文档章节

前端开发SEO以及注意事项

羊皮卷
 羊皮卷
发布于 2016/11/29 10:34
字数 372
阅读 22
收藏 0

1、网站布局要做到样式与页面分离,删除页面中不必要的标签和元素。 

2、页面生成要尽量小,要压缩页面的大小,页面尽量使用静态或伪静态。 

3、所有的CSS、JS都要使用外部调用。 

4、外部调用的JS文件的代码能放在底部的尽量放在底部,页面调用的css文件的代码尽量都放在head内,同一页面尽量不要超过3个JS外部调用。 

5、每个页要只能出现一次H1标签,H2~H6标签可以多次,这样做是为了加重H1标签的权重。 

6、除首页外别的页面要加面包屑型路径,导航一定要清晰。 

7、网站一定要兼容脑残的IE各版本和FF等主流浏览器,这个虽然感觉对SEO影响不大,但是作为前端,这也是最基本的吧。 

8、图片一定要添加alt属性,链接一定要添加title属性。 

9、网站结构呈扁平状树型,目录结构不宜过深,每个页面离首页最多点击3次,过深不利于搜索引擎的抓取。 

10、做好404页面,并测试其返回状态码为404。 

11、确保网站代码无误,HTML能通过W3C版本。

12、分析网站模块以及样式的公用性

© 著作权归作者所有

羊皮卷
粉丝 3
博文 166
码字总数 84410
作品 0
广州
前端工程师
私信 提问
北京社本互动信息技术有限公司招聘信息

PHP项目经理 待遇:10-15K/月 职位描述: 1、 精通软件项目开发方法、标准、规范,以及科学的项目管理; 2、 参与系统需求分析与设计,并负责完成底层核心代码,接口规范的开发,架构设计; ...

hr_beijing
2011/03/24
1K
34
北京社本互动信息技术有限公司招聘信息

PHP项目经理 待遇:10-15K/月 职位描述: 1、 精通软件项目开发方法、标准、规范,以及科学的项目管理; 2、 参与系统需求分析与设计,并负责完成底层核心代码,接口规范的开发,架构设计; ...

shebenhudong
2011/04/26
488
9
CMS管理后台入门指南-(Ant-Design-Pro-v2-0)

目标:实现一个基础模块 基础模块 基础模块的定义 基础模块(了解一个基础模块包含哪些基本功能,包括基本功能的展示方式等) 基础模块中前置知识准备 各功能组件介绍(了解各个模块使用到的...

广州芦苇科技web前端
01/09
25
0
Vue Prerender.io 预渲染seo优化

前言 目前 Vue单页面应用在前端界混的风生水起,它的开发思想使得我们能真正做到前后端分离、解耦。单页面应用使用浏览器动态解析JS,呈现出最终的页面,用户体验比较好,网站性能也提高不少...

飞迪资讯_首席摸鱼官
07/26
0
0
基于VUE的服务器端渲染(SSR)

什么是服务器端渲染(SSR) 服务器端渲染(以下称为SSR):网页通常是通过后端路由直接给客户端的。也就是说网页的html一般是后端服务器里通过模板引擎渲染好后再交给前端的。 对于其他的效果,...

Wrightlt
2018/05/09
0
0

没有更多内容

加载失败,请刷新页面

加载更多

OSChina 周六乱弹 —— 早上儿子问我他是怎么来的

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @凉小生 :#今日歌曲推荐# 少点戾气,愿你和这个世界温柔以待。中岛美嘉的单曲《僕が死のうと思ったのは (曾经我也想过一了百了)》 《僕が死の...

小小编辑
今天
2.1K
14
Excption与Error包结构,OOM 你遇到过哪些情况,SOF 你遇到过哪些情况

Throwable 是 Java 中所有错误与异常的超类,Throwable 包含两个子类,Error 与 Exception 。用于指示发生了异常情况。 Java 抛出的 Throwable 可以分成三种类型。 被检查异常(checked Exc...

Garphy
今天
38
0
计算机实现原理专题--二进制减法器(二)

在计算机实现原理专题--二进制减法器(一)中说明了基本原理,现准备说明如何来实现。 首先第一步255-b运算相当于对b进行按位取反,因此可将8个非门组成如下图的形式: 由于每次做减法时,我...

FAT_mt
昨天
40
0
好程序员大数据学习路线分享函数+map映射+元祖

好程序员大数据学习路线分享函数+map映射+元祖,大数据各个平台上的语言实现 hadoop 由java实现,2003年至今,三大块:数据处理,数据存储,数据计算 存储: hbase --> 数据成表 处理: hive --> 数...

好程序员官方
昨天
61
0
tabel 中含有复选框的列 数据理解

1、el-ui中实现某一列为复选框 实现多选非常简单: 手动添加一个el-table-column,设type属性为selction即可; 2、@selection-change事件:选项发生勾选状态变化时触发该事件 <el-table @sel...

everthing
昨天
20
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部