使用 HTML 的 meta tags 可以控制搜索引擎对网站的索引和页面的展示，以及社交媒体上的共享。以下是一些常见的 meta tags：
<meta name="description" content="描述网页内容的简短文本">：这个 meta tag 描述了网页的简短概述，通常会在搜索结果中展示。建议将描述控制在 150 个字符以内，并且包含网页的主要关键词。<meta name="keywords" content="关键词1, 关键词2, 关键词3">：这个 meta tag 定义了页面的关键词，用逗号分隔。然而，大多数搜索引擎不再使用这个 tag 来确定页面的相关性。<meta name="robots" content="index,follow">：这个 meta tag 决定了搜索引擎应该如何索引页面。index 表示可以索引页面，noindex 表示不应该索引页面；follow 表示可以跟随页面上的链接，nofollow 表示不要跟随链接。<meta name="viewport" content="width=device-width, initial-scale=1.0">：这个 meta tag 告诉浏览器如何缩放页面以适应不同的设备宽度。width=device-width 表示页面宽度应该等于设备宽度，initial-scale=1.0 表示页面应该以原始大小开始显示。<meta property="og:title" content="社交媒体上的标题">：这个 meta tag 定义了在社交媒体上共享时显示的标题。<meta property="og:description" content="社交媒体上的描述">：这个 meta tag 定义了在社交媒体上共享时显示的描述。<meta property="og:image" content="社交媒体上的图片地址">：这个 meta tag 定义了在社交媒体上共享时显示的图片。需要注意的是，这些 meta tags 应该放在 HTML 文档的头部，例如：
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="描述网页内容的简短文本">
<meta name="robots" content="index,follow">
<meta property="og:title" content="社交媒体上的标题">
<meta property="og:description" content="社交媒体上的描述">
<meta property="og:image" content="社交媒体上的图片地址">
<title>网页标题</title>
</head>
<body>
网页内容
</body>
</html>以上是控制搜索引擎索引和社交媒体共享的一些常见的 meta tags。在实际应用中，可以根据需要选择合适的 meta tags 并加以使用。