四、优化及调试--网站优化--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 ...
随机推荐
- << CocoaPods安装和使用教程 >>github code4app以及cocoachina 苹果官方文档
developer.apple.com 英文搜索各个技术的官方介绍文档, 前提是英文过关 cocoachina ios最新新闻, 信息 code4app上有许多组件 http://www.code4a ...
- cocos2dx 3.7中 AppDelegate.h的class TestController;这种写法的具体意思不太明白,只能猜是类似于外部定义的东西。
cocos2dx 3.7中 AppDelegate.h的class TestController;这种写法的具体意思不太明白,只能猜是类似于外部定义的东西.
- [codevs1027]姓名与ID
[codevs1027]姓名与ID 试题描述 有N个人,各自有一个姓名和ID(别名).每个人的姓名和ID都没有重复.这些人依次进入一间房间,然后可能会离开.过程中可以得到一些信息,告知在房间里的某个人 ...
- SPOJ 375 Query on a tree
Description 给出一个树,每条边有边权,支持两种操作,询问 \(u,v\) 路径上边权最大值,修改第 \(i\) 条边的边权,\(n\leqslant 10^4,T\leqslant 10\ ...
- 【云计算】marathon集群如何升级?
Upgrading to a Newer Version We generally recommend creating a backup of the ZooKeeper state before ...
- [k]web页面-browser兼容问题-1
1:空的a标签在IE7/8下不能点击(2015-05-22) html代码: <ul class='oUl'><li><a href="#"> ...
- Wince下sqlce数据库开发(一)
对于Wince下的sqlce数据库虽然很多人在用,但在我查找资料时,却发现资料是多么的匮乏,在此对自己这几天的了解做个简单介绍,希望对大家能有所帮助! 本文的最后附有所使用到的sqlce在wince下 ...
- gridview 实现鼠标悬浮行提示行中列的信息
protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e) { for (int i = ...
- nyoj133_子序列_离散化_尺取法
子序列 时间限制:3000 ms | 内存限制:65535 KB 难度:5 描述 给定一个序列,请你求出该序列的一个连续的子序列,使原串中出现的所有元素皆在该子序列中出现过至少1次. 如2 8 ...
- WP8 双击返回键退出
bool isExit = false; // 构造函数 public MainPage() { InitializeComponent(); isExit = false; // 用于本地化 App ...