meta标签对于网站seo非常有帮助,例如我们在分享自己的个人网站时,希望不仅仅是一个链接,如果是一张网站的预览链接卡片就更好了。

而这,meta就可以做到。

代码如下:

<!-- HTML Meta Tags -->
<title>kiss the rain</title>
<meta name="description" content="浅鱼的个人网站">

<!-- Google / Search Engine Tags -->
<meta itemprop="name" content="kiss the rain">
<meta itemprop="description" content="浅鱼的个人网站">
<meta itemprop="image" content="https://www.runtofuture.cn/usr/uploads/2018/10/3886918188.png">

<!-- Facebook Meta Tags -->
<meta property="og:url" content="https://www.runtofuture.cn">
<meta property="og:type" content="website">
<meta property="og:title" content="kiss the rain">
<meta property="og:description" content="浅鱼的个人网站">
<meta property="og:image" content="https://www.runtofuture.cn/usr/uploads/2018/10/3886918188.png">

<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="kiss the rain">
<meta name="twitter:description" content="浅鱼的个人网站">
<meta name="twitter:image" content="https://www.runtofuture.cn/usr/uploads/2018/10/3886918188.png">

如果你也想生成属于你个人网站的预览卡片,可以到这个网站去生成:
屏幕快照 2018-10-20 10.19.17.png

https://www.heymeta.com

Last modification:October 20, 2018
If you think my article is useful to you, please feel free to appreciate