网站HTML 基础知识

2025年11月5日 46点热度 0人点赞 0条评论

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知识,然后再进行拓展,就会容易上手的多。

远说

这个人很懒,什么都没留下

订阅评论
提醒
guest

0 评论
最旧
最新 最多投票
内联反馈
查看所有评论