元标记的含义和用法

Meaning and usage of meta tags

我对元标记有一些疑问。

  1. 在选项卡顶部显示标题的位置,旁边有一张图片。如何添加这样的图片?

  2. <meta name="keywords" content="HTML, Questions,"元标签,它还有什么用吗?

  3. 为什么要用<meta name="author" content="Firstname Lastname"?它有什么作用?

  4. 如何使用<meta viewport>

看来你没有做很好的研究,因为所有这些答案都很容易找到。

元标签信息:https://github.com/joshbuchea/HEAD#meta

1- 它叫做网站图标。

2- 曾经有一个目的,但没有更多。

3- Google、Facebook 甚至自定义等爬虫可以根据该信息识别页面的作者。

4-

Q1).你需要有一个网站图标。您可以在此处获得更多详细信息:https://www.w3.org/2005/10/howto-favicon

Q2).是的,元标记仍然有用。

Q3).这只是说明了网页的创建者。

Q4).查看 https://www.w3schools.com/css/css_rwd_viewport.asp

最后,看看 w3schools.com 和 codeacademy。

  1. 您可以使用 <link rel="icon" href="#" sizes="16*16"> 添加网站图标,并在 href 中插入您想要的网站图标图像。
  2. 关键字标签用于搜索引擎索引。
  3. author 标签是用来识别content.Yes的作者的,这两个还是很有用的
  4. <meta name="viewport>用于设置文档在不同浏览器中可见部分的大小: <meta name="viewport" content="width=device-width, intial-scale=1.0">

过去,搜索引擎使用元标记根据标题、描述甚至关键字为网页编制索引。然而,某些网站开始过度使用它们,塞满流行的关键字以期获得更好的搜索结果。 Google 认识到这一点,宣布他们不会在搜索算法中使用元关键字或描述来进行排名。 一次进入一个属性:

1) 描述- 搜索引擎根据内容属性生成描述。 当您将网页的 URL 分享到其他网站或平台时,假设您在 Whatsapp 上分享博客,Whatsapp 会向用户显示描述以及您的 URL。你可以自己试试。

2) charset="UTF-8" - 设置网页的编码。另一种编码是UTF-16。

3) 关键字- 关键字可以帮助其他应用程序更多地了解您的网站。尽管许多网站仍然使用 name 属性的关键字值,但 Google 在其搜索排名算法或显示搜索结果时并未考虑这一点。

4) 作者- 您可以使用作者属性设置页面的作者。

5) - 在平板电脑和手机出现之前,网页只是为电脑屏幕设计的,网页通常采用静态设计和固定大小。 然后,当我们开始使用平板电脑和手机上网时,固定大小的网页太大而无法容纳视口。为了解决这个问题,这些设备上的浏览器缩小了整个网页以适合屏幕。

元标记可用于执行 HTTP headers 的任务,例如重定向和刷新。

要了解有关元标记的更多信息,您可以参考此 link https://www.sitepoint.com/meta-tags-html-basics-best-practices/