UsマイページMyPage/Login買い物カゴCart新着お知らせSTORK19テーマをアップデートしました。PackでOGPタグを設定する方法ツイート21シェアはてブ28LINEPocket59OGPタグはSNSなどで記事がシェアされた時に表示させる、画像や文章を設定することができるタグです。ハミングバードやアルバトロスでは、OGPタグを自動的に出力する機能がないので、設定するにはプラグインが必要になります。Pack」にてその設定が可能となりますので、その設定方法をご紹介します。protocol」の略称です。FacebookやTwitter、Google+、mixiなどのSNSでシェアされた際に、そのページのタイトル・URL・概要・アイキャッチ画像(サムネイル)を意図した通りに正しく表示させる仕組みです。冒頭でハミングバードやアルバトロスではOGPタグの機能がないと書きました。その部分に関する弊社の考え方を述べておきたいと思います。OGPタグはテーマに関わらず、設定しておいたほうがいいタグになります。テーマによっては、OGPタグが最初から組み込まれているものもあります。WordPressのテーマを近い未来に変更しようとしている場合、テーマの機能として利用していた場合、テーマを変更することで利用できなくなってしまう可能性があります。反対にプラグインで設定をしていた場合、今後テーマを変更したとしても、次のテーマにOGPの機能がなかったとしても、過去記事を含めて設定し直す必要がありません。これはSEOの設定(titleタグなど)も同じことで、テーマの機能として設定する箇所があるからといって、使っているといざテーマを変更したくなった場合に、その部分がネックとなって変更できなくなってしまうという問題が発生します。WordPressはテーマを変更することで、見た目をガラッと変えることができるのがメリット(と考えやすい)となるので、そういった普遍的な設定はプラグインに任せた方が、今後の運用も考えると無難なのです。Pack」でソーシャルメディア用のOGPタグを設定する方法を書きたいと思います。Packはデフォルトの状態では、OGPタグの設定画面が無効化されているので、それを有効にします。Meta】の「Active」を押して有効化します。すると下の画像のようにアイコンに色がついて有効化された状態となります。Meta】という設定画面が追加されているので、設定画面を開きます。Setting」にて行います。ブログが有名になってくるとトップページ自体がシェアされることもあるため設定しておいた方がいいです。Setting」にて行います。Source】にて「アイキャッチ画像」を選択していただくのがおすすめです。Found】にチェックをいれておくと、画像がなかった場合にデフォルト画像を表示するかどうかを選べるようになります。OG:Image】にてデフォルト用の画像をアップロードしておくことができます。アイキャッチ画像が設定されてない場合に、このデフォルト画像が表示されるようになります。記事ごとにOGP画像を設定するここまでの設定で、アイキャッチ画像が自動的にOGPとして設定されるようになりますが、まれに「設定したのにうまく表示されない」というご意見をいただきます。そんな時は、記事毎にOGPを個別に設定することで解消される場合が多いです。Pack」の設定欄があるので、「ソーシャル設定」というタブをクリックし、「画像」を設定することでもOGPの設定が可能です。「画像」という欄に任意の画像が見つからない場合は、下の「カスタム画像」という欄からアップロードすることも可能で、記事内で使った画像以外の、OGP専用の画像を用意することも可能です。うまく設定できているかの確認OGPがうまく設定できているかを確認するには、ページのソースを確認するのが一番簡単。」をテキスト検索をします。検索で出てきた行にあるURLが現在OGP画像として設定されているファイルになるので、それが設定したものの通りになっているかを確認しておくと良いでしょう。過去記事の画像がおかしい場合ここまで設定したにも関わらず、フェイスブック等で過去記事の画像がおかしいという場合があるかと思います。Facebookではシェア用の画像は、独自にキャッシュされているため、過去に別の画像が読み込まれている場合は、自動的に過去の画像が使われてしまうようです。そんな場合はFacebook側にてキャッシュの削除&更新が必要になるのでそちらを一度疑ってみてください。information」というボタン押すこれでキャッシュを削除することが可能です。上記で最低限のOGPタグの設定ができます。Pack」では他にもさまざまな設定ができるのですが、詳しくはバズ部様が公開されている記事が詳しく解説されているので参考にしてみてください。設定方法と使い方WordPress使い方OGPプラグインこの記事が気に入ったらいいねしよう!最新記事をお届けします。ツイート21シェアはてブ28LINEPocket59feedly21NEWバージョン!究極のモバイルファーストWPテーマ「STORK19」ブログを書くのが楽しくなる仕掛けや機能がたっぷり!STORK19は読む人も書く人も快適なWordPressテーマです。テーマ詳細をみるいさぎよく、シンプル。WPテーマ「スワロー」SWALLOWはシンプルな見た目と洗練された機能美が光るWordPressテーマです。「必要なものとは何か」を考え尽くして、無駄な機能やデザインを削ぎ落とした洗練されたWordPressテーマです。テーマ詳細をみるAddQuickTagsで設定した項目が表示されない場合の確認事項アルバトロスのグローバルメニューの日本語を大きくする方法RECOMMENDこちらの記事も人気です。Plusで目次を設置する方法WordPress使い方2016.10.28アルバトロス・ハミングバード・ストークテーマと相性の悪いプラグインABOUTこの記事をかいた人オープンケージブロガー・アフィリエイター向けのWordPressテーマを制作しています。POSTこのライターの最新記事STORK19のお知らせ2020.2.12STORK19テーマをアップデートしました。(Version1.2.0)アルバトロスのお知らせ2020.1.29アルバトロステーマをアップデートしました。(Version1.2.9)ハミングバードのお知らせ2020.1.29ハミングバードテーマをアップデートしました。(Version1.2.11)旧ストークのお知らせ2020.1.28ストークテーマをアップデートしました。(Version1.3.2)ログインメールアドレスパスワードログイン情報を記憶パスワードをお忘れですか?新規ご入会はこちらWordPressを使うにはサーバーが必要!OPENCAGEのテーマを使うには、インストール型のWordPressが必要です。WordPressをインストールするには、レンタルサーバーが必要となります。最新記事STORK19テーマをアップデートしました。UsマイページMyPage/Login買い物カゴCart最新テーマ「STORK19」NEWバージョン!ブログを書くのが楽しくなる仕掛けや機能がたっぷり!STORK19は読む人も書く人も快適なWordPressテーマです。