后端开发教程 - Java、Spring Boot 实战 - msg200.com
100% 的搜索引擎优化
- 介绍
您是否梦想拥有顶级的 SEO 优化，或者只是想让您的网站获得更多曝光？以下内容是网站开发中非常基础的内容，但却非常实用。
整个搜索引擎优化部分必须写在<head>标签中。请不要写在标签中<body>。
- 默认标签
<meta charset="utf-8">
<!-- Let browser know website is optimized for mobile -->
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<!-- Your sublime title -->
<title>My title under 70 characters.</title>
<meta name="description" content="This is my loooong description, and ">
<!-- This is for index on search engine -->
<meta name="robots" content="index, follow">
<meta name="googlebot" content="index, follow">
<!-- Your favicon in .png format or another -->
<link rel="icon" type="image/png" href="favicon.png"/>
✅ 描述必须长且详细。它不应在多个页面上显示相同的内容，否则可能会对优化造成不利影响。描述必须是最长的，介于 150-160 个字符之间。
✅ 描述必须长且详细。它不应在多个页面上显示相同的内容，否则可能会对优化造成不利影响。描述必须是最长的，介于 150-160 个字符之间。
⚠ 这两种情况，尽量避免重复，尽量在每一页都修改。
- Twitter 卡（也称为X）
在社交网络上分享时，页面的呈现效果通常很好，但请注意，我们可以在 Twitter 和其他平台上更改页面呈现效果。为什么我要特别指出 Twitter 的情况？因为它们有自己的标签，如果您使用我们在 Facebook 上使用的标签，在分享时就会发现效果不佳。下面我将向您展示一个例子。
<!-- Twitter Card -->
<meta name="twitter:url" content="https://my.link.org/">
<!-- This is a large image, see below if you want a small, square image. -->
<meta name="twitter:card" content="summary_large_image"/>
<!-- Optional but displays who owns the website -->
<meta name="twitter:site" content="@MyAccount"/>
<meta name="twitter:title" content="My beautiful title" />
<meta name="twitter:description" content="This is my description, it will only appear on Twitter."/>
示例summary_large_image（点击显示完整）：
然后，您可以测试您网站上的 Twitter Card 是否正常工作。点击此处并输入您的 URL。
要了解有关限制的更多信息以及如何使用播放器、应用程序或其他自定义这些标签，您可以参考相关文档。
- 开放图谱（OG）
SEO 部分的其余部分致力于 Open Graph。它主要用于 Facebook、Reddit 和许多其他网站，是必须使用的重要代码。
<meta property="og:title" content="My sublime giant title"/>
<meta property="og:type" content="website"/>
<meta property="og:image" content="https://my.link.org/favicon.png"/>
<meta property="og:description" content="This is my description, that's never going to appear on twitter."/>
| ☕ | 查看我的Twitter 账号。你可以看到很多项目和更新。你也可以在 Buy Me a Coffee、Stripe 或 GitHub Sponsors 上支持我。感谢阅读我的帖子！🤩 |
|---|