网站的头部(head)如何优化

网站的头部(head)如何优化,第1张

HTML代码中<head></head>间的区域,我们称之为页面的头部,在页面头部中,通常存放一些介要跟页面内容的信息,例如,网站标题,网站关键字,网站描述标签的内容。

<head><meta>

然后是<title>标签优化

<title>标签也称为标题标签,标题标签内容是对网页主题的概括,相当于一篇文章的题目。标题标签的优化是网站优化中最重要的内容之一,对页面相关性产生决定的影响。大多数搜索引擎都是提取网页标题中的全部或部分内容作为搜索结果中摘要信息的标题向用户展示的。因此,在拟写标题内容时,要做到主题突出、内容简洁。

标题优化主要包括标题内容的长度控制、关键字分布、关键字词频及关键字组合技项等。

(1)标题长度

从上面介绍得知,搜索结果页中摘要信息的标题主要来源于页面的标题内容。但是为了提高页面的用户体验,搜索引擎会根据实际情况从页面标题中取全部或部分重要内容向用户展示,这在不同的搜索引擎中又会有所区别。例如,GOOGLE搜索结果中摘要信息的标题长度一般在70B左右,而百度则只有56B左右,腾讯则是68B。由此可知,搜索引擎对页面标题睥长度是有一定限制的。尽管这并不能说明搜索引擎会忽略超出限制的哪部分内容,但至少说明搜索引擎不重视这部分内容。所以,我们在拟定页面标题时,应把标题内容长度限制在28个中文字符(56个英文字符)以内,或者让相对重要的内容出现在这个范围。

(2)关键字分布

关键字分布是指关键字在标题中出现的位置。很多人喜欢把公司或者网站的名称放在标题的最前面,特别是首页。这站在搜索引擎优化的角度这是一个非常不明智的做法,除非你的公司或者网站乐称就是你想要优化的关键字。

搜索引擎分析页面的时候,在HTML源代码中自上而下地进行的,标题内容又是网页中最先出现的信息。因此,在标题内容的最前面加上页面关键字,可以有效突出页面的主题,提高页面相关性。

(3)关键字词频

很多人以为标题中主关键字词频越大越好,于是在标题中不断地重复该关键字。

实际上,不管在页面什么位置,主关键字的词频都并非越多越好,而是有一定的限制。我认为在标题内容中主关键字的词频出现在3次以内,每个辅关键字只出现1次是比较合理的。例如<title>旅游|北京旅游|旅游线路</title>。

在标题中,即使主辅关键字及词频都相同,表达方式也各有不同。下面所示是两种常见的标题表达方式:

方式一:<title>旅游|北京旅游|旅游网站</title>;

方式二:<title>旅游-打造全国最好的旅游网站</title>

这两种表达方式除了能有效提高主关键字“旅游”的词频外,还增加了意义相近的辅关键字“旅游网站”。其中方式1采用的是多个关键字简单排列的形式。而方式2采取的是对主关键字进行描述的形式。这样不但可以使搜索引擎更青睐,还能吸引用户的点击量。

(4)关键字组合技巧

标题优化的最后一个环节就是如何实现标题中主辅关键字的组合与分隔的问题。在讲述URL优化时,我们通过分隔符对URL各组成部分的名称进行分隔、组合后拓展了URL的意义。同样,标题中,我们也通过分隔符对标题中的多个关键字进行分隔、组合拓展标题的意义。

呵呵,先用编辑器(推荐用Dreamweaver或者记事本)将要修改的html文件打开,最顶部就可以看到<head>

<title>……</title>

<link ……>

<script></script>

等等内容……

这里是你复制进来的内容

</head>

不知是否看明白

需要准备的材料分别有:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:indexhtml。

2、在indexhtml中的<script>标签,输入js代码:$('head')append('<style>div{font-size: 32px;}</style>');。

3、浏览器运行indexhtml页面,此时发现js成功将css代码添加到<head>标签的<style>标签中。

HtmlMeta Page_Description = new HtmlMeta();

Page_DescriptionName = "Description";

HtmlMeta Page_KeyWords = new HtmlMeta();

Page_KeyWordsName = "KeyWords";

List<SystemWebUIControl> ctrls = new List<SystemWebUIControl>();

foreach (SystemWebUIControl control in PageHeaderControls)

{

if (!(control is HtmlTitle))

{

ctrlsAdd(control);

}

}

for (int i = 0; i < ctrlsCount; i++)

{

if ((ctrls[i] as HtmlMeta)NameToLower() == "keywords")

{

if (Page_KeyWordsContent != "" && Page_KeyWordsContent != null)

{

PageHeaderControlsRemove(ctrls[i]);

PageHeaderControlsAdd(Page_KeyWords);

}

}

if ((ctrls[i] as HtmlMeta)NameToLower() == "description")

{

if (Page_DescriptionContent != "" && Page_DescriptionContent != null)

{

PageHeaderControlsRemove(ctrls[i]);

PageHeaderControlsAdd(Page_Description);

}

}

}

方法一:用两个iframe就可以实现了,比如获取这个页面右边的“分类上升达人排行榜”这一小块:

先建一个ahtm:

<html>

<head>

<meta >

以上就是关于网站的头部(head)如何优化全部的内容,包括:网站的头部(head)如何优化、将代码复制到网站首页页面代码中的<head></head>之间;这个具体怎么 *** 作、js 如何在head标签里写css代码,js如何在style标签里写入css代码等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9820790.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-02
下一篇2023-05-02

发表评论

登录后才能评论

评论列表(0条)

    保存