他のテーマからNishikiテーマへ移行された方へ トップページやアイキャッチ画像など ウェブサイトの見栄えがよくなる 「テーマ専用おすすめ設定」を紹介しています。 ぜひ一度、ご確認ください!テーマ専用おすすめ設定を見る

今の時代、ソーシャルメディアを使って自分のウェブサイトを知ってもらう施策は欠かせないとは思いますが、例えば「記事書きました!」「こんなサービス始めました!」など、運営しているウェブサイトのURLを含めてTwitterやFacebookなどに投稿することはあると思います。

投稿した内容が「どう見えるか」を意識しよう

ところで、自分のウェブサイトのURLは「ソーシャルメディアにシェアされた時に、どう見られているのか」を意識したことはありますか。

今回は、TwitterやFacebookの投稿に私のブログ記事のURL(https://www.imamura.biz/blog/30705)を含めた場合を例にして見ていきましょう。

Twitterの場合

Facebookの場合

Twitter、Facebookのどちらの投稿にも、私のブログ記事のURL(https://www.imamura.biz/blog/30705)の情報が含まれていますね。

投稿にこんな情報が含まれている

  • 記事のタイトル
  • 記事の概要
  • 記事に設定されているアイキャッチ画像

以上が前提で、以下が本題です。

投稿に情報を含めるにはOGPを設定しましょう

Twitter、FacebookなどにウェブサイトのURLの情報を含めたい場合は「OGP(Open Graph Protocol)」の設定を行いましょう。

OGPは、ウェブサイトを運営している方の中で、ソーシャルメディアに情報発信する方にとっては「ほぼ必須の設定」とも言えます。

この機会に一度「自分のウェブサイトにはOGPが設定されているかどうか」を確認しましょう。もし、Twitter、Facebookなどに投稿した際に「ウェブサイトの情報が含まれていない!」という場合は、OGPの設定をぜひおすすめします。

というわけで、さっそく設定方法をご紹介します。

WordPressにOGP設定を行う方法

WordPress(ワードプレス)でウェブサイトを構築していることを前提とします。WordPressには、OGPを設定できる便利な「Yoast SEO」というプラグインがありますので、インストール・有効化してください。

※Yoast SEOは設定項目がかなりたくさんあるので、今回は最低限の設定のみご紹介します。

まずはWordPressの管理画面から「SEO」→「ソーシャル」を選択します。

ソーシャル設定画面に移動するので、まずはFacebookの設定から始めましょう。

Facebookの設定

Facebookタブを選択して「Open Graph メタデータを追加する」を「有効」に設定します。

トップページの設定

次に、ウェブサイトのトップページをFacebookにシェアされた時の見え方をカスタマイズします。下の画像の「フロントページ設定」から、画像、タイトル、説明文を入力してください。

投稿ページ・固定ページの設定

次に、下の画像の「デフォルト設定」で投稿ページ・固定ページのURLをFacebookにシェアされた時の見え方の設定をします。基本的に、投稿ページ・固定ページの情報を元に自動で作成されますが、画像が設定されていない場合の代替え画像を設定しましょう。

これでFacebookの設定は終わりです。続いて、Twitterの設定を行います。

Twitterの設定

下の画像にある「Twitter card のメタデータを追加」を「有効」に設定します。

カードタイプの設定

次に、下の画像の「使用するデフォルトカードタイプ」を設定します。このページの公開時点では「Summary」「大きな画像付きのSummary」の2パターンから選ぶことができます。お好みで選びましょう。

以上で設定は完了です。設定が反映されると、Twitter、Facebookの投稿にウェブサイトのURLが含まれるはずです。

もし「設定したのにうまくいかない」という場合は、以下のツールを使ってご確認ください(詳しい操作説明は省きます)。

Nishikiテーマなら専用プラグインを入れるともっと感覚的に設定できます

WordPressテーマNishikiを利用している方は、テーマ専用プラグインに以下の「メタ情報」の拡張機能を導入すれば、より感覚的な操作でOGPを設定することができます。

詳しい解説や設定方法は、以下のページをご参考ください。

まとめ

というわけで、ウェブサイトを運営している方の中で、ソーシャルメディアを活用して情報発信されている方は、OGPの設定をおすすめします。

Nishikiテーマ専用プラグイン無料配付中 ウェブサイト運営に役立つ機能を搭載しています。 ↓プラグインのダウンロード↓ Download Nishiki Growing Beauty 本体 nishiki-growing-beauty.zip(166 KB) インストール方法はこちら

このページをシェアする

このページの著者について

bouya Imamura

東京都北区十条にあるウェブサイト(ホームページ)制作会社AnimaGateの代表をやっています。サポトピアでは自社製品・サービスの全般的な開発・管理などを行っています。これまで数多くのウェブサイトの新規作成・リニューアル・運営などを経験し、WordPress(ワードプレス)公式テーマ・公式プラグインなど、ウェブサイト運営に役立つ様々なツールを開発・公開しています。著書「現場のためのSwift4 実務で『本当』に通用する開発者になるための教科書」販売中です。→ブログはこちら