标题标签
标题标签是用于指定页面标题的 HTML 元素。称为 H1 的主标题标记通常保留用于页面标题。它看起来像这样:
<h1>页面标题</h1>
还有从 H2 到 H6 标记的子标题,尽管不需要在页面上使用所有这些。标题标签的层次结构从 H1 到 H6 按重要性降序排列。
每个页面都应该有一个独特的 H1 来描述页面的主要主题,这通常是根据页面标题自动创建的。作为页面的主要描述性标题,H1 应该包含该页面的主要关键字或短语。您应该避免使用标题标签来标记非标题元素,例如导航按钮和电话号码。使用标题标签来介绍以下内容将讨论的内容。
以这个关于游览哥本哈根的页面为例:
<h1>哥本哈根旅游指南</h1> <h2>四季的哥本哈根</h2> <h3>冬天来访</h3> <h3>春游</h3>
页面的主要主题在主 <h1> 标题中引入,每个附加标题用于引入一个新的子主题。在此示例中,<h2> 比 <h1> 更具体,<h3> 标记比 <h2> 更具体。这只是您可以使用的结构的一个示例。
尽管搜索引擎可以使用您选择放入标题标签的内容来评估和排名您的页面,但重要的是要避免夸大它们的重要性。标题标签是许多页面 SEO 因素之一,通常不会像高质量的反向链接和内容那样移动针头,因此在制作标题时要关注您的网站访问者。
内部链接
在第 2 章中,我们讨论了拥有可抓取网站的重要性。网站的可抓取性部分在于其内部链接结构。当您链接到您网站上的其他页面时,您确保搜索引擎爬虫可以找到您网站的所有页面,您将链接资产(排名能力)传递给您网站上的其他页面,并帮助访问者浏览您的网站。
例如,如果我们想强调我们新更新的 SEO Beginner’s Guide的重要性,我们只需添加一个这样的链接!(这是一个非常好的指南)
内部链接的重要性已经确立,但在实践中可能会出现混淆。
链接可访问性
需要点击的链接(例如要查看的导航下拉菜单)通常对搜索引擎爬虫隐藏,因此如果指向您网站上的内部页面的唯一链接是通过这些类型的链接,您可能无法将这些页面编入索引。而是选择可在页面上直接访问的链接。
锚文本
锚文本是链接到页面的文本。下面,您可以看到没有锚文本的超链接和带有锚文本的超链接在 HTML 中的外观示例。
<a href="http://www.example.com/" rel="external nofollow" rel="external nofollow" ></a> <a href="http://www.example.com/" rel="external nofollow" rel="external nofollow" title="关键字文字">关键字文字</a>
在实时视图中,它看起来像这样:
http://www.example.com/
关键字文字
锚文本向搜索引擎发送有关目标页面内容的信号。例如,如果我使用锚文本“学习 SEO”链接到我网站上的某个页面,这对搜索引擎来说是一个很好的指标,即目标页面是人们可以了解 SEO 的页面。不过要小心不要过度。太多使用相同关键字填充锚文本的内部链接可能会出现在您试图操纵页面排名的搜索引擎中。最好使锚文本自然而不是公式化。
链接音量
在谷歌的通用网站管理员指南中,他们说“将页面上的链接数量限制在合理的数量(最多几千个)”。这是 Google 技术指南的一部分,而不是质量指南部分,因此拥有过多的内部链接本身并不会让您受到惩罚,但它确实会影响 Google 查找和评估您的网页的方式。
页面上的链接越多,每个链接可以传递到其目标页面的权益就越少。一个页面只有这么多的资产可以走动。
所以可以肯定地说,你应该只在你认真的时候才链接!您可以从我们的 SEO 学习中心了解有关链接资产的更多信息。
除了在页面之间传递权限之外,链接也是帮助用户导航到您网站上其他页面的一种方式。在这种情况下,为搜索引擎做最好的事情也是为搜索者做最好的事情。太多的链接不仅会削弱每个链接的权威性,而且它们也可能是无用的和压倒性的。考虑一下搜索者在登陆如下所示页面时的感受:
欢迎来到我们的园艺网站!我们有很多关于园艺、如何园艺的文章,以及关于草本植物、水果、蔬菜、多年生植物和一年生植物的有用提示。从我们的园艺博客了解更多关于园艺的信息。
哇!不仅有很多链接要处理,而且读起来也很不自然,而且不包含太多实质内容(谷歌可能将其视为“薄内容”)。专注于质量并帮助您的用户浏览您的网站,您可能不必担心链接过多。
重定向
删除和重命名页面是一种常见做法,但如果您确实移动了页面,请确保更新指向该旧 URL 的链接!至少,您应该确保将 URL 重定向到其新位置,但如果可能,请在源处更新指向该 URL 的所有内部链接,以便用户和爬虫不必通过重定向到达目的地页。如果您选择仅重定向,请注意避免重定向链太长(谷歌说,“避免链接重定向……保持链中重定向的数量较低,理想情况下不超过 3 且少于 5。”)
重定向链示例:
(内容的原始位置)example.com/location1 → example.com/location2 → (内容的当前位置)example.com/location3
更好的:
example.com/location1 → example.com/location3
图像优化
图像是网页慢的最大罪魁祸首!解决此问题的最佳方法是压缩图像。虽然在图像压缩方面没有万能的方法,但测试各种选项,如“保存为网络”、图像大小和压缩工具(如Optimizilla或ImageOptim for Mac(或Windows 替代品)),以及评估最有效的是要走的路。
另一种帮助优化图像(并提高页面速度)的方法是选择正确的图像格式。
如何选择要使用的图像格式:
- 如果您的图像需要动画,请使用 GIF。
- 如果您不需要保留高图像分辨率,请使用 JPEG(并测试不同的压缩设置)。
- 如果您确实需要保持较高的图像分辨率,请使用 PNG。
- 如果您的图像有很多颜色,请使用 PNG-24。
- 如果您的图像没有很多颜色,请使用 PNG-8。
在Google 的图像优化指南中了解有关选择图像格式的更多信息。
有不同的方法可以让访问者保持在半慢加载页面上,方法是使用生成彩色框或非常模糊/低分辨率版本的图像,同时渲染以帮助访问者感觉加载速度更快。我们将在第 5 章更详细地讨论这些选项。
不要忘记缩略图!
替代文字
图像中的替代文本(替代文本)是 Web 可访问性的一项原则,用于通过屏幕阅读器向视障者描述图像。拥有替代文字描述非常重要,这样任何视障人士都可以理解您网站上的图片所描绘的内容。
搜索引擎机器人还会抓取替代文本以更好地理解您的图像,这为您提供了为搜索引擎提供更好的图像上下文的额外好处。只需确保您的 alt 描述自然地为人们阅读,并避免为搜索引擎填充关键字。
坏的:
<img src="grumpycat.gif" alt="脾气暴躁的猫,猫脾气暴躁,脾气暴躁的猫 gif">
好的:
<img src="grumpycat.gif" alt="一只黑猫看着一只大斑点狗,看起来很不爽">
网络可访问性和 SEO
提交图片站点地图
为确保 Google 可以抓取您的图片并将其编入索引,请在您的 Google Search Console 帐户中提交图片站点地图。这有助于 Google 发现他们可能错过的图像。
格式化以提高可读性和特色片段
您的页面可能包含有关某个主题的最佳内容,但如果格式不正确,您的观众可能永远不会阅读它!虽然我们无法保证访问者会阅读我们的内容,但有一些原则可以提高可读性,包括:
- 文字大小和颜色 -避免使用太小的字体。Google 建议使用 16 号及以上字体,以尽量减少在移动设备上进行“捏合和缩放”的需要。与页面背景颜色相关的文本颜色也应该提高可读性。有关文本的更多信息,请参阅网站可访问性指南和Google 的网络可访问性基础知识。
- 标题 -用有用的标题分解您的内容可以帮助读者浏览页面。这在读者可能只从特定部分查找信息的长页面上特别有用。
- 项目符号 -非常适合列表,项目符号可以帮助读者浏览并更快地找到他们需要的信息。
- 段落中断 -避免文字墙可以帮助防止页面放弃并鼓励网站访问者阅读更多页面。
- 支持媒体 -在适当的情况下,包括可以补充您的内容的图像、视频和小部件。
- 粗体和斜体强调 -用粗体或斜体表示单词可以增加强调,所以它们应该是例外,而不是规则。适当使用这些格式选项可以指出您想要传达的重要观点。
格式也会影响您的页面在精选片段中显示的能力,这些“位置 0”结果显示在其余自然结果之上。
特色片段的示例,出现在 SERP 顶部的“位置 0”。
您无法将特殊代码添加到您的页面以显示在此处,您也无法为此展示位置付费,但记下查询意图可以帮助您更好地构建特色片段的内容。例如,如果您尝试对“蛋糕与派”进行排名,则在您的内容中包含一个表格可能是有意义的,其中一列是蛋糕的好处,另一列是派的好处。或者,如果您尝试对“波特兰最佳餐厅”进行排名,这可能表明 Google 想要一个列表,因此将您的内容格式化为项目符号可能会有所帮助。
还没有评论呢,快来抢沙发~