Google Plus 列出了您的所有 +1,并带有被 +1 的网页的小预览。Techcrunch 和 Mashable 的预览是文章的第一句话,但对我来说,它只需要页面上的第一个 HTML(在我的例子中是导航)。如何让它针对此预览而不是导航的文章?
我查看了API,找不到任何可以做我所说的事情的东西。
Google Plus 列出了您的所有 +1,并带有被 +1 的网页的小预览。Techcrunch 和 Mashable 的预览是文章的第一句话,但对我来说,它只需要页面上的第一个 HTML(在我的例子中是导航)。如何让它针对此预览而不是导航的文章?
我查看了API,找不到任何可以做我所说的事情的东西。
好吧,您有三个选项可以避免 G+ 尝试最佳猜测。
1)(首选)用微数据标记您的网站。请参阅http://schema.org和可能的 Google Webmaster Tools 帮助部分,了解微数据和 Opera 开发者资源。
它看起来像:
<body itemscope itemtype="http://schema.org/Article">
<h1 itemprop="name">Article Title</h1> <!-- snippet title -->
<img itemprop="image" src="image-url"></img> <!-- the snippet icon -->
<p itemprop="description">Snippet text.</p>
</body>
这个想法是标记您已经用作片段基础的部分。雅虎、微软必应、谷歌和其他一些搜索引擎也将尝试在他们的搜索片段以及未来的浏览器版本(例如书签)中尊重这一点。
2) 使用 facebook Open Graph 协议(它不是有效的 html,但使您的代码片段与 facebook“共享”兼容)。
它看起来像(把它放在你的部分)
<meta property="og:title" content="Your snippet title"/>
<meta property="og:image" content="url://of-your-snippet-image.jpeg"/>
<meta property="og:description" content="Your snippet text goes here"/>
3)设置标题和描述元标签。
<meta name="title" content="Your snippet title" />
<meta name="description" content="Your snippet text goes here">
您需要使用itemprop标签来告诉 +1 您想使用什么。
有很多方法可以解决它:
您可以在打开的 HTML 声明中添加以下标签:
<html itemscope itemtype="http://schema.org/Article">
然后添加以下元描述符:
<meta itemprop="name" content="Your article's title" />
<meta itemprop="description" content="Your article's description or excerpt" />
最后将其添加到您要使用的图像中:
<img itemprop="image" src="image.jpg" />