HTML是SEO优化不可或缺的一部分,网站上关键词的布局、策略的调整都离不开HTML,包括网站上的诸多调整及优化都要用到HTML, 所以 想要做好 SEO,还是需要懂一些 HTML的基础知识,不必学到程序员的程度,只需要能看懂网站语言即可。
一. 什么是HTML?
HTML的全称是Hypertext Markup Language,超文本标记语言,告诉浏览器页面的所有内容和结构。
二. HTML的基本结构
<html>
<head>
<meta charset="utf-8"></meta>
<title>Rogers搜索工具</title>
<meta name="description" content="描述">
<meta name="description" content="关键字">
<style>
a{text-decoration:none}
</style>
</head>
<body>
<h1 align = "center">自定义搜索方案</h1>
<!-- 波兰国家XX产品搜索 -->
<h2>波兰客户</h2>
1.1 <a href="<http://www.baidu.com>" target="_blank" >百度搜索</a>
<ul>1.11<a href="<http://www.baidu.com>" target="_blank" >搜索1</a></ul>
<hr>
1.2 <a href="http//:www.google.com">谷歌搜索</a>
<ul>1.21<a href="http//:www.google.com">搜索2</a></ul>
</body
<html>
HTML 的结构就是由 <head> 和<body>两部分组成。HTML 是为了告诉搜索引擎web页面的信息,<head>这对标签中包含的内容不会显示在网页中。
<title>标签一般会显示在浏览器窗口的顶部,告诉用户和搜索引擎网页内容的主要内容是什么,一直是搜索引擎抓取的重点,也是影响网页排名的重要因素。每个网页的内容是不同的,则每个网页都应该有独一无二的title。
<meta description>是对网页内容的精炼概括。搜索引擎会把description当作摘要的选择目标之一,但不是权值计算的参考因素,这个标签存在与否不影响网页权值。
<meta keywords>是告诉搜索引擎这个页面的关键字是什么,早期很多运营在meta keywords大量堆砌关键字来获得很好的排名,后来搜索引擎不得不改变算法,排除了这一影响搜索结果的算法因子。
<body>这对标签是网页的中心部分,是用户所看到的网页部分。<heading>标签,HTML中一共有6种大小的<heading>标签,它们之间的关系如下:h1>h2>h3>h4>h5>h6文字从大到小,权重依次降低;h1定义最大的标题,h6定义最小的标题;一个页面可以有h标签,也可以没有;一个页面中h1只能使用1次,过多使用会被认为优化过度;h2~h6可以使用多次;一个页面如果有h2,h3标签就必须有h1标签
<a>……</a>
超链接定义:称为web页面中可单击的文本,链接到另一个web页面。用法:与href一起使用,href属性告诉浏览器链接的目标文件。
写法:
<a href="<https://yuantalk.cn>">远说</a>
img图片标签定义:向网页中嵌入一张图片。用法:必须和src属性和alt属性一起使用。
写法:
<img src="<http://www.baidu.com/images/girl>" alt="girl">
src属性是必需的,它的值是图像文件的URL,也就是引用该图像的绝对路径或相对路径;
alt属性也是必需的,它规定图像无法显示时的替代文本。一方面给搜索引擎看:目前搜索引擎无法识别图片内容,alt对图片进行解释说明;另一方面给用户看:在网速太慢,或者src中的链接出现了错误,或者浏览器禁用了图像,再或者用户使用的是屏幕阅读器,图片无法查看的情况下会显示alt替代文本, 能让用户明白图片要传达的信息。注意:切勿在alt中大量堆砌关键字,会被搜索引擎认为是作弊的行为。
nofollow标签写法:
<a href="<https://www.baidu.com>" rel="nofollow">百度</a>
告诉搜索引擎不要对此链接进行跟踪。用法:不想把权重传给某个链接,但又不得不出现该链接,就可以使用nofollow。比如:评论中含有其他网站的链接,正常无意义的链接,广告链接等。
刚开始做SEO,不需要害怕HTML,先掌握基础的HTML知识,然后再进行拓展,就会容易上手的多。