html页面锚点链接对SEO的作用,以及实现描点的三种方式

时间: 2018-09-17阅读: 1882标签: 网页

html中的链接,正确的说法应该称作”锚点“,它命名锚点链接(也叫书签链接)常常用于那些内容庞大繁琐的网页, 通过点击命名锚点,不仅让我们能指向文档,还能指向页面里的特定段落,更能当作”精准链接”的便利工具,让链接对象接近焦点。

便于浏览者查看网页内容。 类似于我们阅读书籍时的目录页码或章回提示。在需要指定到页面的特定部分时,标记锚点是最佳的方法。


锚点链接对seo的作用 

锚链链接是一个非常重要的概念,在网页中增加恰当的锚链接,会让所在网页和所指向网页的重要程度有所提升,从而影响到关键词排名。锚链接对SEO的作用主要体现在以下几个方面:

对所在的页面的作用:

  • 正常来讲,页面中增加的链接锚链接都和页面本身有一定的关系,因此,锚文本可以做为锚链接所在的页面的内容的评估。例如:本篇文章中含有“SEO”的链接,那么,说明本篇文章和SEO有一定关系。

对所指向页面的作用:

  • 锚链接能精确的描述所指向页面的内容,因此,锚链接能做为对所指向页面的评估。

对关键词排名的影响:

  • 锚链接对于关键字排名的意义在于它可以让内容页随机链接在一起,让蜘蛛可以很好的抓取更多页面,权重也能均匀的传递,同时增强页面的相关性,最终提升网站的关键词排名。


锚点的添加方式

 1、给锚点文本标签添加id,使用来定位,当单击a链接时,就会跳到id为a01的p标签处; 

<div>
    <a href="#a01"></a>
</div>
<p>练习</p>
<p>练习</p>
<p>练习</p>
<p>练习</p>
<p>练习</p>
<p id="a01">练习</p>
<p>练习</p>

这样的定位可以针对任何标签来定位。


2、给a标签的文本添加锚点,单击链接可跳到name为a01的a标签处;

<div>
    <a href="#a01"></a>
</div>
<p>练习</p>
<p>练习</p>
<p>练习</p>
<p>练习</p>
<p>练习</p>
<a name="a01" href=“#”>练习</a>
<p>练习</p>

使用name属性只能针对a标签来定位,而对div等其他标签就不能起到定位作用


3、使用js

<li class="" onclick="JavaScript:document.getElementById('here').scrollIntoView()"></li>
站长推荐

1.云服务推荐: 国内主流云服务商,各类云产品的最新活动,优惠券领取。地址:阿里云腾讯云华为云

链接: http://www.fly63.com/article/detial/1085

如何给网页划分结构?

学习前端第一步:划分网页结构,网页的结构的划分应该遵循哪些原则,如何去划分网页的结构呢?对于一个前端初学者,第一步就是要学会如何划分一个网页的结构。当设计师给到你一张设计图,你需要根据这张图做出一个符合标准的页面

使用 BeautifulSoup 和 Selenium 进行网页爬取

HTML几乎是平铺直叙的。CSS是一个伟大的进步,它清晰地区分了页面的结构和外观。在本教程中,您将了解在浏览器中看到的内容是如何实际呈现的,以及如何在必要时进行抓取。

html转义字符大全_网页html特殊符号,特殊字符查看对照表(整理)

HTML字符实体,在HTML中,某些字符是预留的。比如不能使用小于号(&lt;)和大于号(&gt;),这是因为浏览器会误认为它们是标签。

html网页自动跳转方法_整理网页自动跳转的5种方法

网页自动跳转,是指当用户访问某个网页时,被自动跳转到另一个网页中去。网页自动跳转的主要作用是,当域名变更后,或者网站里的一个或多个网页被删除后,可以使用这种方式将用户引导到其它正常的网页中去,从而留住用户。

静态和动态网页的区别?

在静态web程序中,客户端使用web浏览器经过网络连接到服务器上,使用HTTP协议发起一个请求(Request),告诉服务区我现在需要得到哪个页面,所有的请求交给web服务器

FreeMarker网页静态化

网页静态化解决方案在实际开发中运用比较多,例如新闻网站,门户网站中的新闻频道或者是文章类的频道。网页静态化技术和缓存技术的共同点都是为了减轻数据库的访问压力,但是具体的应用场景不同

实现主机访问虚拟机网页的方法总结

VMware Workstation提供了两种虚拟机上网方式,一种bridge,一种NAT,bridge可以获得公网地址,而NAT只能是内网地址了。例1:在虚拟机内搭建http服务器,使用公网地址访问,例2: ssh端口映射

网页中文本朗读功能开发实现分享

同时针对大段的文本,不能整段的去读,要按照标点符号进行断句处理。重点当然就是先获取到当前标签上的文本,再把文本转化成语音即可。

使用 CSS 追踪用户

除了使用 JS 追踪用户,现在有人提出了还可以使用 CSS 进行网页追踪和分析,译者认为,这种方式更为 优雅,更为 简洁,且 不好屏蔽,值得尝试一波

网页设计中的css指什么?

网页设计中的css指的是层叠样式表(Cascading Style Sheets),它是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!