四、优化及调试--网站优化--SEO在网页制作中的应用
SEO分类:白帽SEO、黑帽SEO
白帽SEO:
内容上的SEO:
网站标题、关键字、描述
网站内容优化
Robot.txt文件
网站地图
增加外链引用
前端SEO:
网站结构布局优化
扁平化结构(一般来说,建立的网站目录层次越少,越容易被收录,一般中小型网站,目录层次超过三层,网页爬虫就不太愿意爬行收录)
怎样做到扁平化布局结构:
控制首页链接数量(不能太多也不能太少,对于中小型网站,建议首页链接数量在100条左右,可以包括:页面导航,局部导航,锚链接等等)
扁平化目录层次(尽量要让小蜘蛛跳转3次,就可以进入到网站内页,比如网站的设计,可以定义为主页、栏目、内容页这样三级扁平铺开的结构)
导航SEO优化(一般可以有主导航、副导航、分类导航,导航设计应尽量采用文字方式,如果非要用图片的形式,要优化图片代码,加title和alt。其次,在每个网页上,我们要加上面包屑导航,面包屑导航可以让用户了解当前所在的位置,以及当前页面在整个网站中的位置,使用户可以了解网站组织形式,从而形成很好的位置感,并且提供返回各个阶层的快速入口,方便用户操作。)
不可忽略的细节:内容页布局
另外,当页面有很多内容时,要注意分页设置(向下优选):
控制页面大小:一个页面最好不要超过100K
网页代码优化
<title>标题:在浏览器标题栏显示,把重要的关键词放在前面,不要重复出现,每个页面的title不要设置相同的
<meta keywords>关键词:列举出几个关键词即可,不要过分堆砌
<meta description>网页描述:高度概括网页内容,不要过分堆砌,每页都要不同
对于网页<body>中的代码,使用的原则:语义化代码(在适当的位置,用适当的标签)
H1~H6标签多用于标题
ul标签多用于无序列表
ol标签多用于有序列表
dl标签用于定义数据列表
em,strong表示强调
<a>标签 要加链接说明,即title,另外,对于指向其他网站的连接,要加上rel="nofollow",用于指定 Google 搜索引擎不要跟踪链接。
<h1>标签 网页正文页标题,二级标题用<h2>,依次类推
<p>标签 用于段落
<br />标签 只用于文本内容的换行,最好不要用于其他位置换行
<table>标签 语义化要使用<caption>标签
<img>标签 应使用alt说明
<strong><em>和<b><i>标签 <strong>多用于强调关键字等,权重大于<b>,<em>标签用于斜体,权重仅次于<strong>,如果只是强调加粗和斜体样式,则使用<b><i>,如果强调内容,则使用<strong><em>
代码中的小TIPS:
重要内容HTML代码放在最前面
重要内容不要用JS输出
尽少使用iframe框架
谨慎使用display:none 对于暂时不想显示的内容,要使用设置z-index,或者将其设置到浏览器显示的范围外(因为爬虫会过滤掉display:none的内容)
不断精简代码
四、优化及调试--网站优化--SEO在网页制作中的应用的更多相关文章
- 《SEO在网页制作中的应用》视频笔记
学习了慕课网<SEO在网页制作中的应用>视频,今天将里面的知识整理一下. 一.SEO介绍 1. 搜索引擎工作原理 搜索引擎现在主流有百度.谷歌.360,他们都有庞大的搜索引擎数据库,每个 ...
- SEO在网页制作中的应用
1.什么是SEOSEO(Search Engine Optimization)中文意译为“搜索引擎优化”.SEO是指通过网站内部调整优化及站外优化,使网站满足搜索引擎收录排名需求,在搜索引擎中提高关键 ...
- 四、优化及调试--网站优化--Yahoo军规下
21.根据域名划分页面内容 很显然, 是最大限度地实现平行下载 22.尽量减少iframe的个数 考虑即使内容为空,加载也需要时间,会阻止页面加载,没有语意,注意iframe相对于其他DOM元素高出1 ...
- 四、优化及调试--网站优化--Yahoo军规上
什么是Yahoo军规?即如何提高网站速度的知识. 具体如下: 1.尽量减少HTTP请求个数——须权衡 什么是http请求:从客户端到服务器端的请求消息.包括消息首行中,对资源的请求方法,资源的标识符及 ...
- 四、优化及调试--网站优化--Yahoo军规中
8.避免使用CSS表达式(避免在CSS中使用Expressions) 什么是CSS表达式:是用来把CSS属性和JavaScript关联起来.
- 网站优化之-SEO在网页制作中的应用(信息来自慕课网课程笔记)
一.SEO基本介绍. 1.搜索引擎工作原理. 2.seo简介:SEarch Engine Optimization,搜索引擎优化.为了提升网页在搜索引擎自然搜索结果中的收录数量及排序位置而做的优化行为 ...
- 网页制作中规范使用DIV+CSS命名规则,可以改善优化功效特别是团队合作时候可以提供合作制作效率,具体DIV CSS命名规则CSS命名大全内容如下:
页头:header 如:#header{属性:属性值;}或.header{属性:属性值;},也许你需要了解class与id区别及用法登录条:loginBar 标志:logo ...
- seo在前端网页制作的应用
学习了慕客网上的“SEO在网页制作中的应用‘’,下面来进行小小的学习总结,顺便梳理下知识.所谓学而不思则罔思而不学则殆.下面开始正文. 一.搜索引擎的工作原理 搜索引擎的基本工作原理包括如下三个过程: ...
- 网站优化不等于搜索引擎优化SEO
对于SEO相信搞网络营销的人基本上都知道这个名词,英文全称为search engine optimization,中文一般叫搜索引擎优化,也有的叫搜索引擎定位(Search Engine Positi ...
随机推荐
- 【转】JavaScript面向对象
http://www.cnblogs.com/dolphinX/p/4385862.html 理解对象 对象这个词如雷贯耳,同样出名的一句话:XXX语言中一切皆为对象! 对象究竟是什么?什么叫面向对象 ...
- php的字符串转2进制函数
<?php $file1 = '16.jpg'; $file2 = 'test.txt'; $file3 = '47.jpg'; $size = filesize($file1); echo ' ...
- java使用split分隔,需要注意的点
String severName = "10.6.62.244"; System.out.println(severName.split(".").length ...
- 深入理解Java虚拟机之读书笔记四 性能监控与故障处理工具
JDK的bin目录下存在很多有效的命令行工具,它们就是jdk\lib\toos.jar类库的封装. 一.jps:虚拟机进程状况工具,查询出LVMID. 二.jstat:虚拟机统计信息监视工具, 三.j ...
- iOS 不规则的ImageView
http://blog.csdn.net/kevinpake/article/details/41205715 我们在做iOS开发的时候,往往需要实现不规则形状的头像,如: 那如何去实现? 通常图片都 ...
- Linux之编译需要的文件变化时刻
- OpenCv haar+SVM训练的xml检测人头位置
注意:opencv-2.4.10 #include "stdio.h"#include "string.h"#include "iostream&qu ...
- log4j配置日志文件log4j.appender.R.File相对路径方法
方法一. 解决的办法自然是用相对路径代替绝对路径,其实log4j的FileAppender本身就有这样的机制,如:log4j.appender.logfile.File=${WORKDIR}/logs ...
- Hashtable和HashMap类的区别
Hashtable和HashMap类有三个重要的不同之处.第一个不同主要是历史原因.Hashtable是基于陈旧的Dictionary类的,HashMap是Java 1.2引进的Map接口的一个实现. ...
- ubuntu 14 谷歌拼音输入法
帮人倒腾了下,顺便记录下: https://rivercitylabs.org/install-google-pinyin-on-ubuntu-14-04/ sudo apt-get install ...