目录

经常会在网站听到一些培训机构说“SEO很简单,你完全不用懂HTML。”刘佳要告诉你:“学SEO,你不懂HTML,那最好不要学了”。这绝不是危言耸听。

刘佳以前也是一个HTML小白,后来通过大量的学习(阅读HTML代码书籍、网上视频讲解,培训班),反正没少折腾。HTML是SEO优化不可或缺的一部分,网站上关键词的布局、策略的调整都离不开HTML,包括网站上的众多调整及优化都要用到HTML,想学SEO的同学,刘佳建议还是先学会HTML吧。

有人说我俄语不好什么是超文本,看不懂HTML,完全不用害怕,刘佳按照往年的经验总结作为一名菜鸟SEOer,你必须晓得的HTML知识。

一. 什么是HTML?

HTML的全称是Hypertext Markup Language,超文本标记语言,告诉浏览器页面的所有内容和结构。

二. HTML的基本结构

 


告诉浏览器HTML从这里开始 页面“head”头部开始

页面标题

网页描述

网页关键字 head结束 页面主体body开始 ………… 网页内容,显示在页面中 页面页面主体body结束 告诉浏览器HTML从这里开始

 

 


…………

 

告诉浏览器你的文档是一个HTML文件,浏览器会翻译文本中所有的标记。

 


…………

 

告诉搜索引擎web页面的信息,head这对标签中包含的内容不会显示在网页中。

 



 

title标签通常会显示在浏览器窗口的底部,告诉用户和搜索引擎网页内容的主要内容是哪些,一直是搜索引擎抓取的重点,也是影响网页排行的重要诱因。每个网页的内容是不同的,则每位网页都应当有独一无二的title。

 



 

meta description是对网页内容的精炼概括。百度会把description当成摘要的选择目标之一,但不是残差估算的参考诱因,这个标签存在与否不影响网页残差。

 



 

meta keywords是告诉搜索引擎这个页面的关键字是哪些,早期好多SEOer在meta keywords大量拼凑关键字来获得挺好的排行,后来搜索引擎不得不改变算法,排除了这一影响搜索结果的算法因子。

 


……

 

body这对标签是网页的中心部份,是用户所见到的网页部份。

 

……

 

heading标签,HTML中一共有6种大小的heading标签,它们之间的关系如下:

h1>h2>h3>h4>h5>h6

文字从大到小,权重依次增加;h1定义最大的标题什么是超文本,h6定义最小的标题;

coreldraw 12是文本嵌合路径_什么是超文本_word中文本 带格式 rtf文本

一个页面可以有h标签,也可以没有;

一个页面中h1只能使用1次什么是超文本,过多使用会被觉得优化过度;h2~h6可以使用多次;

一个页面假如有h2,h3标签就必须有h1标签

 

……

 

超链接

定义:称为web页面中可单击的文本,链接到另一个web页面。

用法:与href一起使用,href属性告诉浏览器链接的目标文件。

写法:

 

May的博客

 

img图片标签

定义:向网页中嵌入一张图片。

用法:必须和src属性和alt属性一起使用。

写法:

 


 

src属性是必需的,它的值是图象文件的URL什么是超文本,也就是引用该图象的绝对路径或相对路径;

alt属性也是必需的,它规定图象未能显示时的取代文本。一方面给搜索引擎看:目前搜索引擎难以辨识图片内容,alt对图片进行解释说明;另一方面给用户看:在网速很慢,或者src中的链接出现了错误,或者浏览器禁用了图象,再或则用户使用的是屏幕阅读器,图片未能查看的情况下会显示alt取代文本, 能使用户明白图片要传达的信息。

注意:切勿在alt中大量拼凑关键字,会被搜索引擎觉得是作弊的行为。

5.4. nofollow标签

写法:

 

百度

 

告诉搜索引擎不要对此链接进行跟踪。

用法:不想把权重传给某个链接,但又不得不出现该链接,就可以使用nofollow。比如:评论中富含其他网站的链接,正常无意义的链接,广告链接等。

作为一名新SEOer,不要害怕HTML,先将前面所提及的HTML把握,然后再进行拓展。

最后,刘佳推荐一本学习HTML与CSS的基础书籍《Head First HTML与CSS(第2版)》,希望能帮到你。

关键词:HTML基础知识