プロフィールページに著者のTwitterとFacebookを表示する方法

WPBeginnerを始めた当初、読者はチュートリアルの背後にいる実際の人物とつながりたいと考えていることにすぐに気づきました。読者がソーシャルメディアで簡単に連絡を取れるようにせずにコンテンツを公開するのは、非人間的に感じられました。

プロフィールページにソーシャルリンクを表示することは、信頼を築き、カジュアルな訪問者を忠実なフォロワーに変えるのに役立ちます。この小さな変更がさまざまなプラットフォームでのエンゲージメントをどのように増加させるかを見てきました。

このガイドでは、著者のX(Twitter)とFacebookのリンクを、著者情報ボックスとプロフィールページに表示する方法を説明します。

プロフィールページに著者のTwitterとFacebookを表示する方法

サイトに著者のTwitterおよびFacebookプロフィールを表示する理由

ソーシャルメディアプラットフォームは、あなたのWordPressウェブサイトへのトラフィックを促進します。訪問者がソーシャルメディアであなたの著者を見つけやすくフォローしやすくすることで、ソーシャルトラフィックとエンゲージメントを増やすことができます。

そのため、WordPressでソーシャルメディアプロフィールを正しく設定するのに役立つソーシャルメディアチートシートを作成しました。

サイトに著者のソーシャルプロフィールを表示するとき、単にリンクを共有しているだけではありません。コンテンツの背後にいる実際の人物を示すことで、読者との信頼と信用を築いています。

この透明性は、サイトの権威を確立するのに役立ち、読者とチームの間のより強力なつながりを生み出します。

そのメリットは、関係構築にとどまりません。訪問者は、お気に入りの著者をソーシャルメディアでフォローし、新しい記事の通知をより早く受け取ることができます。

さらに、著者のソーシャルメディアプロフィールをサイトのスキーマに追加すると、Googleやその他の検索エンジンに肯定的な信頼信号を送信でき、検索ランキングを向上させることができます。

それを踏まえた上で、著者のTwitterおよびFacebookリンクをユーザープロフィールページに表示する方法を見ていきましょう。

  1. 方法1:著者情報にX(Twitter)とFacebookリンクを表示する
  2. 著者バイオボックスプラグインでソーシャルアイコンを表示
  3. ページビルダープラグインを使用して著者のソーシャルアイコンを表示する
  4. SEOのためにサイトのスキーマにソーシャルプロファイルを追加する
  5. 著者ソーシャルリンクに関するよくある質問
  6. WordPressの著者に関連する追加リソース

最も人気があり、最高のWordPressテーマ(専門家による選択)の最高のWordPressテーマのいくつかは、各記事の下に著者情報ボックスを表示します。この機能を使用して、著者のソーシャルプロフィールの簡単なリンクを表示できます。

WordPress管理画面のユーザー » 全ユーザーに移動し、著者の名前またはその下の「編集」リンクをクリックして、ユーザー編集ページを開くだけです。

全ユーザーリストでユーザーをクリックします

次に、「ユーザーについて」セクションまでスクロールダウンし、「略歴」ボックスを探してください。

もしそれが存在する場合、あなたのテーマは著者ボックスを組み込みでサポートしています。

ユーザープロフィールにHTMLソーシャルリンクを追加する

ここでは、テキストまたはHTMLを使用して著者の説明を入力できます。著者のTwitterおよびFacebookプロファイルURLには、次のようにHTMLリンクを手動で追加できます。

ADD BIO HERE. Follow them on <a href="https://twitter.com/USERNAME">X (Twitter)</a> and <a href="https://facebook.com/USERNAME">Facebook</a>.

著者の短い経歴を追加し、USERNAMEを実際のX(Twitter)およびFacebookのユーザー名に変更してください。

終了したら、ページの最下部までスクロールして、「ユーザーを更新」ボタンをクリックして設定を保存することを忘れないでください。

これで、投稿にTwitterとFacebookのリンクとユーザーの略歴が表示されます。デモウェブサイトでは次のようになります。

TwitterおよびFacebookリンク付き著者バイオのプレビュー

方法2:著者プロフィールボックスプラグインでソーシャルアイコンを表示する

テーマに著者略歴ボックスが表示されない場合、またはリンクの代わりにソーシャルアイコンを表示する、よりカスタマイズ可能なものが欲しい場合は、プラグインを使用できます。

Simple Author Box は、最高の無料の著者プロフィールボックスプラグインです。これにより、著者ソーシャルメディアリンクの追加を含む、著者プロフィールボックスのほぼすべての側面をカスタマイズできます。

まず、Simple Author Box プラグインをインストールして有効化する必要があります。詳細については、WordPress プラグインのインストール方法に関するステップバイステップガイドをご覧ください。

さらに多くの機能が必要な場合は、コンテンツの前または後に著者ボックスを表示したり、ウェブサイトリンクを追加したり、より多くのソーシャルアイコンスタイルを取得したり、ゲスト著者や共同著者を含めたりできるプロバージョンがあります。詳細については、Simple Author Boxのレビューをご覧ください。

有効化すると、プラグインは各ユーザープロファイルにソーシャルメディアフィールドを追加します。WordPress管理エリアのユーザー » 全ユーザーページに移動し、著者の名前またはその下の「編集」リンクをクリックするだけです。

全ユーザーリストでユーザーをクリックします

ヒント: 自分のユーザープロフィールをすばやく編集するには、ユーザー » プロフィールページに移動してください。

著者プロフィールの下部までスクロールすると、著者バイオボックスプラグインによって追加された新しいフィールドがいくつか表示されます。

「ソーシャルメディアリンク(シンプルな著者ボックス)」というラベルのセクションが表示されるまでスクロールします。次に、ドロップダウンメニューから「Facebook」を選択し、FacebookプロフィールのURLを次のフィールドに貼り付けます。

著者プロフィールボックスを使用してFacebookプロフィールを追加する

次に、「+ 新しいソーシャルプラットフォームを追加」というラベルのボタンをクリックできます。

Twitter URLを追加できる新しいドロップダウンとフィールドが追加されます。

シンプル著者ボックスを使用してFacebookとTwitterリンクを追加する

これが完了したら、設定を保存するために「ユーザーを更新」ボタンをクリックしてください。

これで、著者のプロフィールが投稿の下部にFacebookとTwitterのアイコンとともに表示されます。これらのアイコンをクリックすると、訪問者は著者のソーシャルプロフィールに移動しますが、これらのリンクはWordPressブログと同じウィンドウで開きます。

ソーシャルアイコン付きのSimple Author Boxのプレビュー

リンクを新しいタブで開くことを希望する場合は、外観 » シンプル著者ボックスページに移動し、「要素」タブをクリックしてください。

そこに着いたら、「ソーシャルアイコンリンクを新しいタブで開く」というオプションを見つけて、オンの位置に切り替える必要があります。

シンプル著者ボックスのアイコンを新しいタブで開く

これで、著者のソーシャルプロフィールが新しいタブで開きます。

方法3:ページビルダープラグインを使用して著者のソーシャルアイコンを表示する

ソーシャルアイコン、お客様の声、最近の記事、星評価、画像カルーセルなどを備えたカスタム著者プロフィールページを作成したい場合は、SeedProd のようなプラグインの使用をお勧めします。

SeedProdは、WordPress向けの最高のドラッグ&ドロップページビルダープラグインです。コーディング不要で、カスタムWordPressテーマやページレイアウトを簡単に作成できます。

まず、SeedProdプラグインをインストールして有効化する必要があります。ヘルプが必要な場合は、WordPressプラグインのインストール方法に関するチュートリアルをご覧ください。

注: SeedProd の無料版もあります。しかし、カスタム著者ページを作成するには、Pro 版が必要です。

プラグインがアクティブになったら、WordPressダッシュボードからSeedProd » Theme Builderに移動し、「Theme Templates Kit」ボタンをクリックします。

テーマテンプレートキットボタンをクリックします

ここから、SeedProdの既製のウェブサイトキットのいずれかを選択できます。

好みのデザインにカーソルを合わせ、チェックマークアイコンをクリックして選択するだけです。

SeedProd ウェブサイトキットテンプレートを選択

SeedProdは、ホームページ、ブログページ、会社概要ページなど、ウェブサイトに必要なすべてのテンプレートパーツを含むウェブサイトキットをインポートします。

これらのページはすべてSeedProdのテーマビルダーを使用してカスタマイズできます。詳細については、カスタムWordPressテーマを作成する方法に関するガイドを参照してください。

次に、「新しいテーマテンプレートを追加」ボタンをクリックして、新しい著者ページテンプレートを作成する必要があります。

SeedProdで著者ページテンプレートを作成

すべてのライターに同じ著者ページレイアウトを作成することも、特定のライターごとにユニークな著者ページを作成することもできます。ステップバイステップの説明については、WordPressにカスタム著者プロフィールページを追加する方法に関するガイドを参照してください。

著者ページテンプレートを作成したら、カスタマイズを開始できます。これは、SeedProdの既製のブロックを使用して簡単に行えます。これらのブロックをページにドラッグアンドドロップできます。

例えば、著者のあらゆる情報を紹介するために、見出し、テキスト、画像、著者紹介、著者ボックス、投稿などのブロックを追加できます。

著者プロフィールページにソーシャルプロフィールを追加するには、左側にある「ソーシャルプロフィール」ブロックを見つけて、表示したいページにドラッグアンドドロップするだけです。

著者プロフィールページにソーシャルプロファイルブロックを追加する

デフォルトでは、このブロックはFacebook、Twitter、Instagram、YouTube のソーシャル共有アイコンを表示します。

次に、新しく追加されたブロックをクリックして、その編集パネルを開きます。ここで、ドロップダウンリストから新しいソーシャルメディアプラットフォームを選択できます。

SeedProdでソーシャルプロファイルブロックを編集する

カスタムソーシャルメディアプロフィールのボタンを作成するには、ドロップダウンリストから「カスタム」オプションを選択します。

次に、歯車アイコンをクリックして設定を開きます。

カスタムソーシャルメディアプロフィールアイコンを作成

これで、SeedProdの組み込みアイコンライブラリからソーシャルメディアアイコンを選択できます。

ソーシャルメディアプロフィールのURLを入力する必要があります。

ソーシャルプロフィールのURLを追加し、アイコンを選択

アイコンの色、サイズ、配置、スタイルを変更したり、高度な設定を構成したりすることもできます。カスタマイズが完了したら、画面上部にある「保存」ボタンをクリックして、テーマビルダーを終了します。

最後に、カスタム著者ページを公開するためにSeedProdテーマを有効にする必要があります。

そのためには、SeedProd » Theme Builder に移動します。そこから、「SeedProd テーマを有効にする」トグルを見つけて、「はい」の位置に切り替えます。

SeedProdテーマを有効にする

これで、カスタム著者プロフィールページがWordPressサイトで公開されます。

方法4:SEOのためにサイトのスキーマにソーシャルプロフィールを追加する

All in One SEO (AIOSEO)は、300万以上のウェブサイトで使用されているオリジナルのWordPress SEOプラグインです。著者プロフィールページにソーシャルプロフィールのフィールドを追加することもできます。

他の方法とは異なり、この方法はウェブサイトのSEOを改善します。なぜなら、AIOSEOはこれらのソーシャルプロフィールをサイトのスキーママークアップに追加するからです。

問題は、AIOSEOが自動的に著者バイオにそれらを表示しないことです。しかし、心配しないでください。その方法を説明します。

このチュートリアルでは、All in One SEOの無料バージョンを使用します。これは、ウェブサイトと各ユーザーのソーシャルプロファイルを追加できるためです。ただし、AIOSEO Proは、検索エンジンの結果ページでのランキングを向上させるためのさらに多くの機能を提供します。

まず、無料のAll in One SEO Liteプラグインをインストールする必要があります。詳細については、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。

AIOSEOプラグインをセットアップしたら、ユーザー » 全ユーザーページに移動し、著者の名前またはその下の「編集」リンクをクリックする必要があります。

全ユーザーリストでユーザーをクリックします

これにより、その著者のユーザー編集ページが開きます。

AIOSEOがページの先頭にソーシャルプロファイルタブを追加したことに注意してください。今すぐそのタブをクリックする必要があります。

All in One SEOソーシャルプロファイルタブ

これで、提供されたボックスにユーザーのソーシャルプロファイルのURLを入力できます。たとえば、次のようになります。

https://facebook.com/johnsmith345
https://twitter.com/johnsmith345

ユーザー名を追加するだけでは不十分であることに注意してください。

または、著者が複数のソーシャルネットワークで同じユーザー名を使用している場合は、「複数のソーシャルネットワークで同じユーザー名を使用する」というラベルのボックスをクリックできます。

同じユーザー名で複数のソーシャルネットワークをすばやく追加

その後、そのユーザー名を入力して、それが使用されているソーシャルネットワークを確認できます。他のソーシャルネットワークについては、以前と同様に完全なURLを入力するだけです。

完了したら、ページ下部にある「ユーザーを更新」ボタンをクリックして変更を保存します。

Proのヒント: ビジネスまたはウェブサイトのTwitterおよびFacebookプロフィールをお持ちの場合は、All in One SEO » Social Networks にアクセスし、ソーシャルプロファイルタブでリンクを追加することで、同様の方法でサイトのスキーマに追加できます。

著者のソーシャルメディアプロフィールがサイトのスキーマに追加され、検索エンジンがサイトをより良く理解できるようになりました。ただし、まだウェブサイトに表示されていません。

代替案: AIOSEOの著者SEOアドオンで著者のTwitterおよびFacebookリンクを表示する

AIOSEO Proを使用している場合、強力な著者SEOアドオンにアクセスできます。これは、スキーママークアップと著者バイオで経験、権威、信頼性を示すことにより、Google E-E-A-Tシグナルを改善するのに役立ちます。

さらに、プラグインの無料バージョンとは異なり、著者プロフィールにTwitterとFacebookのリンクを自動的に表示できます。

Proプラグインが有効になったら、WordPress管理ダッシュボードからユーザー » 全ユーザーに移動するだけです。

次に、著者の名前の下にある「編集」リンクをクリックします。

WordPressでユーザープロフィールを編集する

次に、ページ上部の著者SEOタブをクリックします。

これにより、著者のSEOページが開かれ、著者に関する詳細を追加できます。

著者SEOタブをクリックします

まず、「著者情報の有効化」トグルが「オン」の位置にあることを確認してください。

その後、学歴、雇用主、役職、専門分野などの詳細を追加して、E-E-A-Tシグナルを検証できます。

E-E-A-T の著者情報を追加する

著者画像、著者抜粋、および完全な著者紹介を追加することもできます。

著者バイオの書き方に関するガイドをご覧になることをお勧めします。

著者バイオと画像を追加

次に、ページの下部までスクロールして、Facebook と Twitter のプロフィール URL を追加できます。

Instagram、TikTok、YouTube、PinterestなどのURLを追加することもできます。

著者SEOにTwitterおよびFacebookプロファイルURLを追加する

その後、スイッチを切り替えて、著者バイオを投稿に追加オプションを有効にします。

これにより、ユーザーが書いたすべての投稿にコンパクトな著者紹介が自動的に表示されます。

投稿に著者略歴を追加する設定を有効または無効にする

著者SEOページへの入力が完了したら、「ユーザーを更新」ボタンをクリックして変更を保存します。

これで、投稿を訪問して、ソーシャルネットワークリンク付きの著者バイオが機能しているのを確認できます。デモサイトでは次のようになりました。

AIOSEO著者バイオのFacebookおよびTwitterリンクの例

WordPressのプロフィールページにソーシャルメディアアイコンを表示することについて、読者からよく受ける質問をいくつかご紹介します。

1. InstagramやLinkedInのような他のソーシャルメディアリンクを追加できますか?

はい、もちろんです。このガイドはX(Twitter)とFacebookに焦点を当てていますが、ここで紹介した方法は他のネットワークにも適用できます。

Simple Author BoxやAll in One SEOのようなプラグインには、Instagram、LinkedIn、YouTube、Pinterest用の組み込みフィールドがあります。方法1を使用している場合は、任意のソーシャルプロファイルのHTMLコードを簡単に追加できます。

2. ソーシャルアイコンを追加するためにプラグインが必要ですか?

いいえ、厳密にはプラグインは必要ありません。ユーザープロフィールの「プロフィール情報」セクションでHTMLを使用してテキストリンクを直接追加できます(方法1)。ただし、プレーンなテキストリンクではなく、スタイル付きのアイコンが必要な場合は、プラグインを使用する方が通常は速く、よりプロフェッショナルに見えます。

3. ソーシャルリンクを追加することはSEOに役立ちますか?

はい、役立ちます。検証済みのソーシャルプロフィールにリンクすると、Googleなどの検索エンジンが著者の身元を確認するのに役立ちます。

AIOSEO(方法4)のようなツールを使用すると、これらのプロフィールがサイトのスキーママークアップに接続され、E-E-A-T(経験、専門知識、権威性、信頼性)のシグナルが向上します。

4. ソーシャルアイコンが表示されないのはなぜですか?

アイコンが表示されない場合は、まずWordPressのテーマが著者バイオボックスをサポートしているか確認してください。プラグインを使用しているのに表示されない場合は、WordPressのキャッシュをクリアしてみてください。ページが古いバージョンで保存されている場合があり、新しい変更がすぐに表示されないことがあります。

WordPressの著者に関連する追加リソース

著者のソーシャルプロフィールを表示する方法がわかったので、WordPressの著者に関連する他のガイドもご覧になりたいかもしれません。

この記事では、WordPressで著者のTwitterおよびFacebookプロフィールリンクを表示する方法を学びました。また、最近のツイートを表示する方法や、WordPress向けの最高のYouTube動画ギャラリープラグインに関するガイドも参照してください。

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterFacebookでもフォローできます。

開示:当社のコンテンツは読者によってサポートされています。これは、当社のリンクの一部をクリックすると、当社が手数料を得る可能性があることを意味します。WPBeginnerがどのように資金提供されているか、それがなぜ重要か、そしてどのように私たちをサポートできるかについては、こちらをご覧ください。当社の編集プロセスはこちらです。

究極のWordPressツールキット

無料のツールキットにアクセスしましょう - すべてのプロフェッショナルが持つべきWordPress関連の製品とリソースのコレクションです!

読者とのインタラクション

25 CommentsLeave a Reply

  1. Author Bio Box プラグインは、大手プロフェッショナル雑誌で見るものや、私のマルチライターウェブサイトで実現したいことに合致するため、とても気に入っています。各著者が自身のプロフィールを書けるので、ユーザーは誰が記事を書いたのかを簡単に確認し、その興味や経験について学ぶことができます。これは素晴らしいヒントです。MemberPress プラグインとこれらの他のガイドを有効にすることで、コミュニティやマルチユーザーサイトを作成し始めたときにウェブサイトで思い描いていたことを、ついに達成できるような気がします。

    • モバイルバージョンで削除されている場合は、お使いの特定のテーマのサポートに連絡して支援を受けてください。

      管理者

  2. ユーザーはどのようにして自分でソーシャルメディアリンクを追加できますか?

    今のところ、著者に追加することはできますが、著者自身が編集することはできません。

  3. こんにちは!ブラジルから来ました!いつも助けてくれてありがとう!

    それで… Author Box に Facebook を追加できませんでした。手伝ってもらえますか?

    Instagramとウェブサイトは表示されていますが、Facebookが表示されません。

  4. 投稿の公開ページにこれを適用し、各投稿にこのスタイルに似たカスタムフィールドのテキストタグを挿入したいのですが、可能ですか?

    ありがとう

  5. テンプレートに著者のGoogle Plusプロフィールリンクを含めようとしています。
    すべての著者のユーザープロフィールにGoogle Plusリンクを追加するためのカスタムフィールドを正常に追加しましたが、テンプレートに含めることができません…
    Headway v3を使用しています…
    Headwayではauthor.phpのようなファイルを編集できないため、カスタムコードブロックを作成して投稿ページに直接コードを挿入しようとしましたが、GooglePLus; ?>は機能しませんでした…
    助けてください…

  6. 試しましたがうまくいかず、今はうまくいっています。なぜかはわかりませんが、ありがとう。

  7. もう少し詳しく、フィールドに「wpbeginner」と入力するだけで自動的にリンクされるようにするにはどうすればよいですか?

  8. ありがとうございます。

    馬鹿げた質問ですが、ユーザープロフィールに表示されている情報のみを表示したい場合のコードは何ですか?

    例えば、ユーザープロフィールにこれらを入力し、データを入力しない場合でも、アイコンが表示されます。

返信する

コメントを残していただきありがとうございます。すべてのコメントは、当社のコメントポリシーに従ってモデレーションされますので、ご了承ください。メールアドレスは公開されません。名前フィールドにキーワードを使用しないでください。個人的で有意義な会話をしましょう。