更新时间:2020-06-19 10:51:25点击: 作者:东莞SEO
当今搜索引擎走到今天这一步,作为站长一定要懂一些SEO技术,这样你才能更好去运营好你的网站,网站有什么问题,你至少可以懂,然后制定方案去优化完善因此,学习SEO,要明白seo具体会给你带来什么样的帮助。那么网站如何做好SEO优化呢?这就要从网站前端开始。
1. 合理的title、description、keywords
2. 语义化的HTML代码,符合W3C规范:语义化代码让搜索引擎容易理解网页
3. 非装饰性图片必须加alt
4. 重要内容HTML代码放在最前:搜索引擎抓取HTML顺序是从上到下,保证重要内容一定会被抓取
5. 少用iframe:搜索引擎不会抓取iframe中的内容
6. 提高网站速度:网站速度是搜索引擎排序的一个重要指标
7. 友情链接,好的友情链接可以快速的提高你的网站权重
从以上几点来看,前端进行seo优化主是从代码内容着手。代码方面又分HTML,JS跟CSS部分,下面我们就来讲讲这三个方面。
HTML:
1.标签的有开有合。
2.避免冗余代码,例如去除空格字符。
3.合理利用标签语义化。
4.合理的嵌套规则,避免行元素内嵌套块元素。
5.img标签内需要添加title属性和alt属性。
6.a标签内需要添加title属性。
7.Meta标签的优化(过去搜索引擎优化的重要手法,现在已经不是关键因素,但仍不可忽略)主要包括: Meta description、Meta keywords的设置 关键字密度要适度,通常为2%-8%,也就是说你的关键字必须 在 页面中出现若干次,或者在搜索引擎允许的范围内,要避免堆砌关键字。
8.title页面标题,必须列出信息的标题、网站的名称以及相关关键字,避免堆关键字。
9.合理使用注释。
10.尽量少使用iframe框架,因为“蜘蛛”一般不会读取其中的内容
11.文本缩进不要使用特殊符号 应当使用CSS进行设置。版权符号不要使用特殊符号 © 可以直接使用输入法,拼“banquan”,选择序号5就能打出版权符号©。
JS
1采用外部引入的方法。
2.合理合并JS代码,可减少服务器的压力。
3.良好的JS代码习惯。例如:减少页面重绘,减少作用域链上的查找次数。
CSS:
1.避免将css代码写在标签内。
2.如果css代码量少,可直接写在头部。否则请使用外部引入的方式。
3.请不要使用通配符选择器 *{margin:0;padding:0;} 这不仅仅因为它是缓慢和低效率的方法,而且还会导致一 些不必要的元素也重置了外边距和内边距。
4.css代码缩写可以提高你写代码的速度,精简你的代码量,包括margin,padding,border ,font, background和颜色值等。
5.利用css继承,如果一个父元素内有多个子元素拥有相同的样式,可将相同的样式定义在元素上。
6.如果多个元素拥有相同的样式,可定义一个通用的class或使用群组选择器。
7.使用背景图合并技术。
8.适当的代码注释。
9.谨慎使用 display:none :对于不想显示的文字内容,应当设置z-index或设置到浏览器显示器之外。因为搜索引擎会过滤掉display:none其中的内容。
做好了HTML,JS跟CSS部分后,就是要做网站内容了。至于如何做网站内容,下次我再开专题讲。