ソーシャルメディア用の共有可能なコンテンツ画像を作成する方法

完璧な記事への道のりは長いです。聴衆を魅了するようなトピックを選択してください。印象的なタイトルを見つけてください。内容を草案します。準備ができるまで、何度も読んで、何度も読んでください。

ただし、この仕事を完了するにはさらにひとマイルあります。多くの人は通過することを気にしません。投稿がソーシャルネットワークで共有可能であることを確認してください。

「これは自動です！」と言うかもしれません。確かに、まともな WordPress インスタンスには、細かい部分を処理してくれるプラグインが付属しています。 Facebook Open Graph や Twitter Cards について知る必要さえありません。

しかし、これは話の半分にすぎません。記事のメタがソーシャルネットワーク上でそのまま再利用されるのは問題ないかもしれません。しかし、これは決して素晴らしいことではありません。

Web サイト上のコンテンツとソーシャルネットワークの比較

コンテンツを共有できるようにする方法を説明する前に、Web サイトやソーシャルネットワーク上でメディアがどのように表示されるかを見てみましょう。なぜなら、これらはしばしば大きく異なるからです。

ブランド認知度

ブランド化は重要です。強力なブランドは、顧客ロイヤルティの向上、口コミの促進、新規顧客の獲得に役立ちます。企業ブログの場合はよくあることですが、実際にブランド構築がブログの主な目的である可能性があります。

記事が Web サイトに公開されると、ブランディングは Web サイト自体によって処理されます。

ドメイン名がブラウザのアドレスバーに表示されます。
Web サイトには多くの場合、ロゴが埋め込まれ、ロゴのメインカラーを背景色として使用するトップレベルのナビゲーションバーがあります。
デザインの独自の機能 (フォント、レイアウトなど) により、再訪問者が Web サイトを認識しやすくなります。
タブ内のファビコン。

記事がソーシャルネットワークで共有されるとブランドはどうなりますか?それは（ほとんど）なくなっています。

Facebook で共有記事がどのように表示されるかを確認してみましょう。

主なコンポーネント:

画像。通常、これは大きな画像であり、訪問者の Facebook 友達が最初に気づく要素です。
タイトル。太字で表示されているのは、最初に読まれるテキストです。
説明。
元のドメイン名。この要素は大文字と明るいグレーで表示されるため、見落とされがちです。

これらの要素は通常、追加情報で囲まれています。上には、記事を共有した人のプロフィール写真と名前、およびコメントが表示されます。以下、いいねとコメント。

ウェブサイトに広く浸透していたこのブランドは、今ではほとんど見えなくなりました。最悪の場合: ドメイン名がブランド名とわずかに異なります (例: 「The New York Times」は「nytimes.com」になります)。

アイキャッチ画像

通常の WordPress 投稿にはアイキャッチ画像が付属します。このフリーサイズの画像はさまざまな目的に役立ちます。 1 つ目は、ブログのメインページなどの記事リストにタイトルを付けることがよくあります。これにより、閲覧しやすいリストのデザインが作成され、訪問者は興味のあるものやすでにレビューしたものを簡単に見つけることができます。

注目の画像は、記事ページ自体の上部にも定期的に表示されます。コンテンツを読むためのフレンドリーな招待状を作成し、圧倒的なテキストブロックの拒否を防ぎます。

このイメージは、社内のあらゆる要件に従うことができます。ワイド画像、たとえば 16:9 ですか?もちろん！四角いイメージ？なぜだめですか！背が高いイメージ？オリジナルデザインが出来上がります！

通常、注目の画像はソーシャルネットワークの共有用にそのまま再利用されます。問題は、ルールがソーシャルネットワークによって設定されるようになったということです。ひねりを加えますと、ソーシャルネットワークはほとんど文句を言わず、独自の要件に合わせて注目の画像を黙ってトリミングします。

ほとんどの場合、これで問題ありません。画像の左右または上下をわずかにトリミングするだけで、まるで人間がやったかのような仕上がりになります。

ただし、自動トリミングが正しくない場合もあります。たとえば、ティム・フェリスによるインタビューでは、アンドリュー・ワイル博士は元気そうに見えます。

Facebook で共有すると、彼は頭の一部を失います。

主な問題は結果そのものではありません。結果は妥当なものであると主張する人もいるだろう。本当の問題は、制御されていない自動操縦です。タスクは Facebook だけに任せられていました。この記事は 1,000 回以上シェアされたのに残念です。

タイトルと説明

テキストのメタデータも、Web サイトとソーシャルネットワーク間の不一致の原因になります。

Web サイトでは、通常、タイトルに割り当てられるスペースは無制限です。あなたが冗長になりがちな場合、ウェブサイトは喜んでそれに応じます。

ソーシャルネットワークはまた別の話です。 Facebook ではタイトルを 2 行までに制限しており、長すぎるタイトルは切り捨てて省略記号を追加しています。これはプラットフォームと組み合わせる必要があります。デスクトップブラウザーは、スマートフォンのネイティブアプリよりも大きな画面の恩恵を受けます。

これは重大な問題ですか?おそらくそうではありません。しかし、通常ではないのは、知らないうちにタイトルが切り捨てられることです。

説明は、追加情報を伝えるために使用できる別のテキスト情報です。 Facebookはそれを示しています：

しかし、LinkedIn は次のことを行いません。

したがって、LinkedIn で共有される可能性が高い B2B ブログでは、利用可能なスペースを活用するために長いタイトルを使用し、めったに見られない説明にはほとんど力を入れない方がよいでしょう。

訪問者があなたのコンテンツを共有するときにあなたのブランドを目に見えるようにします

問題は以上でした。解決策を講じる時が来ました！コンテンツがソーシャルネットワークで共有されると、ブランドはただ洗い流されてしまいます。しかし、利用できる言論の自由の空間、つまりイメージがあります。

それに直面しよう。アイキャッチ画像は、多くの場合、インスピレーションに欠けています。悪くはない、確かにそうではない。しかし、それらにはオリジナリティが欠けており、類似した画像の海の中で目立たなくなります。

写真芸術に革命をもたらすことはできませんが、そのような画像は少なくともあなたのブランドを伝えることができます。

これにより画像がより魅力的になるわけではありませんが、WPExplorer のロゴが表示されるようになります。カジュアルなソーシャルネットワークユーザーは、以前に WPExplorer を使用していたために、このロゴに気づき、以前にこのロゴを見たことに気づき、さらにはこの記事に数秒注目したり注目したりする機会があります。

物語はそこで終わる必要はありません。通常の写真ストック画像を使用していても、注目の画像にアイデンティティを与えることができます。 WPExplorer の記事がソーシャルネットワークで表示されると、突然、左下隅に白いロゴが付いた濃い青灰色の画像になります。このデザインを何度か見た人は、たとえすぐにスクロールして消えてしまったとしても、それに気づき始めるかもしれません。

投稿用に共有可能な画像を作成する方法

ほとんどの場合と同様、投稿画像にブランドアイデンティティを追加するには、難しい方法と簡単な方法があります。

手動（ハードウェイ）

確かに、これらの実践を実行することはロケット科学ではありません。画像は業者または自分で編集できます。正式に公開される前に記事を共有したり、iPhone でレビューしたりすることができます。

画像編集セッションの準備はできましたか?アイキャッチ画像を取得し、好みのソフトウェアまたはサービス (この無料の画像リサイザーなど) を起動して、専用のサイズを作成します。

Facebook と LinkedIn は 1200×630 の画像を想定しています。 画像が小さいと、高解像度の画面では品質が低下する可能性があります。より大きな画像はまったく処理されない可能性があります。予想される 19.1:10 の比率を持たない画像は、共有後に切り取られたり、まったく異なるレイアウトが生成されたりする可能性があります。 Facebook はソーシャルメタデータのスイスアーミーナイフである Open Graph に依存していることに留意してください。ほとんどのサービスはそれらを検索し、独自の制約を適用します。事実上の標準である Facebook の期待に忠実であることが重要です。
Twitter は厳密な解像度を強制しませんが、最小サイズと最大サイズの 2:1 の比率を指定します。 1500 × 750 が最適ですが、画像をもっと小さくしたい場合もあります。
Pinterest はさらに複雑です。 600×600の正方形の画像が必要です。または縦長の 600×900 の画像実際には、1:1 から 2:3 までの範囲内であれば何でも大丈夫です。ああ、非常に縦長の 600×1260 画像もサポートされています。これらの形式は 2018 年に更新されたため、以前の前提は現在では古くなっている可能性があります。

画像を作成したら、画像を編集してブランドを追加します。一つずつ。これは簡単であると同時に退屈でなければなりません。特に、Facebook と Twitter では異なる比率の画像が必要であるため、この操作を少なくとも 2 回実行する必要があることを考慮すると、なおさらです。

このアプローチの主な問題は時間です。記事を書くということは、すでに時間とエネルギーを消費する長いプロセスです。余分な手順を追加したくありません。

自動的に (簡単な方法)

では、ブランドイメージを効率的に作成するにはどうすればよいでしょうか?優れたソーシャルメディア WordPress プラグインはたくさんありますが、それらはサイトに「共有」ボタンを追加するだけです。実際には、投稿メディアを共有するためにフォーマットしたり最適化したりするのには役立ちません。

ここでWordPressプラグインが便利になります。具体的には、WordPress 用 Resoc Social Editor を使用すると、ほとんどのプロセスが自動化され、手動部分を数秒で処理できるようになります。

Resoc ソーシャルエディターは、通常の投稿エディターの下にあるオプションパネルです。これは、ソーシャルネットワーク用の WYSIWYG (「見たものは得られるもの」) エディターと考えることができます。

オーバーレイ画像を一度デザインして、2 回クリックするだけでアイキャッチ画像に適用できます。または、ソーシャル画像が自動的にブランド化されるようにデフォルトに設定します。

Facebook の自動トリミングは、現在の画像ではそれほど優れていませんか?画像をドラッグするか、マウスで拡大/縮小するだけです。外部ツールは必要ありません。

タイトルと説明のエディションはもはや推測ではありません。入力中に、主要なプラットフォームで記事がどのように表示されるかを確認できます。

結論

ソーシャルメディア用に共有可能なコンテンツを作成する場合、「十分な品質」が事実上の品質標準です。「優れた」状態に到達するには、はるかに多くの時間と労力が必要となるため、これは驚くべきことではありません。

Resoc Social Editor for WordPress は契約を変更します。これらのタスクが半自動または完全に自動化されると、ソーシャルネットワークで共有されたときに記事を目立たせることが簡単になります。

今日では、これが簡単に差別化要因になり得ます。非常に多くのありふれたストック写真がアイキャッチ画像として使用されているため、ロゴを追加するという単純な変更を加えるだけで、繰り返し露出することで注目を集め、さらにはブランド認知度を高めるのに十分です。

最初の一歩をさらに簡単にするために、Resoc チームはブランドアイデンティティオーバーレイを無料でデザインします。プラグインがインストールされたら、投稿を編集し、[新しいオーバーレイを作成] をクリックし、[無料のブランドアイデンティティオーバーレイを申請] をクリックすれば、完成です。