·조회수 63
查看MetaTags.io可以轻松查看元标记
META标签
META标签是包含有关网页信息的标记。更准确地说,开发人员在页眉中写下页面的标题、缩略图等信息,供搜索引擎或外部服务参考。例如,当在Slack上共享图像时,网站的名称、标题、内容、缩略图等都是根据存储在META标签中的内容获取的。
META标签内容包含在网页的页眉中。例如,从上述Slack消息中可以看出,og:title、og:description、og:image等构成了内容。我自己也没有注意到这一点,所以在分享博客文章时,显示的图像是TailwindBlog。
## 查看META标签时常见的困难
要查看META标签是否正确配置,一个简单的方法是将其发送到Telegram、Slack、KakaoTalk等应用中。但这种方法有一个问题。许多服务为了效率,一旦保存了这些META标签,就会将其缓存一段时间。如果在开发过程中想要查看是否正确应用,修改后的值会一直显示一段时间。我也因为这个问题而苦恼,直到同事推荐了一个名为metatags.io的网站。我觉得很有用,所以推荐给大家。
网站介绍 metatags.io
该网站的使用方法很简单。一旦进入网站,就会看到一个搜索框,只需输入要检查META标签的网站地址,然后点击按钮即可。然后,您可以在几秒钟内查看来自知名服务的META标签显示方式。您可以轻松查看Google、Twitter、Facebook、LinkedIn、Pinterest、Slack等服务的显示方式。
结束语
对于已经了解的人来说,这可能不是什么新内容,但对于不了解的人来说,这是一个非常有用的功能。最重要的是,即使不是开发人员,也可以轻松使用,希望更多人能够充分利用。

김지식
웹, 앱 개발자입니다.