锚链接是把你带到同一网页的单独部分的链接。它们可以帮助你的读者在页面顶部或文章开头的“目录”中快速找到他们需要的内容。除了用户体验的提升,锚点链接也被一些SEO专业人士认为对搜索排名有间接的积极影响。在这篇文章中,我们将快速回顾如何使用锚链接,这样你就可以在你的博客上实现锚链接,无论你是为自己的摄影博客写文章,还是为像SLR Lounge这样的网站投稿。

锚点链接的例子

解释锚链接最简单的方法就是向你展示它到底做了什么。在我们网站上的许多文章中,你会注意到,在第一段之后,我们会直接创建文章主题的项目列表,并将每个项目链接到包含信息的页面部分。现在让我们为这篇文章做这件事。在本文中,我们将回顾以下内容:

请注意上面的每个链接是如何将您带到包含相应信息的页面部分的。

如何在同一页面上创建到锚的链接

要链接到同一页面的一个部分,首先,用以下代码创建你想要链接的链接:

< a href = " #例子" > < / >示例文本

接下来,标记页面中希望该链接承载用户的部分。在我们的例子中,我们使用头文件,所以我们将使用以下内容:

< h2 id =“例子”>例子头< / h2 >

或者,您也可以使用以下代码:

< h2 > < id =“例子”> < / h2 > < / >示例头

当用户点击“示例文本”链接时,它们将被带到“示例标题”。

如何在另一个页面上创建指向锚的链接

有时你可能想链接到自己网站或其他网站上另一个页面的特定部分。要做到这一点,你只需做以下操作:

< a href = " https://www.examplewebsite.com/example-web-page示例" > < / >示例文本

代码将创建这个链接,指向页面https://www.examplewebsite.com/example-web-page上标有id #示例的部分

只需确保https://www.examplewebsite.com/example-web-page页面有一个带有id #示例的部分。否则,该链接将简单地将用户带到页面的顶部https://www.examplewebsite.com/example-web-page。

结论

虽然单反休息室是一个摄影网站,我们包括与更好的博客和更好的网站体验相关的提示和技巧,以帮助您发展您的业务。你可能会对以下相关文章感兴趣:为什么摄影博客被高估了,是摄影师更好的选择