歌站长工具频道在 Youtube 上更新了最近一个视频，分享了3个能够改善谷歌SEO的内链技巧。这一期的视频由谷歌的 Martin Splitt 制作，基于用户体验和SEO提供了一些内链技巧。

内部链接的3个技巧

Martin Splitt 强调了内部链接的3个要点：

1. 用户导航：内部链接引导用户浏览网站，帮助用户找到相关内容并了解网站的结构。
2. 搜索引擎抓取：Google 的蜘蛛使用内部链接来发现新页面并了解网站上不同页面之间的关系。
3. HTML：正确使用HTML 元素，带有 href 属性的 < a> 标签，对于创建有效链接来说很重要。

Google 的一项主要建议是在链接中使用描述性、有意义的锚文本。

Splitt 在视频里面展示了锚文本的作用以及重要性，以下是他在视频当中用的例子：

Splitt表示：图片右侧的这些毫无意义的锚文本，就没有太多的意义，并没有好的用户体验，没有直观的让用户知道通过这个链接可以去哪里，背后的内容是什么，以及内容之间的关系。

我的看法：这种锚文本被我们站长成为 “General” 锚文本，它不具备任何含义，当然我们很少或者说根本不会在自己的网站使用这些锚文本，但是当我们进行大量外链发布的时候会使用一部分这种 “General” 的锚文本来增加锚文本的多样性，从而避免谷歌的惩罚。

使用合理数量的链接

Splitt 还警告不要过度使用内部链接。

他建议在给相关内容添加链接的时候要运用批判性思维，判断要不要加链接，需要让用户安心读内容，而不是添加非常多的链接来过度分散用户的注意力。

这种从用户体验的角度出发的思维，我个人觉得没有太大问题，在用户阅读我们辛辛苦苦撰写的内容的时候，尽量不要添加很多锚文本，如果说你写这篇内容相关的链接确实特别多，我建议你可以修改元素的css样式，这样的内部链接可以引导搜索引擎看到与这篇内容相关的内容，但是又不影响用户的阅读体验。

创建链接的注意事项

Splitt 不鼓励使用非标准元素（例如 spans、div 或 buttons）来创建链接，并表示如果某个元素的行为类似于链接，这个其实不用过度担心，我们使用的CMS里默认的链接不会出现这种非标准元素链接，有些不熟悉HTML的站长可能不太理解，可以看看以下2个例子：

示例1：

<span onclick="window.location.href='https://loriseo.com';">访问 Lori 的网站</span>

示例2：

<a href="https://loriseo.com">访问 Lori 的网站</a>

内链要点总结

总结一下 Martin Splitt 在这个视频里所提醒的内链的技巧和注意事项：

1. 使用内链的时候不光要考虑SEO，还得考虑用户的浏览体验，尤其是过度使用内链，这样容易分散用户注意力和视觉焦点。
2. 内部链接的锚文本最好是描述性文字，锚文本需要有语义，而不是“read more”这种锚文本。
3. 使用正确的HTML结构 标签做链接。

现代网页设计中，超链接是非常重要的元素之一，它们使得用户能够轻松地跳转到其他页面或特定部分。在 HTML 中，使用 anchor 标签创建超链接是一种常见的方式。在本文中，我们将探讨 anchor 标签的基本使用方法以及一些高级技巧，帮助您提升网站用户体验。

1. 基本使用方法

在 HTML 中，anchor 标签用于创建超链接，其基本结构如下：

<a href="链接地址">链接文本</a>

其中，href属性指定了跳转的目标地址，而链接文本则是用户在页面上看到的可点击的文本。

2. 锚点引用

锚点引用（anchor）是一种用于在同一页面内跳转的技巧。您可以在页面中添加锚点，使用 anchor 标签跳转到特定的部分。

<h2 id="section1">第一个部分</h2>
<a href="#section1">跳转到第一个部分</a>

3. 外部链接与内部链接

外部链接指向不同域名的页面，而内部链接则是指向同一域名内的页面或部分。在创建链接时，确保使用正确的协议（如 http:// 或 https://）以避免链接无法正常跳转。

4. 使用 target 属性

通过使用 target 属性，您可以控制超链接的打开方式。常见的取值有：

• _self：在当前窗口或标签页中打开链接。
• _blank：在新窗口或新标签页中打开链接。
• _parent：在上一级窗口或框架中打开链接。
• _top：清除当前窗口的内容，然后在新的顶级窗口中打开链接。

5. 使用 title 属性

title 属性用于提供关于链接的额外信息，例如链接目标的描述或上下文。当鼠标悬停在链接上时，浏览器会显示这些信息。

6. 访问性和 SEO 优化

为了提升网站的访问性和 SEO 排名，请确保链接文本清晰、描述性，避免使用过于短的单词（如 "点击这里"）。此外，使用有意义的 URL 以便搜索引擎更好地理解您的网页内容。

7. 使用 CSS 美化链接

通过 CSS，您可以对超链接进行样式定义，使其与网站设计相一致。例如，更改链接的颜色、字体、下划线等。

通过了解和掌握 anchor 标签的使用方法和技巧，您可以创建更加易于导航且访问性较好的网站。在提升用户体验的同时，也能够为搜索引擎提供更多关于网页内容的信息，从而提高网站的 SEO 排名。

网页设计中，添加图片并为其添加超链接是常见的需求。通过使用HTML，我们可以轻松实现这些功能。下面将详细介绍如何实用地添加图片，并为图片添加超链接。

首先，我们需要了解HTML中如何添加图片。在HTML中，我们使用`<img>`标签来插入图片。`<img>`标签有几个重要的属性，包括`src`、`alt`和`width`、`height`等。`src`属性用于指定图片的URL地址，`alt`属性用于提供图片无法加载时的替代文本，而`width`和`height`属性则用于设置图片的宽度和高度。

下面是一个简单的示例，展示如何在HTML中添加图片：

<img src="这里写图片地址，要带http协议，比如：https://www.chaojilu.com" alt="看不到图片，就显示这个文字" width="500" height="300">

在这个示例中，我们使用了`<img>`标签，并通过`src`属性指定了图片的URL地址。同时，我们还设置了`alt`属性以提供替代文本，并通过`width`和`height`属性设置了图片的尺寸。

接下来，我们来看如何为图片添加超链接。在HTML中，我们使用`<a>`标签来创建超链接。`<a>`标签的`href`属性用于指定链接的目标地址。为了将图片包含在超链接中，我们可以将`<img>`标签放置在`<a>`标签内部。

下面是一个示例，展示如何为图片添加超链接：

<a href="https://www.chaojilu.com">
<img src="image.jpg" alt="看不到图片，就显示这个文字"width="这里写宽度" height="高度">>
</a>

在这个示例中，我们将`<img>`标签放置在`<a>`标签内部，并通过`href`属性指定了链接的目标地址。当用户点击图片时，将会跳转到指定的网址。同时，我们还通过`alt`属性为图片提供了替代文本，以便在图片无法加载时为用户提供提示。

除了基本的添加图片和超链接功能外，我们还可以通过一些技巧来优化图片的显示和加载效果。例如，我们可以使用CSS样式来设置图片的边框、圆角等外观属性，提升页面的美观度。同时，我们还可以通过压缩图片文件大小、使用懒加载等技术来优化图片的加载速度，提高用户体验。

需要注意的是，在添加图片和超链接时，我们需要确保所使用的图片资源是合法且可访问的。避免使用未经授权或侵权的图片资源，以免引发法律问题。同时，我们还应该关注图片的版权和使用协议，确保在使用图片时遵守相关规定。

总之，通过使用HTML的`<img>`和`<a>`标签，我们可以轻松地在网页中添加图片并为图片添加超链接。通过合理设置属性和优化技巧，我们可以提升图片的显示效果和加载速度，为用户提供更好的浏览体验。

各位鹿友有什么不懂可以在评论区留言，咱们一起探讨学习。