タグ

OGPに関するf503kkのブックマーク (4)

  • WordPress JetpackのOGPタグのデフォルト画像とアーカイブ系での出力 - Qiita

    og:image のデフォルト画像を変更する 優先順位 投稿・固定ページ・カスタム投稿タイプの記事ページ( is_singler )ではアイキャッチ画像+文内の画像 作成者別アーカイブ( is_author )ではそのユーザーのアイコン 該当する画像がなければサイトアイコン(WordPress 4.3以降) 1-3に該当する画像がなければデフォルト画像(https://s0.wp.com/i/blank.jpg) デフォルトの画像設定 jetpack_open_graph_image_default フィルターにフックする。 テーマの functions.php に書くかプラグインにしておく。 下記はテーマにある画像 /images/my_open_graph_image_default.png 利用の場合。 function my_open_graph_image_default( $

    WordPress JetpackのOGPタグのデフォルト画像とアーカイブ系での出力 - Qiita
  • JetpackのOGP画像を変更する【WordPress】

    WordPressで手軽にサイト始めるのならJetpackは入れておいていいと思う。 かなり多機能。それぞれの機能が必要だったら、それ専門のプラグインを探したり、自分で書いたりしたりしてもいいが、趣味で始めたサイトとかで時間があんあんまりさけなくて・・・、なんてことなら、入れておくと楽チンだと思います。 何より公式のプラグインだということもあって、プラグインのメンテナンスがずっと続けられている安心感がやっぱり大きい。 SNSへの配信や統計情報がダッシュボードから見られたり便利だ。マークダウン記法でも記事を書けるようになるし。 Jetpackでは「パブリサイズ共有」「共有」の機能をオンにすると、自動でOGPの出力をしてくれる。 ただ、このOGPの出力がちょっと癖があるので嫌がる人も多いみたい。 「Jetpack OGP」で検索すると「JetpackのOGPを無効化する」っていう情報がわんさか

    JetpackのOGP画像を変更する【WordPress】
  • OGP画像シミュレータ | og:image Simulator

    OGP画像シミュレータとは? FacebookのOGP画像は正方形で表示されたり横長で表示されたりするため、デザインがとても大変。 そんな時に便利なのがこのOGP画像シミュレータ。 デザインしたOGP画像をドラッグ&ドロップし、タイムライン上でどう見えるかシミュレートしてみましょう。 https://ogimage.tsmallfield.com/ 1200 x 630 px 以上推奨 https://developers.facebook.com/docs/opengraph/creating-object-types/#properties 最低でも 600 x 315 px、また大きければ大きいほど良いため 1200 x 630 px 以上の画像サイズが推奨されています。画像がクリッピングされるのを防ぐため、縦横比をなるべく1.91:1に近づけるようにしましょう。 (2014年01月

    OGP画像シミュレータ | og:image Simulator
  • シェアデバッガー - 開発者向けFacebook

    シェアデバッガーでは、コンテンツがFacebookでシェアされたときの表示をプレビューし、Open Graphタグの付いた問題をデバッグできます。

    シェアデバッガー - 開発者向けFacebook
  • 1