Create React App Title(网页标题) 和 Meta 标签

Title & Meta 标签

在 Web 开发中,Title 和 Meta 标签是非常重要的元素。Title 标签用于定义网页的标题,会显示在浏览器的标签栏中,同时也会影响搜索引擎对网页内容的理解。Meta 标签则用于提供关于网页的元数据信息,如描述、关键字等。

设置网页标题

在 Create React App 中,可以在 public/index.html 文件中找到 <title> 标签,通过修改其中的内容来设置网页的标题。例如:

---------------------

添加 Meta 标签

要添加 Meta 标签,需要在 public/index.html 文件中的 <head> 标签内添加相应的 <meta> 标签。以下是一些常用的 Meta 标签及其用途:

  • charset:指定网页的字符集
  • viewport:控制网页在移动设备上的显示方式
  • description:网页描述
  • keywords:网页关键字
  • author:网页作者
  • robots:搜索引擎蜘蛛的行为控制
  • og:title:Open Graph 协议中定义的标题
  • og:description:Open Graph 协议中定义的描述

示例代码如下:

----- ----------------
----- --------------- ---------------------------- -------------------
----- ------------------ -------------------
----- --------------- --------------- ------
----- ------------- ------------- -----
----- ------------- --------------- --------
----- ------------------- -----------------
----- ------------------------- -------------------

在设置 Meta 标签时,需要注意每个标签的属性和取值,确保正确地提供关于网页的元数据信息。这样可以提升网页的可访问性和搜索引擎优化效果。


上一篇:集成后端 API
下一篇:部署