一. <Title>标题标签
顾名思义,Title标签用来定义文档的标题,通常会显示在浏览器窗口的标题栏或状态栏上.同样当把文档加入用户的收藏夹或书签列表时,标题将成为该文档链接的默认名称.<Title>标签还是<Head>标签中唯一要求必须包含的内容,可以说是整个页面权重最高的地方,其重要程度可想而知.它能够告诉用户和搜索引擎网页页面的主题内容是什么,是对整个网站或者页面的简单扼要的概括说明,故一直是蜘蛛们的抓取重点.通常情况下,搜索引擎抓取Title标签一般出于两种目的:作为影响网页排名的重要因素和作为搜索结果页面的显示信息.此标签直接关系到用户的体验和搜索引擎的优化,因此对我们做SEO优化者来说都应该引起足够的重视.
好的Title标题需要符合以下3个特点:
-
以你的核心关键字为基础;
搜索引擎会对Title里面的内容进行分词,排在前面的关键字越容易被收录,也就是分到的权重越高,所以要慎重选择此关键字.相对而言关键字越多,越易与你的网页内容相符合.但需注意,Title标签中的单词尽量不要全部都是关键字,这会造成页面关键字堆砌,导致过度优化反而易受到搜索引擎的惩罚.
-
把握Title标签中的单词数量,长度;
一般来说,Title标签中的单词数量最好保持在3~6个左右和75个字符以内(搜索引擎结果中只显示Title标签中的前65-75个字符,其余将被剪切并用…代替),且最好将主关键字靠前放置,在Title标签越靠前的关键字对用户点击和排名越有帮助.
-
选择具有描述效果好的标题,让搜索引擎与用户都能看得懂,感兴趣;
所选单词应简洁明了且具有一定描述性和与网页内容的较大相关性,能够吸引读者更有兴趣阅读下去,同时每个不同的页面也都应该包含一个Title标签.
二. <Meta>页面元信息标签
Meta标签位于Head元素内部,此元素可提供有关页面的元信息(Meta-Information),比如针对搜索引擎和更新频率的描述和关键字.理论型的SEO专家认为,Meta描述标签不是排名因素之一,因为它不能帮助你的网页排名提升;它最多起到"展示"作用.因此,描述标签只能在你的网页排名(通过其他排名因素)出现在首页时,才会对你的网页如何展示有所作用.
理论上来说是这样的.可是既然搜索引擎把内容的吸引度纳入考量,那当你的网页出现在搜索结果列表上时,你的描述是否吸引当然也很重要.一个好的描述可以增加被点击的机会.所以Meta描述标签在实际上也应被视为排名因素之一.
看看下面这个例子,当有人搜索"SeoWhy"论坛名称时,出现在列表上的网页,都会显示一段描述性的文字,以帮助搜索者抉择是否点击该此网页,所以写得越清晰越有吸引度,对SEO也会越有利.
<ignore_js_op style="word-wrap: break-word;">
下面我们分别讲述一下<Meta>标签中经常用到与之SEO相关的一些属性.
1.Keywords属性
这是一个大家非常熟悉并且经常被用到的一个属性,它为文档定义了一组关键字.某些搜索引擎在遇到这些关键字时,会用这些关键字对文档进行分类.
类似这样的Meta标签可能对于进入搜索引擎的索引有帮助:
虽然一些搜索引擎声明这个标签属性权重已经被降低了, Why?不过就目前而言,Keywords属性还是有其一定存在价值的.同样,越核心越重点的关键字应该放置到越靠前位置.
2.Description属性
<Meta> Description属性对搜索结果中提升用户点击量有一定的积极意义.它可以说是对Title标签所做的进一步解释,其效果为在搜索结果中显示一小段对该页面的综合描述(如上面示例截图),可以是一句话或者是包含十几个单词的短语,但搜索引擎通常只会截取不超过160个字符长度的内容.每个页面都该有其自己的Meta Description属性,还可包含一些与网站内容相关但Title标签中未提及的信息.与Title标签要求相似,该部分内容也应具有描述性;与网页内容具有相关性;可包含关键字;长尾关键词(Long Tail Keyword ,网站上非目标关键词但也可带来搜索流量的关键词),但都不可过多放置.
3.Follow/Nofollow 属性(是否跟踪链接)
Nofollow标签是由谷歌领头创立的一个"反垃圾链接"的标签(属性),即告诉搜索引擎"不要追踪此网页上的链接"或"不要追踪此特定链接"(此属性应用在<Meta>和超链接<A>标签中的两种使用方法).这个标签的意义是告诉搜索引擎这个链接非经过作者信任的(这个链接不是一个信任票).目前已被百度,Yahoo等各大搜索引擎广泛支持,引用Nofollow标签的目的是:用于指示搜索引擎不要追踪(即抓取)网页上的带有Nofollow属性的任何出站链接,以减少垃圾链接的分散网站权重.默认的,搜索引擎认为页面上的所有链接的值为"follow".
-
Nofollow标签限制蜘蛛爬取链接,被加上Nofollow标签的外链将无权重传递作用;
有些网站为了避免被页面上的外部链接分走权重,于是对出现在页面上的外部链接进行了Nofollow设置,那么这样的链接就没有权重传递效果.举例如: A网页上有一个链接指向网页B,但A网页给这个链接加上了 rel="Nofollow" 标注,则搜索引擎不会把A网页计算入B网页的反向链接.搜索引擎看到这个标签就可能减少或完全取消链接的投票权重.总之来说,Nofollow标签的作用,一是不给链接投票,降低此链接的权重; 二是使添加Nofollow的部分内容不参与网站排名,便于集中网站权重.
-
Nofollow标签的有无可作为交换友情链接时必须考量的重要因素之一;
我们都知道SEO中外链建设的重要性,交换友链并不只是相互增加站点点击流量,而更多的意义在于提高站点权重,可能一些站长会在友链部分加上Nofollow标签,这样一来只有PR值的输入,而无对别**重的输出,所以不得不说这是种损人利己而又不道义的欺骗行为,大家应该注意和避免为之.多做友链检测可以及时发现和避免这些问题的发生,检测方法为打开站长工具网站,在"SEO信息查询"中选择"友情链接检测".
-
拓展应用
你可以为部分站点内部链接添加Nofollow. 比如: 联系我们,公司简介等这些链接可以把它们Nofollow 掉,这样做,首页的PR值就不会传输给它们(太多的PR值显然对它们没有多大用处);另外网站上的一些广告也可以添加 Nofollow属性(广告业务只是让其带来IP和流量,而非让其增加搜索引擎的权重).
4.Index/Noindex 属性(是否允许索引)
Noindex同样为谷歌发明使用的一个HTML标签(属性),其作用是向搜索引擎声明该网页禁止被索引收录(无权重传递,但不会影响链接所指页面的收录).在做站内优化的时候可能会经常用到这个标签,有利于Url的标准化.在实际的网站建设中,某些网站尤其是博客或者资讯类网站等,为了方便用户体验而把文章进行归类,用户可以直接通过分类目录下的Url进行访问,为了集中权重(也为了防止避免高度重复内容),可以在这种页面加上Noindex这个标签(属性),这个时候Noindex对于搜索引擎来说就起到一个内部"301跳转"的作用,但是对于用户并不会被转向,依然停留在不变的网址上,而搜索引擎会把页面的链接权重指定到代码所规范的Url上.
Noindex标签的作用有两方面,简而言之,一是不给链接投票,增加此链接的权重;二是使添加Noindex的部分内容不参与网站排名,便于集中网站权重.(Noindex标记,与robots.txt一样是告诉搜索引擎不要收录,即不在搜索结果里显示出指定的页面.)
5.Robots 属性 (Robot/Spider向导,定义网页搜索引擎索引方式)
Robots出现在Name属性中,可以用来控制搜索引擎爬行活动(针对大多数搜索引擎),用来告诉搜索Spider哪些页面需要索引,哪些页面不需要索引.Content中的值决定允许抓取的类型,参数有"all,none,index,noindex,follow,nofollow". 常用示例如下:
三. <Heading>标签(<H1>~<H6>)
Heading标签也叫做<H>标签,为搜索引擎识别页面信息的重要标记,是HTML网页中对文本标题所进行的着重强调的一种标签,以标签<H1>,<H2>,到<H6>定义标题头的六对不同文字大小的Tags,本质是为了呈现内容结构,依次显示重要性的递减,也就是权重依次递减.因此标签的作用是告诉搜索引擎这个是一段文字的标题或者说是主题,并且起强调作用,所以<H>标签的权重会明显高于<Strong>标签.合理使用<H1>,<H2>,<H3>等不同级别的标签能够使得页面结构更加清晰,有利于搜索引擎的抓取工作.
合理使用
四. <Strong>,<Em>,<B>标签
- <Strong>标签来表示重要文本.此标签和<Em>标签一样,用于强调文本,但它强调的程度更强一些(从搜索引擎优化的角度来看获得的权重也会高一些).浏览器通常会以不同于<Em>标签的方式来显示<Strong>标签中的内容,通常是用加粗的字体(相对于斜体)来显示其中的内容,这样用户就可以把这两个标签区分开来了;
- <Em>把文本定义为强调的内容(通常显示为斜体效果).相关经验表明,如果较少使用<Em>标签的话,那么<Strong>标签出现的次数则相应应该更少;
- <B>标签规定普通的粗体文本,只是强调一种视觉效果;
五. <Img>Alt属性
Alt属性是<Img>标签中一个必需的属性,它规定在图像无法显示时的替代文本它将图片的信息以文本的形式展现.对Alt标签的使用没有太多要求,只要在网页中出现图片的部分添加上该属性即可,但其标签内容应与相应页面内容具有相关性,长度为1024个字符以内为宜.
相关推荐
此示例中使用了 `<header>`、`<nav>`、`<main>`、`<section>`、`<aside>` 和 `<footer>` 等新标签来构建页面结构,使得页面更具有语义性,同时也便于搜索引擎理解和抓取信息。 通过以上概述,我们可以看到 HTML5 为...
默认样式是浏览器对一些常见HTML标签的默认展示方式,如Hx系列标签(h1-h6)呈现为不同级别的标题,<strong>和<em>用于强调文本。这些样式主要是为了让开发者直观理解标签的用途。然而,语义化更深层次的是赋予内容...
10. **语义化标签**:如`<header>`、`<nav>`、`<main>`、`<article>`、`<aside>`和`<footer>`等,它们有助于提升网页的可读性和SEO优化。 在这个高等院校档案管理系统案例中,你将有机会实践上述HTML知识点,构建一...
- `<meta>`:用于定义文档的元信息,如字符集、关键词和描述,对搜索引擎优化(SEO)有帮助。 3. **标题标签**: - `<title>`:定义网页的标题,显示在浏览器的标题栏中,对SEO至关重要。 4. **段落标签**: - ...
在`<head>`标签内,`<title>`标签定义了浏览器标签页上显示的页面标题,这对于SEO(搜索引擎优化)和用户体验至关重要。此外,还可以使用`<meta>`标签来指定页面描述、关键词或其他元信息。 在`<body>`标签内,HTML...
- `<TITLE>`:定义文档的标题,显示在浏览器的标题栏或标签页上,对于SEO(搜索引擎优化)非常重要。 - `<HEAD>`:包含文档的元数据,如`<title>`、CSS链接、JavaScript脚本等,这些信息不直接显示在网页上,但对...
10. **语义化标签**:如`<header>`、`<footer>`、`<article>`、`<section>`等,提升网页可读性和SEO优化。 【前端技术扩展】 在HTML基础上,Web前端开发还涉及CSS(Cascading Style Sheets)和JavaScript,它们共同...
HTML标签是构成网页内容的基本单元,例如<h1>到<h6>用于定义标题,<p>用于段落,<a>用于链接,<img>用于图像,<div>用于内容分组,<table>用于表格等。每个标签都有其特定的用途和语义。 在学习HTML时,还需要掌握...
HTML5改进了元数据的处理,如<meta>标签的更新,使得搜索引擎可以更准确地解读页面信息,如字符集设置、视口控制、描述和关键词等。 最后,HTML5的表单控件改进使得数据输入更加用户友好,比如日期选择器、电子邮件...
<meta name="description" content="详细解读标准网页中的头部内置标签"> <meta name="keywords" content="头部, 内置, 标签"> ``` 3. **`<link>`标签** - **作用**:用于链接外部资源,如CSS样式表、图标文件...
8. **SEO优化**:为了提高搜索引擎可见性,个人主页模板应包含正确的元标签,如`<meta name="description">`和`<meta name="keywords">`,以及使用`<title>`标签设置页面标题。 9. **社交链接**:将社交媒体账号...
- **关键字设置**:`<meta name="keywords" content="网页的关键字">`用于设置网页的关键词,有助于SEO(搜索引擎优化)。 - **描述设置**:`<meta name="description" content="网页的描述">`用于提供网页的描述,...
2. **HTML标签**:详细解释常见的HTML标签,如`<p>`段落标签、`<a>`链接标签、`<img>`图片标签、`<div>`容器标签、`<span>`内联容器标签、`<table>`表格标签、`<ul>`无序列表标签、`<ol>`有序列表标签、`<form>`表单...
- 元描述<meta>:同样位于<head>内部,<meta>标签用于提供关于HTML文档的元信息,其中name="description"用于定义页面的描述信息。描述信息应当独特,并且最好不超过155个字符,因为一个良好的描述可以提高点击率。...
8. SEO优化:遵循SEO最佳实践,如合理使用`<title>`标签,添加`alt`属性到图片,避免使用`<iframe>`等。 9. Web Accessibility:确保网页对残疾人士友好,如使用`aria`属性,提供文本替代图像,确保键盘导航等。 ...
- **SEO优化**:合理设置`<meta>`标签,优化页面标题和描述,提高搜索引擎排名。 综上所述,这个促销区模板的设计较为简洁明了,通过不同的区块划分实现了商品展示和信息传达的功能。但在实际应用过程中,还需要...
<head>部分的优化,如<title>、<meta>和<link>标签的设置,对于提高搜索引擎理解页面内容有很大帮助。 六、robots.txt 正确编写robots.txt文件能指导搜索引擎爬虫抓取哪些页面,防止误抓敏感信息。 七、关键词策略...
- **讨论**:`<time>`元素可以使用机器可读的格式来表示日期和时间,这对于SEO和数据抓取非常有帮助。 - **参考资料**:MDN Web Docs关于`<time>`元素的使用说明。 - **原生扩展和折叠** - **问题**:如何实现...