google plusで共有したいのですが、共有しているページがjqueryモバイルサイトのajax経由で読み込まれるため、スニペット情報を自分で入力できるようにする必要があります。
そうは言っても、URL(Facebook共有スタイル)またはJavaScriptを介して情報を設定する必要があります。
google plusで共有したいのですが、共有しているページがjqueryモバイルサイトのajax経由で読み込まれるため、スニペット情報を自分で入力できるようにする必要があります。
そうは言っても、URL(Facebook共有スタイル)またはJavaScriptを介して情報を設定する必要があります。
表示されるリッチスニペットを変更しようとしている場合は、スニペットツールを使用してschema.orgを作成し、それをサイトに配置する必要があります。共有リンクはそのページになり、表示方法に設定された属性が含まれます。共有するコンテンツのタイトル、画像、説明を指定できます。
何かを共有するためのリンクを作成しようとしている場合は、共有ダイアログへの直接リンクを作成できます。例えば、
<a href="plus.google.com/share?url={your url}">Click to share</a>
{yoururl}への共有リンクを作成します。
jQuery mobileは実際のクライアントで多くの情報をレンダリングしているため、上記のようなURLを生成する必要がある場合があります。このURLは、スキーマ内の適切なコンテンツとサイトへのリダイレクトを含む別のページを指します。 。共有リンクをたどると、ユーザーはjQueryモバイルページにリダイレクトされます。Googleは、リダイレクト元のページに到達すると、schema.orgマークアップを読み取り、スニペットを正しく計算します。次の例は私のために働きます:
<html itemscope itemtype="http://schema.org/Article">
<head>
<meta itemprop="name" content="Example">
<meta itemprop="description" content="This is the most awesome thing ever.">
<meta itemprop="image" content="http://placekitten.com/250/250">
</head>
<body>
<script>window.location='http://istoocute.com/#kittens';</script>
<a href='http://istoocute.com/#kittens'>Click here if you're not redirected</a>
There's really nothing to see here, move along...
<img src="http://placekitten.com/250/250" />
</body>
</html>
私の状況では、先に進んで schema.org を使用することができました。これは、私のページの 1 つを表示すると、キャッシュされたページのリストの最初のページに「昇格」されるためです。したがって、ページ A から開始してページ B を参照し、Google が提供した URL を検索したときにページ B を共有したとしても、ページ B はページ A の前にあるため、schema.org メタデータが使用されます。
独自のリダイレクトページを作成して、このようなものを渡すことに疑いの余地はありません
?redirect_url=http://google.com&img=your_image.jpg&description=its great&title=a product
動作します。覚えておくべき唯一のことは、Google がそのページを見てリダイレクトされない (ボットは js を使用しない) ときに、そのように JavaScript リダイレクトを使用する必要があることですが、人がページにアクセスすると、リダイレクトされます。実際のページ。
https://developers.google.com/+/plugins/+1button/#configuration - 必要な構成設定を示します。