海外网站title标题,防止Google重写

<title> 标签是定义网页标题的 HTML 元素,对于面向全球的海外官网和运营类 H5 尤为重要。当页面在 SERP 中显示时,如果标题设计不规范,Google 可能会重写标题,因此本文将探讨标题编写的要点和注意事项。

应用场景和重要性

浏览器

<title> 定义的标题,最直观的呈现是在浏览器的标题栏或标签页上。

并在浏览器中添加书签时用作书签名称,易于识别的标题有助于用户快速查找网页。

搜索

还会呈现在搜索结果页上,标题的质量直接影响用户的点击率。

社媒

OpenGraphTwitterCardsSchema.org 信息缺失时,社交媒体在分享 URL 时会提取 <title> 作为标题,一个引人注目的标题可以有效提高网站的点击率。

SEO

<title> 内容会影响网页在 Google搜索结果中的排名,谷歌的约翰·穆勒表示

"Titles are important. They are important for SEO. They are used as a ranking factor."

从搜索引擎优化(SEO )的角度来看,拥有优质的网页标题不仅让爬虫快速理解网站内容,也有助于提升用户的点击率(CTR),同时也是搜索引擎在排列搜索结果时的重要的参考指标。因此,精心打造优化的标题是 SEO 优化过程中不可或缺的基石。

Google重写

在大多数情况下,搜索引擎会使用Title标签中的内容,但在某些情况下,SEO文章的标题可能会被搜索引擎修改。

比如设置标题为:

html 复制代码
<title>Character|Alchemy Stars</title>

搜索结果会把后半段删除掉:

若设置标题为:

html 复制代码
<title>Category:Characters | Alchemy Stars Wiki | Fandom</title>

全部文本保留了,但会把符号 " | " 改写成 "-":

Moz 进行的涉及 57832 个标题标签的研究中,Peter J. Meyers 博士 发现, Google 重写了其中 58% 的标题,而在 Cyrus Shepard 的另一项涉及 80959 个标题标签的 研究 中,Google 重写了 61%。

根据研究推测,谷歌重写标题标签的可能因素包括:

  • 标题中关键词或关键词短语的重复
  • 在多个页面上使用相同的"样板"标题

使用符号: [] vs () | vs -

根据 Zyppy SEO 的研究数据,包含 [] 的 标题 ,谷歌重写的比例高达 77.6% ,其中 32.9% 的情况下会删除 [] 里的内容。相比之下包含 () 的标题,重写比例为 61.9%() 里的内容被删除的情况仅为 19.7% 。包含 | 的 标题被重写和删除的比例为 41% ,而包含 - 的标题则为 19.7%

html 复制代码
<title>NIKKE OST ~ We're Never Giving Up (2nd Phase) - [Crystal Chamber boss] [Extended] - YouTube</title>

谷歌保留了 () 部分,并把 [] 内容完全删除。

由于重写后的结果无法预料,可能与我们预先设置不符,因此即便不影响排名,但可能会对用户的点击产生一定影响,建议尽量避免使用 []|

品牌位置:首 vs 尾

在大多数情况下,如果品牌名称位于标题的首位,谷歌可能会将其重新排列至标题的末尾。

html 复制代码
<title>ToF | Jade Pavilion Lantern Festival</title>

谷歌把 | 替换成 -,并把品牌名称调到了后面

营销术语: 最高级

在数据集中约有 700 个案例,显示 Google 重写了包含 "Best " 一词的 <title> 标签。

html 复制代码
<title>The Best Classical Music 2023 🎼 Classical Music for Studying, Working and Relaxing. Mozart,Beethoven - YouTube</title>

重写后:

然而,该数据集内有超过 3000 个 <title> 标签仍保留了 "Best",其中一些标签是短语的组成部分,例如 "Best Man Speech"(伴郎致辞)和 "Best Buy"(电子产品零售商)等。

同样地,在诸如 "cheap " 和 "official" 等营销术语方面也出现了类似的情况。

html 复制代码
<title>20 of the Cheapest Cities in the World to Live Your Best Life in 2024</title>

Google 并未使用包含 "the Cheapest " 的 <title> 内容,而是提取了 <h1> 的文本。

标题长度:30 ~ 60 个字符

推荐 <title> 长度:

  • 最大长度:60 个字符 或 575 个像素
  • 最小长度:30 个字符 或 285 个像素

该长度范围适用于 Google、Bing 和 Yahoo 等搜索引擎的大多数设备。然而需要注意,不能保证标题都会被显示,这取决于搜索引擎。

如果标题太短,Google 可能会使用 HTML 区域标题元素<h1>--<h6>)。为了避免这种情况,需要确保标题标签的长度至少为 30 个字符。

一般来说,搜索引擎会显示约 50 -- 60 个英文字符的标题。过长的标题可能会被截断或遭搜索引擎删减,对用户来说也不容易快速理解,因此在撰写网页标题时,需要遵循 "简明扼要" 的原则,在限制字数内向用户精准传递网页相关的信息。

如果必须使用较长的标题,确保重要的部分出现在前面,并且标题中可能要删除的部分不包含关键内容。

关键字:避免过度重复

在标题中适当加入核心关键词,有助于爬虫和用户快速理解,这在SEO优化中是一种常见策略。

html 复制代码
<title>Women's Handbags | All Size Handbags</title>

然而若过度堆砌关键词,反而可能会被搜索引擎降低排名,甚至可能导致标题被重写。因此建议在确定标题之前,首先罗列所有相关的关键词,然后考虑如何排列组合,以便最大程度地涵盖主关键词,同时保持阅读的流畅性和可读性。

html 复制代码
<title>Women's Bags: Shoulder Bags, Shopping Bags, Backpacks | Diesel®</title>

独特性:确保每个标题独一无二

这对于 SEO 优化至关重要,若网站内同时存在多个重复或类似的标题,会扰乱爬虫和用户对各个页面的理解。特别是搜索引擎将难以选择正确的页面,以对合并的关键字进行排名。

例如如果官网和下载页都设置成同样的标题:

html 复制代码
<title>GODDESS OF VICTORY: NIKKE|Immersive Sci-Fi RPG Shooter</title>

那么官网标题将被保留(下图第 1 条),下载页则提取了页面的文本内容作为标题(下图第 2 条):

工具

借助标题标签预览工具,可以查看网站在 Google 搜索结果中的可能呈现方式:

总结

TDK(Title 、Description、Keywords) 是SEO中扮演着至关重要的角色,今天探讨的是T 标题的优化技巧。为了避免Google重写标题,我们需要注意控制标题的长度,确保每个标题具有独特性,合理运用符号和关键词,以及适当位置包含品牌名称。遵循这些规则并持续优化,可以极大程度地保留我们的原始标题,从而提升网站的点击率和搜索引擎排名,希望对大家有所帮助~

参考

网站的标题(Title)和元描述(Meta Description)怎么编? | 慢慢来数字营销

Meta Title/Meta Description是什麼?教你SEO Meta Tag該如何寫!

Title tag: the ultimate reference guide to make it work for you

Meta Title - Definition + Best Practices - Seobility Wiki

9.5 Ways Google Rewrites Your Title Tags

相关推荐
周末也要写八哥10 小时前
html网页设计适合新手的学习路线总结
html
ZC跨境爬虫11 小时前
【爬虫实战对比】Requests vs Scrapy 笔趣阁小说爬虫,从单线程到高效并发的全方位升级
前端·爬虫·scrapy·html
爱上好庆祝11 小时前
svg图片
前端·css·学习·html·css3
阿捞218 小时前
Inertia.js 持久布局实现原理
前端·javascript·html
你挚爱的强哥1 天前
欺骗加载进度条,应用于无法监听接口数据传输进度的情况
前端·javascript·html
zhensherlock1 天前
Protocol Launcher 系列:Mail Assistant 轻松发送 HTML 邮件
前端·javascript·typescript·node.js·html·github·js
十一.3661 天前
003-004 虚拟DOM的两种创建方式、虚拟DOM与真实DOM
前端·javascript·html
前端老石人1 天前
无障碍访问
开发语言·前端·html
牧杉-惊蛰1 天前
修改表格选中时的背景色与鼠标滑过时的背景色
前端·javascript·css·vue.js·elementui·html
bjzhang751 天前
使用 HTML + JavaScript 实现表格滚动效果
前端·javascript·html·表格滚动效果