【 HTML 】引入 favicon 图标、SEO 优化
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>网页标题</title>
<!-- favicon图标,用于显示在浏览器标签页、收藏夹等 -->
<link rel="icon" href="favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<!-- SEO 优化 -->
<meta name="description" content="网页描述">
<meta name="keywords" content="关键词1, 关键词2">
<meta name="author" content="作者名字">
<!-- 搜索引擎搜索时,显示的图片 -->
<link rel="image_src" href="preview.jpg" />
</head>
<body>
<h1>你的网页内容</h1>
</body>
</html>
这段代码展示了如何在HTML文档的<head>
部分引入favicon图标,并进行了一些基本的搜索引擎优化。这有助于提高网站在搜索引擎结果页面(SERPs)的可见性。
评论已关闭