14

Facebook (Google+ なども同様) で Web サイトへのリンクを投稿すると、サムネイル、または選択できるサムネイルの選択肢が表示されます。これらは HTML のタグです。

CSS を使用して h1 タグ内の背景画像としてロゴを作成することは良い習慣であると常に考えてきました。h1 タグをホームページへのリンクにして、ヘッダー テキストを {text-indent: -9999px} のようなもので非表示にし、素敵なセマンティック HTML ヘッダーを残します。ご覧になりたい場合は、私のサイトへのリンクを次に示します: http://tempertemper.net

これの問題は、背景画像であるため見落とされることです。

この目的のためだけに HTML の上部にカスタムを投稿し、ページの横に隠すのは良い考えでしょうか? わかりません、少し面倒なようです。タグを h1 内に配置することもできますが、ロゴは特定の目的のために設計されているため、適切な形状にはなりません。

この目的のためのメタ タグがあるか、正常にロードされない特定のイメージを FB に強制的にプルさせる手法があるのではないでしょうか? これに関するアイデアやヒントはありますか？

4

5 に答える 5

19

はい、Facebookがどの画像を選択するかを認識できるようにメタタグを設定できます。

参照：https ：//developers.facebook.com/docs/opengraph/

具体的には、これはog:imageプロパティであり、Facebookのリンク共有スクリプトにその画像をサムネイルとして選択するように指示します。

ただし、Facebookはキャッシュを実行するため、リンクを一度共有している場合は、古い画像の使用に「行き詰まっている」可能性があることに注意してください。

FacebookのURLLinterを使用すると、FacebookがWebサイトから何を取得しているかを確認できます。参照：http ： //developers.facebook.com/tools/lint/（URL Linterを使用すると、Facebookのキャッシュも再構築されます）

于 2011-08-04T14:52:08.227 に答える
1

他の人が答えたように、私が（https）を使用している場合にのみ機能します

<meta property="og:image" content="https://link.to/image.png" />

それ以外の

<meta property="og:image" content="http://link.to/image.png" />
于 2019-05-25T15:31:11.557 に答える
0

あなたがimgが好きだったが、cssに入れたらどうなるでしょう

#logo{
display: none; }

<img id="logo" src="yourlogohere.jpg">

画像はページに表示されませんが、Facebookが画像を表示するかどうかはわかりません

于 2011-08-04T14:52:22.543 に答える
0

すでに述べたように、og:imageopengraph プロパティでメタタグを使用するのが最善です。

それに加えて、opengraph メタタグを使用するプラットフォームは Facebook だけではありません。また、Google+、または Xing もそれを好んでいます。他の方は未確認です...

于 2015-03-09T15:28:57.267 に答える