我的网页上已经有whatsapp的社交分享按钮,但是当您选择要发送的联系人时,它只会在写入框中写入“title_content url”。它接缝whatsapp没有看到网页的元标记,以创建一个包含图像,标题和描述的漂亮的框。
我正在使用以下open-Graph元标记,它与Facebook社交分享工作正常:
<meta property="og:type" content="website" />
<meta property="og:title" content="{{event.name}}" />
<meta property="og:description" content="{{eventDescription event.information}}" />
<meta property="og:url" content="{{eventUrl url}}" />
<meta property="og:image" content="{{eventImage event}}" />
<meta property="og:image:width" content="500" />
<meta property="og:image:height" content="500" />
<meta property="fb:app_id" content="#####" />
我的活动没有图标,因此我无法设置标记:
<link rel="shortcut icon" href="###.ico" type="image/x-icon">
我尝试使用.png
图片进行设置但不起作用。那么,我还能做些什么来查看我的网站并使用图片,标题和描述渲染该框?
答案 0 :(得分:1)
我刚刚发现了正在发生的事情。当您尝试向Facebook或Twitter抓取工具提供信息时,您需要一种特殊的方式来执行此操作。因此,您必须使用过滤器和动态内容创建一个爬虫路径(正如您在本教程中看到的那样:Tutorial)。
使用whatsapp,您无需担心服务器端呈现。当我在<head>
上直接创建我的开放图元标记。
Eddited:
因为我需要动态工作的元标记,所以我不得不停止在<head>
上直接使用。但docHead()或任何软件包都不适合我。所以我意识到whatsapp可以在服务器端工作,并使用我已经拥有的相同og:
标签。
我只需要找到它的WhatsApp/2.17.107 A
用户代理,并像在服务器端路由上那样为其他代理添加permition。