前端seo小结,网页代码优化
seo的目的:提高网站流量
- search engine optimization 搜索引擎优化seo
- search engine marketing 搜索引擎营销sem
权重10个等级 等级越大,权重越高
搜索网站提交入口
新上线页面可以在搜索引擎中提交url,让爬虫进行检索
seo优化的具体方法
链接:友情链接和网站内部链接
- 和权重高的网站进行交换链接
- 和内容相似的网站交换
- 内链,网站内的链接,提高网站的抓取率,用户的访问量。
内容质量
- 更新、质量、原创、关键词的密度2%-8%
- 标题的优化,比如:前端开发,如何才能赚到钱
优化:一个菜鸟前端的百万年薪之路 - 百度指数 长尾关键词
- 控制首页链接数量 :
首页是权重最高的地方,中小企业的网站链接在100个以内
其他优化
- 简洁的域名
- 给力的服务器配置
前端工程师怎样做seo
网站结构的优化
一、扁平化目录层次,三层结构以内,拒绝垂直搜索
二、分页优化
- 首页 上一页 下一页
- 首页 123456789 下一页
- 首页 123456789 下拉框
选用第三种方式,seo效果最好
三、html的优化
1、语义化标签
<header><nav><section><aside><article><footer>
2、标签中nofollow的使用
<meta name="robots” content="nofollow” />
/*告诉爬虫该页面无需追踪,不传递权重。
用于指示搜索引擎不要追踪网页上的带有nofollow属性的任何出站链接,*/
<a rel="external nofollow" href="url"><span>
/*以减少垃圾链接的分散网站权重!
对于外链链接,写上了nofollow标签,它会阻止蜘蛛进行跟踪,同时也阻止了权重的传递。*/
3、title标签的使用
4、keywords 关键字的使用
5、description 网页描述
6、导航使用ul ol,减少使用span,div
7、<em><i><b><strong>
巧妙利用标签
<strong>加粗,突出关键词,小蜘蛛会重点读取
<b>加粗,不影响seo
<em>斜体,会影响seo,效果仅次于strong
<i>斜体,不影响seo
8、h标签的使用
<h1> 正文标题用h1,副标题用h2 其他不需要用h标签
<p> 正文段落 <br/>标签需要用在<p/>中
9、表格中标签的使用
<table border="1">
<caption></caption>
<tr><th></th></tr>
<tr><td></td></tr>
</table>
表格使用 caption利于蜘蛛的爬取
10、<img> 应用alt属性
重要的内容HTML 放在最前面,利于seo
重要内容不要用js输出,不利于seo
尽少使用iframe 框架
display:none 小蜘蛛不读取
四、代码模块化、去冗余、精简
1、压缩图片、图片精灵
2、封装组件、函数等
五、自动化工具
- gulp
- webpack
六、提升客户体验(易用性,ui界面)
前端seo小结,网页代码优化的更多相关文章
- 前端-SEO
SEO是 search Engine Optimization (搜索引擎优化) SEO: ①白帽SEO(普通SEO做的优化) 网站标题.关键字.描述 网站内容优化 Robot.txt文件 网站地 ...
- 前端SEO技巧
前几天在慕课网上学习了“SEO在网页制作中的应用”,觉得挺好.挺有用的,今天,特此做了一个小小的笔记,也算是对学习过后的一个总结. 一.搜索引擎工作原理 当我们在输入框中输入关键词,点击搜索或查询时, ...
- 四、优化及调试--网站优化--SEO在网页制作中的应用
SEO分类:白帽SEO.黑帽SEO 白帽SEO: 内容上的SEO: 网站标题.关键字.描述 网站内容优化 Robot.txt文件 网站地图 增加外链引用 前端SEO: 网站结构布局优化 扁平化结构(一 ...
- SEO在网页制作中的应用
1.什么是SEOSEO(Search Engine Optimization)中文意译为“搜索引擎优化”.SEO是指通过网站内部调整优化及站外优化,使网站满足搜索引擎收录排名需求,在搜索引擎中提高关键 ...
- 前端SEO
一.搜索引擎工作原理 当我们在输入框中输入关键词,点击搜索或查询时,然后得到结果.深究其背后的故事,搜索引擎做了很多事情. 在搜索引擎网站,比如百度,在其后台有一个非常庞大的数据库,里面存储了海量的关 ...
- 《SEO在网页制作中的应用》视频笔记
学习了慕课网<SEO在网页制作中的应用>视频,今天将里面的知识整理一下. 一.SEO介绍 1. 搜索引擎工作原理 搜索引擎现在主流有百度.谷歌.360,他们都有庞大的搜索引擎数据库,每个 ...
- 关于前端SEO的一些常用知识总结
Search English Optimization,搜索引擎优化,简称为SEO. (1)网站结构布局优化:尽量简单 1. 控制首页链接数量:首页链接不能太多,一旦太多,没有实质性的链接,很容易影响 ...
- 前端SEO优化
结构优化 1.扁平化结构,目录层次越少越好
- web前端开发小结
1.浏览器内核 IE-----Trident Edge-----EdgeHTML Firefox-----Gecko Safari-----Webkit Chrome-----Blink(Webkit ...
随机推荐
- Python之print语句Python的注释
话不多说直接切入正题 print语句可以向屏幕上输出指定的文字.比如输出'hello, world',用代码实现如下: >>> print 'hello, world' 注意: 1. ...
- IntelliJ Idea 免费激活方法免激活码
1. 到网站 http://idea.lanyus.com/ 获取注册码. 2.填入下面的license server: http://intellij.mandroid.cn/ http://ide ...
- MATLAB一个数组中另一个数组的值
c = setdiff(a,b) 删掉素组a中数组b的元素 如:
- JVM内存管理基础概念
.内存的不同形态 物理内存 虚拟内存 .内存的使用形式 内核空间 用户空间 .java虚拟机运行时数据划分 PC寄存器:保存当前程序运行时的内存地址. Java栈:总是和线程关联,每个线程拥有一个ja ...
- 被人遗忘的MAX_FILE_SIZE文件上传限制大小参数
在文件上传中,我们经常会要求显 示用户上传文件大小,超过上传限制的文件就会不允许用户上传.虽然我们可以用程序去判断上传文件是否超过限制,但是其实我们的PHP程序是无法判断用户本 地文件大小的.所以等到 ...
- 存储过程,游标,异常捕捉 try catch 实例代码
1.存储过程代码. (数据库是 AdventureWorks) 存储过程用来将错误信息插入到指定的表中. 在别的地方可以调用存储过程插入错误信息(下面部分代码 生成一个表,如果表已经存在就会插入错误 ...
- 用new Image().src作LOG统计的一个注意事项 .
用new Image().src作LOG统计的一个注意事项 2009-08-06 17:40 在大型网站做很多用户行为分析.产品的策划方案基本上都是通过分析用户的访问等信息而做出的,LOG信息的统计准 ...
- 【C#】62. 异步读写文件的几种方法: Task.Factory.FromAsync,WriteAsync
一.这里主要说明2种异步写入文件的方法: 1)异步编程模型API转为Task——使用Task.Factory.FromAsync方法 2)对于StreamWriter使用WriteAsync方法 请记 ...
- 30 python 并发编程之多线程
一 threading模块介绍 multiprocess模块的完全模仿了threading模块的接口,二者在使用层面,有很大的相似性,因而不再详细介绍 官网链接:https://docs.python ...
- 二叉排序树的应用(java)
package com.tree.find; public class TestSearchBST { private static class BiNode{ int data; BiNode lc ...