web-dev-qa-db-ja.com

FacebookやGoogle+にURL情報をインポートする機能は何ですか?

リンクを使用するだけで、見出し、短い説明、画像を自分のWebサイトにインポートできるようにしたいと思います。

私はJoomlaを使用していますが、CMSに切り替えることも、自分で拡張機能を構築することもできます。問題は、サンプルコードを探す場所や、何を探すべきかわからないことです。

私にとっては、プロセスがそれほど難しくないように思えます。また、コードはそこになければなりません。少し調整することで、おそらく他の誰かのものを使用できますが、何を検索すればよいかさえわかりません。

2
Michael

お探しの機能は、OPEN GRAPHと呼ばれます。 Facebookの情報を伝える、サイトのヘッドに配置する単なるメタタグの束。そうすれば、誰かがあなたのサイトをFacebookで共有すると、Facebookはその情報を使用して投稿を埋めます。これには、共有イメージが含まれます。

使用するメタタグを次に示します(xxxを適切な値に置き換えます)。 JoomlaについてはJackを知りませんが、ヘッドコンテンツを操作したり、独自のコンテンツを追加したりするプラグインや方法があると確信しています。

<meta property="og:title" content="xxx">
<meta property="og:description" content="xxx">
<meta property="og:type" content="website">
<meta property="og:url" content="http://xxx.com">
<meta property="og:site_name" content="xxx">    
<meta property="og:image" content="http://xxx/social/fb/facebook-share.png?v=1_ONDx13831750750541"/>
<meta property="fb:page_id" content="" />
<meta property="og:phone_number" content="1-800-000-000"/>
<meta property="og:street-address" content="xxx"/>
<meta property="og:locality" content="xxx"/>
<meta property="og:region" content="xxx"/>
<meta property="og:postal-code" content="xxx"/>
<meta property="og:country-name" content="xxx"/>            
3
Frank

URLをGoogle+またはFacebookに貼り付けると、投稿にそのページの情報が自動的に入力されます。あなたのサイトにその機能を複製しようとしているようです。

そのためには、ページをクロールして情報を収集する必要があります。たとえば、FacebookはURLが共有されている場合、次のユーザーエージェントとボットを使用してページをダウンロードします:facebookexternalhit/1.1 (+https://www.facebook.com/externalhit_uatext.php)

クローラーは、そのページから情報を抽出する必要があります。たとえば、ページタイトルは<title>タグの間にあります。説明は<meta name="description" content="...">タグにあります。画像は<img>タグから取得できます。 Facebookでは、ユーザーがページのどの画像を使用するかを選択できます。

0