og:title
与 title
的区别
在 Nuxt 或 HTML 网页中,title
和 og:title
都用于设置网页的标题,但它们的作用和使用场景不同:
1. title
(网页标题)
- 作用:
<title>
定义浏览器标签页的标题,并影响搜索引擎(如 Google)显示的搜索结果标题。 - 适用场景:主要用于 SEO,是搜索引擎优化(SERP)中最重要的元素之一。
- 示例代码:
<title>如何修改 Windows Hosts 文件 - MySite</title>
- 在 Nuxt 中(使用
useHead
或useSeoMeta
):
或useHead({ title: '如何修改 Windows Hosts 文件 - MySite' })
useSeoMeta({ title: '如何修改 Windows Hosts 文件 - MySite' })
- 展示位置:
- 浏览器标签页
- 搜索引擎结果页(SERP)
- 书签标题
2. og:title
(Open Graph 标题)
- 作用:
og:title
是 Open Graph 协议(OGP)的一部分,主要用于 社交媒体