您如何为LinkedIn,Twitter和Facebook等社交平台设置特色图片以进入预览?

时间:2018-10-15 13:29:35

标签: javascript html css

我正在为公司开发着陆页,有人问我是否可以设置特色图片,以便当他们链接到其社交平台上的页面时,它会被拉入并在页面标题旁边显示预览和说明。有人对此有经验吗?我熟悉如何使用Wordpress来完成此操作,而不是仅使用HTML,CSS和JavaScript。

干杯

1 个答案:

答案 0 :(得分:1)

您需要在网页上设置每个相关网络均可读取的元标记。这些位于您的网页的<head>部分。例如:

<meta property="og:title" content="European Travel Destinations">
<meta property="og:description" content="Offering tour packages for individuals or groups.">
<meta property="og:image" content="http://euro-travel-example.com/thumbnail.jpg">

CSS Tricks对于不同的元标记及其处理方式有很好的参考。