如何把h1标记指向title和h1的区别,它的具体写法是什么?

搜索:问题、网站、SEOer人名
&h1&标签与LOGO&alt&属性结合应用的探讨
今天在群里看有人探讨&h1>标签与LOGO&alt>属性的用法,众人观点不一,我列举几个主流观点。
主流观点:
1、H1标签等同于 标题title标签
现在最好不用,有过度优化嫌疑
2、LOGO为图片,就可以加&alt>属性添加关键词
3、LOGO是图片的话 可以选择加ALT标签,一般不要求加关键词,可以加企业名称。
我就想如果:&h1>标签与LOGO&alt>属性结合应用,就是在LOGO&alt>添加主推关键词并使用&h1>标签。这样可以吗?有没有大神这样操作过?
看一下手里网站&h1>标签、LOGO、title使用的情况,先声明这个站优化的不好,并且主推关键词竞争性小。
自己的疑问,求大神指点
Ⅰ、&h>标签的用法
Ⅱ、&h1>标签与LOGO&alt>可以一起使用吗?
Ⅲ、上面的例子是不是作弊?
浏览: 4652发布于:
Ⅰ、&h>标签的用法
&h>标签的用法,我列出合理配合页面使用的地方。&h>要用在什么地方,什么页面用在哪里。
1、&h1>用在logo搭配alt使用;全站通用一个&h1>。(这种方式很常见,弊端是通用产生文章页面出现2个&h1>)
2、网站页头的主题文字使用&h1>。(这种方式也很实用,设置在首页顶部一句话,只用在首页)
&h1>用在列表栏目的名称中。
当然&h1>用在文章标题。
&h2>标签:首页用在导航中,&h3>用在首页栏目名称,&h4>页脚导航,&h5>其他杂栏目
Ⅱ、&h1>标签与LOGO&alt>可以一起使用吗?
百度同样能抓取alt的文字信息,logo的alt=&网站名称&.与上面说的,通用的页头就会产生某些页面2个h1的样式。建议:使用第2种方法表达。
Ⅲ、上面的例子是不是作弊?
&h>标签使用对SEO的帮助也没有定论,&h>标签用的好,网站的结构就很有条理,这我相信能给用户或者百度带来友好的体验。个人觉得:h1标签的效果要展示在页面上,用在ALT等于隐藏了本身h1标签的表现形式。
原则上来说
如果你网站用了H2
那么就必须要有 H1
用了 H3 就必须要有 H2
要么就都别用
用H1 不等于过度优化
只有滥用才是过度优化
Ⅰ、&h>标签的用法请百度下
Ⅱ、&h1>标签与LOGO&alt>可以一起用.
Ⅲ、暂时不能判断为作弊
最后 你的截图的排名
不单纯是H造成的
一个标签没这么大的威力 他只是告诉百度 这个网站的核心点 是这个词语而已。
但是大多数作弊的网站或多或少会在H标签上下手。
谢谢邀请。
h1 alt 不能决定网站优化。
好歹h1 alt也是网页规范 用上又不会怎么样,不用的话说明你也太不规范了。
别纠结这个问题太久了
和我2年前做的个人网站写法好像好像。
&div&id=&logo&&
&&&&&a&href=&网址&&title=&标题&&
&&&&&&&&&img&src=&图片&&width=&36&&height=&36&&alt=&关键词&&/&
但不得不说,过了2年,这种写法的网址连收录都没有。
去年换了一种微数据写法,至少收录有了。
&div&class=&header&&
&h1&class=&bold&&itemprop=&name&&
&&&&文章标题
&div&class=&page-toolbar&&itemscope&itemtype=&http://schema.org/WebPage&&
&span&itemprop=&name&&
谢邀,这个问题可以简单的回答:
1.页面可以使用h1
2. logo也可以使用alt
3. 当然给logo的alt加上h1也可以使用
4.一个页面只可以出现一个h标签
5. 这是正规的代码优化,不算作弊。
h1标签的应用要看场景,在HTML5以下版本,一个页面只能出现一次h1标签,它是文档大纲的标题,有别于title,title是文档的标题
在HTML5版本,一个页面可以有N个大纲,每个大纲都可以有自己的h1,所以一个页面也有多个h1出现的情况。在HTML5下面理解比较复杂一点,但通常我们一个页面也就一个话题,一个内容,所以通常也是一个页面只有一个h1。
这就好像我们写论文,只会有一个标题,如果有两个就会很奇怪了。
至于LOGO,我是把他看作图片的,你所说的LOGO的含义,似乎h1包含网站标题你也称之为LOGO。
如果网站标题是图片,而不是文字,那么我会这样做,LOGO中ALT属性包含网站主关键词,当然是自然语言,并非关键词的堆砌。
有人用h1包含LOGO图片,从HTML语义的角度来讲,这是不合理的,h1包含的应该是文字而不是图片。
我通常这样设定它们:
LOGO图片包含网站主关键词(自然语言),首页h1标签包含网站标题,分类页h1标签包含分类名称,文章页h1标签包含文章标题。
谢邀,h1的重要性,我就不说了,直接百度百科去查看,对于把logo用 h1包起来,我实在不知道他们这么做的原因。这样做必能决定你网站优化。
1.h1标签的用法
h1标签标示单个网页中最重要的内容,这个内容主要是给百度蜘蛛看的。
2.对于首页的h1标签可以给logo,如卢松松博客www。lusongsong。com
等很多知名网站就是这么用的,还可以首页不用h1看看百度知道、百度百科、百度经验等百度产品。
3.这个不属于作弊,你要明白h1标签的意义就明白了,h1是标示网页最重要的内容。
h1标签是文章标题
title标签是网页标题
alt是替换文本
根据标签的语义化来标记网页元素就不会有过多的争论和困惑了。
一个页面只有一对h1标签
30天内搜外会员都在讨论什么
(8 个回答)
(21 个回答)
(49 个回答)
(22 个回答)
(18 个回答)
(14 个回答)
(12 个回答)
(8 个回答)
(0 个回答)
(0 个回答)
(2 个回答)
(1 个回答)
(1 个回答)
(0 个回答)
(3 个回答)
(2 个回答)
始于2007年 深圳市夫唯伙伴信息咨询有限公司 版权所有 | 粤ICP备号 | 粤公网安备0号SEO工作中H1标签的作用及写法_百度文库
两大类热门资源免费畅读
续费一年阅读会员,立省24元!
SEO工作中H1标签的作用及写法
上传于||文档简介
&&S​E​O​工​作​中​H标​签​的​作​用​及​写​法
阅读已结束,如果下载本文需要使用0下载券
想免费下载更多文档?
你可能喜欢Html 基础笔记(3)
语义化,让你的网页更好的被搜索引擎理解
这一章主要注意两个方面的学习:标签的用途、标签在浏览器中的默认样式。
标签的用途:我们学习网页制作时,常常会听到一个词,语义化。那么什么叫做语义化呢,说的通俗点就是:明白每个标签的用途(在什么情况下使用此标签合理)比如,网页上的文章的标题就可以用标题标签,网页上的各个栏目的栏目名称也可以使用标题标签。文章中内容的段落就得放在段落标签中,在文章中有想强调的文本,就可以使用em标签表示强调等等。
讲了这么多语义化,但是语义化可以给我们带来什么样的好处呢?
更容易被搜索引擎收录。
更容易让屏幕阅读器读出网页内容。
& body &标签,网页上显示的内容放在这里
还记得body标签吗,在上一章节我们简单介绍过:在网页上要展示出来的页面内容一定要放在body标签中。如下图是一个新闻文章的网页。
在浏览器中的显示效果:
开始学习& p &标签,添加段落
如果想在网页上显示文章,这时就需要&p&标签了,把文章的段落放到&p&标签中。
语法:&p&段落文本&/p&
注意一段文字一个标签,如在一篇新闻文章中有 3 段文字,就要把这 3 个段落分别放到 3 个&p&标签中。如下图所示。
在浏览器中显示的效果:
&p&标签的默认样式,可以在上图中看出来,段前段后都会有空白,如果不喜欢这个空白,可以用 css 样式来删除或改变它。
了解& hx &标签,为你的网页添加标题
文章的段落用&p&标签,那么文章的标题用什么标签呢?在本节我们将使用&hx&标签来制作文章的标题。
标题标签一共有 6 个,h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。&h1&是最高的等级。
语法:&hx&标题文本&/hx&(x为1-6)
文章的标题前面已经说过了,可以使用标题标签,另外网页上的各个栏目的标题也可使用它们。如下图为腾讯网站。
注意:因为h1标签在网页中比较重要,所以一般h1标签被用在网站名称上。腾讯网站就是这样做的。如:&h1&腾讯网&/h1&
h1-h6 标签的默认样式:
标签代码:
在浏览器中显示的样式:
从上面的图片可以看出标题标签的样式都会加粗,h1标签字号最大,h2标签字号相对h1要小,以此类推h6标签的字号最小。
加入强调语气,使用& strong &和& em &标签
有了段落又有了标题,现在如果想在一段话中特别强调某几个文字,这时候就可以用到&em&或&strong&标签。
但两者在强调的语气上有区别:&em&表示强调,&strong& 表示更强烈的强调。并且在浏览器中&em&默认用斜体表示,&strong&用粗体表示。两个标签相比,目前国内前端程序员更喜欢使用&strong&表示强调。
语法:&em&需要强调的文本&/em&
&strong&需要强调的文本&/strong&
如,在网上商城中,某产品的打折后的价格是需要强调的。如下图。
代码实现:
在浏览器中默认样式是有区别的:
原代码,如下图。
浏览器中的样子,如下图。
&em&的内容在浏览中显示为斜体,&strong&显示为加粗。如果不喜欢这种样式,没有关系,以后可以使用 css 样式去改变它。
使用& span &标签为文字设置单独样式
这一小节讲解&span&标签,我们对&em&、&strong&、&span&这三个标签进行一下总结:
&em&和&strong&标签是为了强调一段话中的关键字时使用,它们的语义是强调。
&span&标签是没有语义的,它的作用就是为了设置单独的样式用的。
如果现在我们想把上一小节的第一段话“美国梦”三个字设置成 blue(蓝色),但注意不是为了强调“美国梦”,而只是想为它设置和其它文字不同的样式(并不想让屏幕阅读器对“美国梦”这三个字加重音读出),所以这样情况下就可以用到&span&标签了。
如下面例子:
&1922年的春天,一个想要成名名叫&尼克o卡拉威&(托比o马奎尔Tobey Maguire 饰)的作家,离开了美国中西部,来到了纽约。那是一个道德感渐失,爵士乐流行,走私为王,&股票&飞涨的时代。为了追寻他的&美国梦&,他搬入纽约附近一海湾居住。&
语法:&span&文本&/span&
& q &标签,短文本引用
想在你的 html 中加一段引用吗?比如在你的网页的文章里想引用某个作家的一句诗,这样会使你的文章更加出彩,那么&q&标签是你所需要的。
语法:&q&引用文本&/q&
如下面例子:
&最初知道庄子,是从一首诗&庄生晓梦迷蝴蝶。望帝春心托杜鹃。&开始的。虽然当时不知道是什么意思,只是觉得诗句挺特别。后来才明白这个典故出自是庄子的《逍遥游》,《逍遥游》代表了庄子思想的最高境界,是对世俗社会的功名利禄及自己的舍弃。&
在上面的例子中,“庄生晓梦迷蝴蝶。望帝春心托杜鹃。” 这是一句诗歌,出自晚唐诗人李商隐的《锦瑟》 。因为不是作者自己的文字,所以需要使用&q&&/q&实现引用。
注意要引用的文本不用加双引号,浏览器会对q标签自动添加双引号。
下图是代码显示结果:
注意这里用&q&标签的真正关键点不是它的默认样式双引号(如果这样我们不如自己在键盘上输入双引号就行了),而是它的语义:引用别人的话。
& blockquote &标签,长文本引用
&blockquote&的作用也是引用别人的文本。但它是对长文本的引用,如在文章中引入大段某知名作家的文字,这时需要这个标签。
等等,上一节&q&标签不是也是对文本的引用吗?不要忘记&q&标签是对简短文本的引用,比如说引用一句话就用到&q&标签。
如想在我的文章中引用李白《关山月》中的诗句,因为引用文本比较长,所以使用&blockquote&。
语法:&blockquote&引用文本&/blockquote&
如下面例子:
&明月出天山,苍茫云海间。长风几万里,吹度玉门关。汉下白登道,胡窥青海湾。由来征战地,不见有人还。 戍客望边色,思归多苦颜。高楼当此夜,叹息未应闲。&
浏览器对&blockquote&标签的解析是缩进样式。如下图所示:
使用& br &标签分行显示文本
对于上一小节的例子,我们想让那首诗显示得更美观些,如显示下面效果:
怎么可以让每一句诗词后面加入一个折行呢?那就可以用到&br /&标签了,在需要加回车换行的地方加入&br /&,&br /&标签作用相当于 word 文档中的回车。
上节的代码改为:
xhtml1.0写法:&br /&
html4.01写法:&br&
大家注意,现在一般使用 xhtml1.0 的版本的写法(其它标签也是),这种版本比较规范。
与以前我们学过的标签不一样,&br /&标签是一个空标签,没有 HTML 内容的标签就是空标签,空标签只需要写一个开始标签,这样的标签有&br /&、&hr /&和&img /&。
讲到这里,你是不是有个疑问,想折行还不好说嘛,就像在 word 文件档或记事本中,在想要折行的前面输入回车不就行了吗?很遗憾,在 html 中是忽略回车和空格的,你输入的再多回车和空格也是显示不出来的。如下边的代码。
上面的代码在浏览中显示是没有回车效果的。如下图所示:
总结:在 html 代码中输入回车、空格都是没有作用的。在 html 文本中想输入回车换行,就必须输入&br /&。
为你的网页中添加一些空格
在上一节的例子,我们已经讲解过在 html 代码中输入空格、回车都是没有作用的。要想输入空格,必须写入&。
在 html 代码中输入空格是不起作用的,如下代码。
在浏览中显示,还是没有空格效果。
输入空格的正确方法:
在浏览器中的显示出来的空格效果。如下图所示。
认识 & hr & 标签,添加水平横线
在信息展示时,有时会需要加一些用于分隔的横线,这样会使文章看起来整齐些。如下图所示:
html4.01版本 &hr&
xhtml1.0版本 &hr /&
&hr /&标签和&br /&标签一样也是一个空标签,所以只有一个开始标签,没有结束标签。
&hr /&标签的在浏览器中的默认样式线条比较粗,颜色为灰色,可能有些人觉得这种样式不美观,没有关系,这些外在样式在我们以后学习了 css 样式表之后,都可以对其修改。
大家注意,现在一般使用 xhtml1.0 的版本(其它标签也是),这种版本比较规范。
& address &标签,为网页加入地址信息
一般网页中会有一些网站的联系地址信息需要在网页中展示出来,这些联系地址信息如公司的地址就可以&address&标签。也可以定义一个地址(比如电子邮件地址)、签名或者文档的作者身份。
语法:&address&联系地址信息&/address&
&address&北京市西城区德外大街10号&/address&
本文的作者: href="mailto:"&lilian&
在浏览器上显示的样式为斜体,如果不喜欢斜体,当然可以,可以在后面的课程中使用 css 样式来修改它&address&标签的默认样式。
想加入一行代码吗?使用& code &标签
在介绍语言技术的网站中,避免不了在网页中显示一些计算机专业的编程代码,当代码为一行代码时,你就可以使用&code&标签了,如下面例子:
&code&var i=i+300;&/code&
注意:在文章中一般如果要插入多行代码时不能使用&code&标签了。
语法:&code&代码语言&/code&
注:如果是多行代码,可以使用&pre&标签。
使用& pre &标签为你的网页加入大段代码
在上节中介绍加入一行代码的标签为&code&,但是在大多数情况下是需要加入大段代码的,如下图:
怎么办?不会是每一代码都加入一个&code&标签吧,没有这么复杂,这时候就可以使用&pre&标签。
语法:&pre&语言代码段&/pre&
&pre&标签的主要作用:预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。
如下代码:
var message="欢迎";
for(var i=1;i&=10;i++)
alert(message);
在浏览器中的显示结果为:
在上面的例子中可以看到代码中的空格,换行符都保留下来。如果用以前的方法,回车需要输入&br&签,空格需要输入&
注意:&pre&标签不只是为显示计算机的源代码时用的,在你需要在网页中预显示格式时都可以使用它,只是&pre&标签的一个常见应用就是用来展示计算机的源代码。
使用 ul ,添加新闻信息列表
在浏览网页时,你会发现网页上有很多信息的列表,如新闻列表、图片列表,如下图所示。
这些列表就可以使用ul-li标签来完成。ul-li是没有前后顺序的信息列表。
&精彩少年&
&美丽突然出现&
&触动心灵的旋律&
ul-li在网页中显示的默认样式一般为:每项 li 前都自带一个圆点,如下图所示:
使用 ol ,添加图书销售排行榜
如果想在网页中展示有前后顺序的信息列表,怎么办呢?如,当当网上的书籍热卖排行榜,如下图所示。这类信息展示就可以使用&ol&标签来制作有序列表来展示。
下面是一个热点课程下载排行榜:
&前端开发面试心法 &
&零基础学习 html&
&JavaScript 全攻略&
&ol&在网页中显示的默认样式一般为:每项&li&前都自带一个序号,序号默认从 1 开始,如下图所示:
认识 div 在排版中的作用
在网页制作过程过中,可以把一些独立的逻辑部分划分出来,放在一个&div&标签中,这个&div&标签的作用就相当于一个容器。
语法:&div&…&/div&
确定逻辑部分:
什么是逻辑部分?它是页面上相互关联的一组元素。如网页中的独立的栏目版块,就是一个典型的逻辑部分。如下图所示:图中用红色边框标出的部分就是一个逻辑部分,就可以使用&div&标签作为容器。
给 div 命名,使逻辑更加清晰
在上一小节中,我们把一些标签放进&div&里,划分出一个独立的逻辑部分。为了使逻辑更加清晰,我们可以为这一个独立的逻辑部分设置一个名称,用 id 属性来为&div&提供唯一的名称,这个就像我们每个人都有一个身份证号,这个身份证号是唯一标识我们的身份的,也是必须唯一的。
如下两图进行比较,如果设计师把两个图给你,哪个图你看上去能更快的理解呢?是不是右边的那幅图呢。
语法:&div
id="版块名称"&…&/div&
table 标签,认识网页上的表格
有时候我们需要在网页上展示一些数据,如某公司想在网页上展示公司的库存清单。如下表:
想在网页上展示上述表格效果可以使用以下代码:
创建表格的四个元素:
table、tbody、tr、th、td
1、&table&…&/table&:整个表格以&table&标记开始、&/table&标记结束。
2、&tbody&…&/tbody&:当表格内容非常多时,表格会下载一点显示一点,但如果加上&tbody&标签后,这个表格就要等表格内容全部下载完才会显示。如右侧代码编辑器中的代码。
3、&tr&…&/tr&:表格的一行,所以有几对tr表格就有几行。
4、&td&…&/td&:表格的一个单元格,一行中包含几对&td&...&/td&,说明一行中就有几列。
5、&th&…&/th&:表格的头部的一个单元格,表格表头。
6、表格中列的个数,取决于一行中数据单元格的个数。
上述代码在浏览器中显示的默认的样式为:
http-equiv="Content-Type" content="text/ charset=utf-8" /&
&认识table表标签&
&平均成绩&
1、table 表格在没有添加 css 样式之前,在浏览器中显示是没有表格线的
2、表头,也就是th标签中的文本默认为粗体并且居中显示
用 css 样式,为表格加入边框
Table 表格在没有添加 css 样式之前,是没有边框的。这样不便于我们后期合并单元格知识点的讲解,所以在这一节中我们为表格添加一些样式,为它添加边框。
在右侧代码编辑器中添加如下代码:
type="text/css"&
,{border:1px solid #000;}
上述代码是用 css 样式代码,为th,td单元格添加粗细为一个像素的黑色边框。
结果窗口显示出结果样式:
caption 标签,为表格添加标题和摘要
表格还是需要添加一些标签进行优化,可以添加标题和摘要。代码如下:
摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化),使搜索引擎更好的读懂表格内容,还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。
语法:&table summary="表格简介文本"&
用以描述表格内容,标题的显示位置:表格上方。
&标题文本&
使用& a &标签,链接到另一个页面
使用&a&标签可实现超链接,它在网页制作中可以说是无处不在,只要有链接的地方,就会有这个标签。
href="目标网址"
title="鼠标滑过显示的文本"&链接显示的文本&/a&
title="点击进入百度首页"&click here!&/a&
上面例子作用是单击 click here! 文字,网页链接到这个网页。
title 属性的作用,鼠标滑过链接文字时会显示这个属性的文本内容。这个属性在实际网页开发中作用很大,主要方便搜索引擎了解链接地址的内容(语义化更友好),如右侧案例代码(8-12行)。
注意:还有一个有趣的现象不知道小伙伴们发现了没有,只要为文本加入&a&标签后,文字的颜色就会自动变为蓝色(被点击过的文本颜色为紫色),颜色很难看吧,不过没有关系后面我们学习了 css 样子就可以设置过来(a{color:#000}),后续会详细讲解。
在新建浏览器窗口中打开链接
&a&标签在默认情况下,链接的网页是在当前浏览器窗口中打开,有时我们需要在新的浏览器窗口中打开。
如下代码:&a href="目标网址" target="_blank"&click here!&/a&
使用 mailto 在网页中链接 Email 地址
&a&标签还有一个作用是可以链接 Email 地址,使用mailto能让访问者便捷向网站管理者发送电子邮件。我们还可以利用mailto做许多其它事情。下面一一进行讲解,请看详细图示:
注意:如果mailto后面同时有多个参数的话,第一个参数必须以“?”开头,后面的参数每一个都以“&”分隔。
下面是一个完整的实例:
认识& img &标签,为网页插入图片
在网页的制作中为使网页炫丽美观,肯定是缺少不了图片,可以使用&img&标签来插入图片。
语法:&img src="图片地址" alt="下载失败时的替换文本" title = "提示文本"&
举例:&img src = "myimage.gif" alt = "My Image" title = "My Image" /&
1、src:标识图像的位置;
2、alt:指定图像的描述性文本,当图像不可见时(下载不成功时),可看到该属性指定的文本;
3、title:提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本);
4、图像可以是 GIF,PNG,JPEG 格式的图像文件。
html 中有用的字符实体
注释:实体名称对大小写敏感!
& (IE不支持)
参考知识库
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
访问:6561次
排名:千里之外
原创:71篇
转载:34篇《编钟》,第四自然段的写法是什么?分层是怎样的?
血刺乐徒ih1
格两格再写
为您推荐:
其他类似问题
扫描下载二维码HTML 中的&title&&/title&标记和&h1&&h1&谁是标题?_百度知道
HTML 中的&title&&/title&标记和&h1&&h1&谁是标题?
为什么把他们都叫“标题”到底它们哪个才是网页的标题?最最重要的是搜索引擎在搜索时和它们哪个相关?
提问者采纳
h1&title&只是一种字体,不是标题,与h1没有关系
不过光有TITLE是不够的,你可以建一个DEMO测试一下;是标题 ,还需要很多&lt,搜索引擎搜索与TITLE直接相关,他是显示在每个页面头部分的标题&lt
其他类似问题
为您推荐:
其他4条回答
&h1&gttitle&title&&其实是用来控制标题字体的大小; 是标题&h1&&#47
《title》是也页面的标题,就是你打开一个网页的时候,你看和关闭X一行的,最左边的《h1》是用来控制页面内的字体的大小的
&title&&/title&是标题
&h1&&h1&这个是 控制字体大小 跟标题没有关系
&title&&/title&而&h1&&h1&文章前面的那个大标题
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁

我要回帖

更多关于 zoom h1怎么指向 的文章

 

随机推荐