SEO干货:对seo友好的html的语法规则

 2015年9月6日 |  6 条评论 |   889

之前微部落博客更新了很多SEO优化的干货分享给大家,假期休息了几天没有更新(看阅兵,看得太激动了,哈哈。。)今天开始继续更新哈,希望大家继续关注微部落博客。

html 的语法规则

< 元素名>内容</元素名>:
HTML 元素以开始标签起始
HTML 元素以结束标签终止 / —结束标签
<元素名/>:
短标签 图片标签 <img/>
网页结构: <!DOCTYPE> — 文档声明
<html> —– 网页内容起始
<head> —– 网页头部起始
<title>这里是网页标题</title> —- 头部标签
</head> —– 网页头部终止

<body> —– 网页主体起始
<p> 简单的一个段落</p> —- 主体标签
</body> —– 网页主体终止

</html> —— 网页内容终止

HTML常用书写工具 Dreamweaver DW

html 常用标签

头部标签
<title>微部落博客 – 跟草根站长学做网站</title>
<meta name=”description”  content=”微部落博客草根站长自媒体博客,分享学做网站及网站推广经验,探讨seo搜索引擎优化和网络营销技巧!” />
主体标签
文本标题标签:<h1>这是一级标题</h1>
<h2>这是二级标题</h2>
<h3>这是三级标题</h3>
<h4>这是四级标题</h4>
<h5>这是五级标题</h5>
<h6>这是六级标题</h6>
h1 到h6他们的字体是依次降低的
段落标签 : <p>这个是一个段落哦</p>
链接标签: <a href=”网址”>文字内容</a>
例如:
<a href=“http://www.vprol.com/”>微部落博客</a>;

19.动态网页静态化处理和我们购来的空间有很大的关系,购买时注意咨讯空间商是否支持插件静态化。
动态网页的特征
1)动态网页一般以数据库技术为基础,可以大大降低网站维护的工作量;
(2)采用动态网页技术的网站可以实现更多的功能,如用户注册、用户登录、在线调查、用户管理、订单管理等等;
(3)动态网页实际上并不是独立存在于服务器上的网页文件,只有当用户请求时服务器才返回一个完整的网页;
(4)动态网页中的“?”对搜索引擎检索存在一定的问题,搜索引擎一般不可能从一个网站的数据库中访问全部网页,或者出于技术方面的考虑,搜索之中不去抓取网址中“?”后面的内容,因此采用动态网页的网站在进行搜索引擎推广时需要做一定的技术处理才能适应搜索引擎的要求。
缺点
a、首先动态网页在访问速度上不占优势
动态网页首先获得用户的指令,然后网页拿着指令到数据库中找和指令相对应的数据,然后传递给服务器,通过服务器的编译把动态页面编译成标准的HTML代码,传递给用户浏览器,这样用户就看到了网页。问题出来了,每次访问网页都要经过这么一个过程,这一过程至少需要几秒钟的时间,访问的人数一多,页面的加载速度就会变慢,对服务器来说也是一种负担;从用户角度来说,网页加载的慢,迟迟没有反应,下次谁还会来访问你的网站。由此可见,动态网页在访问速度上并不占优势。而静态网页就简单了,静态网页是实际存在的,无需经过服务器的编译,直接加载到客户浏览器上显示出来。
b、在搜索引擎收录方面并不占优势
上面从服务器和用户体验的角度说了一下,下面再从搜索引擎收录角度说一下,动态网页是在用户输入指令后才形成的页面,并不存在这个页面,而搜索引擎只会抓取现成的,并不会自己输入,因此网站在搜索引擎收录方面并不占优势。搜索引擎还是喜欢静态页面。  不过搜索引擎在不断完善发展。到目前为止,绝大多数的搜索引擎都已支持动态页面的抓取。

20.nofollow 是一个HTML标签的属性值。这个标签的意义是告诉搜索引擎”不要追踪此网页上的链接或不要追踪此特定链接。
如果A网页上有一个链接指向B网页,但A网页给这个链接加上了 rel=”nofollow” 标注,则搜索引擎不把A网页计算入B网页的反向链接。搜索引擎看到这个标签就可能减少或完全取消链接的投票权重。

nofollow添加方式
a.屏蔽整个页面中的所有链接:
在网页</head>之上添加以上代码<meta name=”robots”  content=”nofollow” />
b.屏蔽特定链接:nofollow标签是超链接<a>的一个属性值,我们只需要在源代码里面加上rel=”nofollow”
<a href=”http://www.vprol.com/” rel=”nofollow”>微部落博客</a>,告诉蜘蛛不要爬行、抓取http://www.vprol.com 这个页面。

你可以用nofollow。如果不用nofollow,搜索引擎链接权重会平均分配到每个页面。还有网站中的一些广告图片也可以加上nofollow标签,告诉搜索引擎这是广告。不要传递网站权重。

DIV 是一个HTML布局标签,主要用来实现网页布局和模块添加。
例如:<div></div>

CSS之层叠样式表,样式定义如何显示HTML元素

CSS的优势:1.页面代码精简,加速网页访问速度,增加用户体验度;
2.清晰的网页布局,更好的控制网页模块样式;
3.适合优化seo,降低网页大小,让网页体积变得更小。

alt属性是当HTML元素本身的物件无法被渲染时,就显示alt(替换)文字作为一种补救措施。
alt 属性是一个必需的属性,它规定在图像无法显示时的替代文本。
假设由于下列原因用户无法查看图像,alt 属性可以为图像提供替代的信息:
网速太慢
src 属性中的错误
浏览器禁用图像
用户使用的是屏幕阅读器
alt标签在html语言中的写法是这样的:<img src=”图片路径”  alt=”图片描述”/>
图片描述最好是用简短的语句,描述这张图片的内容,如果是链接,则描述链接的作用,并带上关键词。从而提高网页关键词的密度。

更多阅读:

SEO优化干货:SEO网站优化一些基础知识

SEO优化干货:什么样的外链是作弊外链?

SEO优化全过程,插件主题目录内链大整合

SEO优化干货:如何进行关键词分析?

品牌对SEO优化排名的影响有多大

文章字数统计:2430 | 百度已收录

  |  pc蛋蛋微信群/seo优化  


微部落博客编辑整理发布,如有侵犯您的版权,请提供相关版权证明,博主将立即删除。
·博客大全  博客网址之家  博客导航  来路IP首页展示!   ·免费收录  ·免费推广你的博客   114.vprol.com
如果本文对您有用就 打个赏吧微信 OR 支付宝 扫描二维码
pay_weixin     pay_weixin
金额随意,您的支持是我的动力~

草根站长,博客导航,博客大全,博客网站,增加网站流量
回复 取消

欢迎评论发言,灌水及广告评论将被定期删除!

已有 6 条评论

  1. 阿飞 2015-9-9 01:01回复
    关于 HTML和CSS,我一直是跟着网上的视频学习,只是看视频容易犯困打瞌睡。 🙁
  2. boke112导航 2015-9-7 16:18回复
    博主研究得也太细了吧
  3. 泛宝汇博客 2015-9-6 22:51回复
    来学SEO 😀
  4. 陈熙博客 2015-9-6 14:29回复
    纯文字好乏味,建议添加些图片,增加阅读兴趣 😳
    • 天中青年 2015-9-7 19:19回复
      你这个评论很犀利, 但天中青年认为很到位。
  5. 阿让达博客 2015-9-6 10:28回复
    有点乱啊,站长,把网站样式再整整嘛 😮