新手SEOer必须知道的HTML基础知识

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

May曾经也是一个HTML小白,后来通过大量的学习(阅读HTML代码书籍、网上视频讲解,培训班),反正没少折腾。HTML是SEO优化不可或缺的一部分,网站上关键词的布局、策略的调整都离不开HTML,包括网站上的诸多调整及优化都要用到HTML,想学SEO的朋友,May建议还是先学会HTML吧。文章源自MAY的SEO博客-https://may90.com/seo/baidu/base.html

有人说我英语不好,看不懂HTML,完全不用担心,May根据以往的经验总结作为一名新手SEOer,你必须知道的HTML知识。文章源自MAY的SEO博客-https://may90.com/seo/baidu/base.html

一.  什么是HTML?

Web服务器与HTML文章源自MAY的SEO博客-https://may90.com/seo/baidu/base.html

HTML的全称是Hypertext Markup Language,超文本标记语言,告诉浏览器页面的所有内容和结构。文章源自MAY的SEO博客-https://may90.com/seo/baidu/base.html

二.  HTML的基本结构

<html>                                         告诉浏览器HTML从这里开始
<head>                                        页面“head”头部开始
<title>标题</title>                      页面标题
<meta name="description" content="描述">      网页描述
<meta name="description" content="关键字">    网页关键字
</head>                                      head结束
<body>                                       页面主体body开始
…………                                         网页内容,显示在页面中
</body>                                     页面页面主体body结束
</html>                                      告诉浏览器HTML从这里开始
<html>………… </html>

告诉浏览器你的文档是一个HTML文件,浏览器会翻译文本中所有的标记。文章源自MAY的SEO博客-https://may90.com/seo/baidu/base.html

<head>………… </head>

告诉搜索引擎web页面的信息,head这对标签中包含的内容不会显示在网页中。文章源自MAY的SEO博客-https://may90.com/seo/baidu/base.html

<title>………… </title>

title标签一般会显示在浏览器窗口的顶部,告诉用户和搜索引擎网页内容的主要内容是什么,一直是搜索引擎抓取的重点,也是影响网页排名的重要因素。每个网页的内容是不同的,则每个网页都应该有独一无二的title。文章源自MAY的SEO博客-https://may90.com/seo/baidu/base.html

<meta name="description" content="……" >

meta description是对网页内容的精炼概括。百度会把description当作摘要的选择目标之一,但不是权值计算的参考因素,这个标签存在与否不影响网页权值。文章源自MAY的SEO博客-https://may90.com/seo/baidu/base.html

<meta name="keywords" content="……" >

meta keywords是告诉搜索引擎这个页面的关键字是什么,早期很多SEOer在meta keywords大量堆砌关键字来获得很好的排名,后来搜索引擎不得不改变算法,排除了这一影响搜索结果的算法因子。文章源自MAY的SEO博客-https://may90.com/seo/baidu/base.html

<body>……</body>

body这对标签是网页的中心部分,是用户所看到的网页部分。文章源自MAY的SEO博客-https://may90.com/seo/baidu/base.html

<h>……</h>

heading标签,HTML中一共有6种大小的heading标签,它们之间的关系如下:文章源自MAY的SEO博客-https://may90.com/seo/baidu/base.html

h1>h2>h3>h4>h5>h6文章源自MAY的SEO博客-https://may90.com/seo/baidu/base.html

文字从大到小,权重依次降低;h1定义最大的标题,h6定义最小的标题;文章源自MAY的SEO博客-https://may90.com/seo/baidu/base.html

一个页面可以有h标签,也可以没有;文章源自MAY的SEO博客-https://may90.com/seo/baidu/base.html

一个页面中h1只能使用1次,过多使用会被认为优化过度;h2~h6可以使用多次;文章源自MAY的SEO博客-https://may90.com/seo/baidu/base.html

一个页面如果有h2,h3标签就必须有h1标签文章源自MAY的SEO博客-https://may90.com/seo/baidu/base.html

<a>……</a>

超链接文章源自MAY的SEO博客-https://may90.com/seo/baidu/base.html

定义:称为web页面中可单击的文本,链接到另一个web页面。文章源自MAY的SEO博客-https://may90.com/seo/baidu/base.html

用法:与href一起使用,href属性告诉浏览器链接的目标文件。文章源自MAY的SEO博客-https://may90.com/seo/baidu/base.html

写法:文章源自MAY的SEO博客-https://may90.com/seo/baidu/base.html

<a href="https://may90.com">May的博客</a>

img图片标签

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

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

写法:

<img src="http://www.example.com/images/logo" alt="logo">

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

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

注意:切勿在alt中大量堆砌关键字,会被搜索引擎认为是作弊的行为。

5.4. nofollow标签

写法:

<a href="https://www.baidu.com" rel="nofollow">百度</a>

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

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

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

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

 

 

关键词:HTML基础知识

  • 我的微信
  • 扫一扫微信,添加好友
  • weinxin
  • 我的微信公众号
  • 关注公众号,了解最新动态
  • weinxin
  • 本文由 发表于 2018年8月3日
  • 转载请务必保留本文链接:https://may90.com/seo/baidu/base.html
地点地图仍然必不可少的7个原因 百度SEO优化

地点地图仍然必不可少的7个原因

一个网站是否需要站点地图,一直是SEO界争论比较大的一个话题。但就我而言,我觉得它非常有用,没有理由不使用它们。 站点地图就是将您的网站访问者引导到他们想去的地方,如果在导航菜单或搜索框中未找到想要的...
什么是点击率?为什么点击率很重要? 百度SEO优化

什么是点击率?为什么点击率很重要?

搜索引擎非常看重良好的点击率 (CTR)。 毕竟,在PPC模式(按点击付费模式)中,点击次数越多,搜索引擎赚的钱就越多。但点击率对广告商也很重要。本文将解释什么是点击率?为什么点击率很重要? 什么是点...
评论  0  访客  0

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定