近年、多くのウェブ管理者が自身のサイトをより目立たせるためにOpen Graph Protocol（OGP）タグの重要性を認識しています。OGPタグを正しく設定することで、SNSにおけるシェア時にサイトの情報を最適に表示することが可能になります。しかし、WordPressを利用していると、プラグインの使用に頼ることが一般的です。今回は、プラグインなしでOGP設定を行う方法を紹介します。
OGPタグとは？
Open Graph Protocol（OGP）は、もともとFacebookによって開発されたメタデータフォーマットです。これは、リンクがSNSでシェアされた際にどのように表示されるかを管理するためのものです。たとえば、正確なタイトル、説明、画像などを指定することで、より魅力的なシェアビジュアルを提供できます。
OGPタグを設定する理由
OGPタグを適切に設定することで、シェア時に表示される情報をコントロールできます。これには以下のメリットがあります：
- ユーザーエンゲージメントの向上: より魅力的なサムネイル画像や説明文を用意することで、投稿をクリックするユーザーの割合が高まります。
- ブランディングの強化: 統一されたビジュアルとテキストにより、ブランドイメージを効果的に伝達できます。
- アクセス数の向上: 適切なOGPタグを設定することで、訪問者数を直接的に増やすことが期待できます。
プラグインを使わずにOGPを設定する手順
ここで具体的な方法を解説します。手順は以下の通りです：
1. テーマファイルにアクセス
まず、WordPressの管理者ダッシュボードにログインします。「外観」メニューから「テーマエディター」を選択して、header.phpファイルにアクセスします。header.phpファイルは多くの場合、テーマのヘッダー情報を管理しており、OGPタグを追加するのに最適な場所です。
2. OGPタグを追加
次に、<head>タグの中に以下のOGPタグを手動で追加します。これにより、各ページが共有される際の表示をカスタマイズできます。
<meta property="og:title" content="<?php echo get_the_title(); ?>" />
<meta property="og:type" content="website" />
<meta property="og:url" content="<?php echo get_permalink(); ?>" />
<meta property="og:image" content="<?php echo get_the_post_thumbnail_url(); ?>" />
<meta property="og:site_name" content="<?php bloginfo('name'); ?>" />
<meta property="og:description" content="<?php echo get_the_excerpt(); ?>" />
3. 各属性の詳細設定
-
og:title: 記事のタイトルを表示します。
get_the_title()関数を使って取得します。 - og:type: サイト全体では"website"、個別記事ページの場合は"article"など、ページタイプを指定します。
- og:url: 現在のページのURLを表示します。
-
og:image: アイキャッチ画像URLを表示します。
get_the_post_thumbnail_url()関数を使い、記事ごとに異なる画像を指定します。 -
og:site_name: サイト名を表示します。
bloginfo('name')を使用します。 -
og:description: 記事の要約を表示します。
get_the_excerpt()関数を使って短い説明文を取得します。
4. テーマの更新と確認
変更を保存して、サイトのフロントエンドを更新し、正しくタグが挿入されているか確認します。ページのソースを確認し、<meta property="og:**>のエントリに目を通して確認します。
注意点
-
テーマ更新時の影響: テーマを更新すると、
header.phpファイルも上書きされる可能性があるため、カスタマイズを保持するために子テーマの使用を推奨します。 - SNSでの表示確認: OGPタグが正しく機能しているかを確認するため、FacebookデバッガーやTwitterカードのバリデーターを活用することが重要です。
まとめ
プラグインを利用せず、OGPタグを設定することで、よりスピーディーにサイトのパフォーマンスを改善したり、セキュリティ影響を減らすことが可能です。また、WordPressのテーマを直接編集することで、より自由かつ細かい部分までカスタマイズができます。OGP設定によってサイトのシェアビジュアルが最適化されると、SNSにおいても自然に注目を集めることでしょう。今後もサイトの結果を分析しながら、OGPを含むメタデータの改善を継続してみてください。
