岑辉宇SEO博客:分享搜索引擎优化的心得和经验,充当新手SEO道路上的照明灯,让SEO不再没方向,欢迎加入SEO交流群:241865235,微信公众号:qq945748441(每天前两名关注公众号的朋友,免费分析网站)

seo必须会的html基础

seo视频教程 贵阳SEO 3560℃ 0评论

seo必须会的html基础

一、什么是 HTML?
HTML(Hypertext Markup Language) 是用来描述网页的一种标记性语言,是一种规范,一种标准,它通过标记符号来显示网页中的各个部分。
①- HTML 指的是超文本标记语言 .
②- HTML 不是一种编程语言,而是一种简单标记语言.
③- 利用一套标记符号(标签),来描述网页.
④- 组成的文件后缀为.html或.htm
语法规则
语法规则:
1- <元素名> 内容 </元素名>
<元素名>:开始标签
</元素名>:结束标签
常见标签举例:
段落标签:<p>这还是个段落</p>
加粗标签:<b></b>
2- <元素名 />
常见标签举例:
图片标签:<img />
折行标签:<br />
网页结构
网页结构:
<!DOCTYPE>
<html>
<head>
<title>这里是网页标题</title>
</head>
<body>
<p>简单的一个段落</p>
</body>
</html>
常用工具
HTML书写常见工具:
logo工具名称及简介
Dreamweaver,简称DW,可视化网页编辑软件.(推荐使用)
UltraEdit,简称UE.
Notepad++
记事本


 

二、常用标签
部标签:
HTML网页标题标签:
<title></title>
HTML描述和关键词标签:
<meta name=”description” content=” ***” />
<meta name=”keywords” content=” ***” />
主体标签:
HTML文本标题标签:
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
HTML段落标签:
<p></p>
HTML超链接标签:
<a href=”/”></a>


 

三、静态化
1、概念
静态网页和动态网页:
静态网页:服务器上真实存在的页面,不需要编译,用户就可以直接访问。页面后缀为.html或.htm.
动态网页:通过执行asp,php,jsp,.net等程序生成客户端网页代码的网页。
关键词:框架与内容分离、模具、转换生成.
静态页面和动态页面的优劣:
静态页面
优势:访问速度快、可以跨平台和服务器
劣势:占用空间资源、页面多,难管理,修改不方便
动态页面
优势:通过用户请求返回数据库页面,网站易于维护,可以实现用户注册、登录、在线调查等多种数据处理功能
劣势:页面不是真实存在,对搜索引擎(技术不成熟)不友好
2、静态化的作用
静态化的作用:
1- 有利于搜索引擎抓取;
因为现阶段搜索引擎技术的限制,对于动态页面和静态页面的抓取量的差别,所以需要动态网页静态化处理。
2- 提高程序性能。
静态页面打开速度快,一些大型网站平台所必须要要采取的方式。
3、静态化的设置方法
静态化的方法:
1、插件静态化:
例如windows下的IIS Rewrite模块静态化,Apache HTTP服务器的mod_rewrite.(参考资料:“win主机下设置伪静态的方法”)
2、代码静态化;
3、HttpWebRequest 返回页面重定向法.
总结:
静态化处理和我们购买的空间有很大的关系,购买时注意选择和咨询。


 

四、Nofollow
1、概念或作用
nofollow的概念:
nofollow 是一个HTML标签的属性值。这个标签的意义是告诉搜索引擎”不要追踪此网页上的链接”或”不要追踪此特定链接。
nofollow的作用:
是站长管理者 和 搜索引擎 之间对待一个页面中的链接或特定链接的方式。
解读:比如A页面中有一个接链向B页面,如果我给这个链接加上nofollow这个属性,那么A页面的这个链接就不属于B页面的反向链接,并且也不会分散A页面的权重。
2、添加演示
nofollow添加方式:
1、屏蔽整个页面中的所有链接;
在网页</head>之上添加以下代码:
<meta name=”robots” content=”nofollow” />
2、屏蔽特定链接;例如:
<a href=”/index.html”></a>
<a rel=”nofollow” href=”/index.html”></a>


 

五、DIV+CSS
1、DIV+CSS的认识
概念
DIV标签
DIV是一个html布局标签(虚容器),主要用来实现网页布局和模块添加。
例如:<div></div>
CSS 概述
CSS 指层叠样式表 (Cascading Style Sheets)
样式定义如何显示 HTML 元素
样式通常存储在样式表文件中
解决内容与表现分离的问题
外部样式表可以极大提高工作效率
CSS产生的原因:
用来取代之前网页中陈旧的表格(table)布局技术,提高网页编辑和修改效率。
网页采用CSS的优势:
1、清晰网页布局;
2、更精确的控制网页模块样式;
3、简化代码,加速网页访问速度;
4、有利于搜索引擎优化.
网页角色
网页三大组成部分:
内容+结构+表现
内容:网页中的文字、图片、音乐、视频等;
结构:网页中段落、标题、列表等,是由HTML标签完成的;
表现:控制网页的结构布局、内容显示样式(例如:字体大小、粗细、颜色等)。
网页的表现就是CSS在网页中的角色.
语法结构
语法结构:
selector {property: value}
选择器:施加样式的对象;
属性:施加什么样的样式,例如:颜色、大小等;
值:属性的范围,例如:红色、14像素等.
举例:人{身高:175cm;体重:75公斤}
提示:当对同一个对象施加多个声明时,可以写在一个大括号内。
2、属性演示
文本修饰
文本修饰:
字体大小属性:
font-size:12px;
字体颜色属性:
color:red;
样式属性
网页背景颜色属性:
background-color:yellow;
background-image:url();


 

六、Alt属性
1、概念
Alt属性(替换文本)
当网页图片丢失或路径错误的时候所显示的图片文字信息.
举例:
<img src=”/” />
<img src=”/” alt=” ” />
对于SEO的作用:
搜索引擎无法识别图片含义,然而会把Alt属性的内容纳入到页面的文本分析中。灵活的在网页图片中插入Alt属性(比如关键词),可以提高网页的关键词密度。
2、添加演示
添加方法:
网页插入图片的时候,添加替换文本:
<img src=”” alt=”” width=”” hight=”” />


 

七、网页地址
网页地址的分类:
绝对地址:文件在网络或本地的绝对位置,具有唯一性。
相对地址:就是被链接文件相对于当前页面的地址。
SEO的考虑:
含有绝对地址的网页对SEO优化更有利。
原因:
1、对于未作301重定向的网站,不利于搜素引擎确定主域名;
2、相对地址为他人镜像网站提供方便;
3、绝对地址用于网址规范化以及首选域问题的考虑。

转载请注明:岑辉宇SEO博客 » seo必须会的html基础

喜欢 (2)or分享 (0)
发表我的评论
取消评论
表情
(43)个小伙伴在吐槽
  1. I usually dont post in Blogs but your blog forced me to, amazing work. beautiful.
    匿名2019-07-01 01:20 回复
  2. Muchos hombres experimentarán problemas de erección al menos una vez en su vida. Éstos son causados, por ejemplo, por operaciones en la próstata y recto.
    匿名2019-06-22 12:04 回复
  3. Keep up the fantastic work, I read few articles on this web site and I conceive that your web site is real interesting and has got bands of excellent info.
    匿名2019-06-17 22:25 回复
  4. I have learned new things from the blog post. One other thing to I have seen is that in many instances, FSBO sellers will certainly reject a person. Remember, they might prefer to not use your companies. But if anyone maintain a comfortable, professional relationship, offering assistance and staying in contact for around four to five weeks, you will usually be capable to win a discussion. From there, a listing follows. Many thanks
    匿名2019-06-17 04:40 回复
  5. It’s occasional to discover an established using that you may possibly have a bunch of morals. All over the world recently, no really loves demonstrating to many others the reply this kind of scenario. Ways fortuitous My corporation is to produce so identified a great special web since this. It is definitely individuals like you create an authentic factor undoubtedly by means of the techniques customers get.
    匿名2019-06-16 19:04 回复
  6. I just want to say I am newbie to blogging and seriously enjoyed you're web-site. Most likely I’m planning to bookmark your website . You certainly have remarkable well written articles. Appreciate it for revealing your web site.
    Clicking Here2019-06-13 08:25 回复
  7. Sometimes, a blood test is necessary. Losing your hair isn't usually anything to be worried about, but it can be upsetting. It's important to emphasize that patients who have localized hair loss generally don't go on to lose hair all over the scalp.
    匿名2019-05-31 04:45 回复
  8. Es normal que un hombre tenga problemas ocasionales para lograr una erección o que ésta sea lo suficientemente firme o duradera como para tener relaciones sexuales.
    匿名2019-05-30 03:57 回复
  9. La obligación que la sociedad impone al hombre de siempre tener que estar listo para satisfacer a la mujer, transformando una falla en algo vergonzoso, acaba por crear demasiada presión en algunas personas.
    匿名2019-05-26 00:29 回复
  10. 可以学习!
    匿名2016-01-09 15:09 回复
1 2 3 5