image - ソーシャル サイトのブログ画像

Question

私が自分のブログに画像を載せると、それらが Google のようなソーシャル サイトに含まれるようになります。さらに、Google は最初に見つけた画像を取得して投稿に含めるようです。ただし、ページに特定の画像を含めたいです。イメージタグでこれに設定する特定の属性はありますか?

Answer 1

ソーシャル メディアは通常、Open Graph マークアップを使用してページを理解します。たとえば、ブログ投稿の主役の画像や、切り捨てられない短い説明などを伝えることができます。

<meta property="og:image" content="http://www.yourblog.com/yourimage.jpg" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Your title" />
<meta property="og:url" content="Your canonical URL" />
<meta property="og:description" content="Your description" />
<meta property="og:site_name" content="Your site name" />

ソーシャル メディアでのブログ投稿の外観を制御するための簡単なガイドを書きました。たとえば、新しい Twitter カードをご存知ですか。 ウェブサイトをソーシャル メディアで見栄えよくする方法

Answer 2

まず、投稿に「注目の画像」を設定してください。投稿の本文に含める必要さえありません。[メディアを追加] ボタンを使用してアイキャッチ画像を設定するだけです。

次に、メタ プロパティを単一の投稿ヘッダーに追加しog:imageて、他のサイトがこの画像を自動的に取得できるようにします。

これを行う最も簡単な方法は、Yoast による WordPress SEOのような SEO プラグインをインストールすることです。これにより、「og:image」プロパティと、他のソーシャル ネットワークをターゲットとする他のいくつかのプロパティが自動的に作成されます。