Twitterシェア時の文字列をOGPタイトルにする方法

Simplicityの特徴 フォーラム Simplicityについての質問 Twitterシェア時の文字列をOGPタイトルにする方法

  • このトピックには4件の返信、1人の参加者があり、最後にわらびにより10年、 7ヶ月前に更新されました。
4件の返信スレッドを表示中
  • 投稿者
    投稿
    • #33583
      わらび
      ゲスト

      Simplicity便利に使わせて頂いております。ありがとうございます。
      主題の件ですが各記事のTwitterへのシェアボタンを押した時に現状ではテキストがWordpressオリジナルのタイトルとなっています。
      この文字列をAll in one SEOにて設定したOGPタイトルに変更したいのですが方法はありますでしょうか?

      お手数ですが、よろしくお願いいたします。

    • #33585
      Hidekichi
      ゲスト

      > この文字列をAll in one SEOにて設定したOGPタイトルに変更したいのですが

      ちなみに、そのOGPタイトルはブラウザのタブに表示されているタイトルと言うことでよいでしょうか?
      いわゆる記事の編集画面下にあるall in one seoの入力部分のタイトル欄の事がOGPのタイトルと言われているのであれば、ブラウザのタブにそのタイトルが表示されているかと思います。

      headタグ内のogpの部分では、いわゆるwordpressの記事タイトルが出力されているので、一応念の為、先にここらを確認しておきたいと思います。

      またall in one seoで、何かしら別途設定があるのであれば、それはどこに出力されるのか、あるいはプラグインのどのような設定で実行できるのか等の説明をおねがいします。

    • #33587
      わらび
      ゲスト

      Hidekichi様>
      ご回答ありがとうございます。

      現在下記のような状態になっています。
      Wordpressのタイトル設定 → “AAA”
      All in one SEOのタイトル → BBB”
      <Title>タグ及びMetaタグ”og:title” → “BBB : サイト名”

      現状Twitterのシェアボタンのリンクを見るとhttp://twitter.com/share?text=”AAA” となっていますが、このAAAの箇所を”BBB : サイト名”に出来ればと考えています。

      All in one SEOのセッティングはSocial MetaをActiveにしていますが特に細かな設定はしていません。
      Simplicity側はSNS設定の「Twitterカードタグを挿入」「FacebookOGPタグを挿入」のいずれの項目もチェックを外しています。

      以上よろしくお願いいたします。

    • #33589
      Hidekichi
      ゲスト

      利用されているSNSのシェアボタンによって若干異なるかとは思うんですが、たいていの場合、以下のような感じにすればいけるのではなかろうかと思ったり。

      サンプル: twitterのリンクタイトル部分を書き換える | jsFiddle
      ※ 要:all in one seoにて、social mediaがactiveになっていること
      ※ 要:Simplicity側、SNS設定「Twitterカードタグを挿入」「FacebookOGPタグを挿入」のチェックを外す

      わらびさんの環境に合わせるのと、all in one seoのogp:titleのみ利用し、ターゲット(ogp:title)を一つにする事で間違いが無いようにするという前提が必要です。

      また、シェアボタンが複数あったりして、それぞれのclassが異なる場合は、そのセレクタも追加する必要がありますが、ひとまずここらは各自の環境によって異なる部分かと思うので、多分これでいけるんじゃないかなぁってぐらいで書いてます。

      また、念の為、実際に記事をシェアする所までやって頂き、正しくタイトルが拾えているかを確認して下さい。
      ここまでしてもらって何かしら問題がある場合はレス下さい。

    • #33602
      わらび
      ゲスト

      Hidekichi様>

      動作確認致しました。
      ありがとうございました!

4件の返信スレッドを表示中
  • トピック「Twitterシェア時の文字列をOGPタイトルにする方法」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)