タグ

関連タグで絞り込む (1)

タグの絞り込みを解除

ogpに関するnemusgのブックマーク (9)

  • LINEのOGPキャッシュをクリアしたいのですが、ご教授頂ける有難いです。 - W3Q

    LINEに問い合わせてみました。 以下転載 ///////////////////////////////// URLを送信した際に表示されるプレビュー内容の情報を変更した場合、画像のみの変更であれば2週間程のお時間を要します。 画像のURLや説明などの変更をあわせて行っている状態であれば、1~2日程で情報が更新されます。 恐れ入りますが、プレビュー内容の変更を行った際には、情報が更新されるまで今しばらくお待ちください。 ※即時反映などの個別対応は行っておりません。 なお、お送りいただきました内容については、担当部署へ申し伝え、サービス提供においての検討事項として承らせていただきます。 メールにてお客さまの問題を解決することができず、心苦しいかぎりでございますが、何卒ご理解ご了承くださいますようお願い申し上げます。

    LINEのOGPキャッシュをクリアしたいのですが、ご教授頂ける有難いです。 - W3Q
  • 札幌ステキ発見 » OGPキャッシュクリア

    Facebook、TwitterLINEOGPキャッシュのクリア方法を紹介します。 OGPの情報は各SNSにキャッシュされるため、ページを更新しても即時反映はされません。 時間が解決してくれるけど、どうしても待てないそんな時に。 og:imageを寝てるキツネから起きてるキツネに変更してみます。 Facebook Facebookはデバッガーを使いキャッシュを更新することができるので、特に説明はありません。 使用するサイト: シェアデバッガー https://developers.facebook.com/tools/debug/sharing/ キャッシュクリア前 スクレイピングの実行時間が2時間前になっているので「もう一度スクレイピング」ボタンを押します。

  • facebookデバッガーで消せないOGPキャッシュをクリアする方法

    OGPがうまく表示されない!という方へ。 facebookに投稿しようと思ったら、サムネイルやキャッチ画像などがうまく表示されない!という経験はありませんか?それはfacebook側に蓄えられたOGPのキャッシュが適切でないからかもしれません。 そんな困ったキャッシュをクリアするフォームを作りましたので、どうぞです。 facebookのOGPキャッシュクリアとは facebookに投稿するときに、アイキャッチがうまく表示されないことありませんか? OGPタグはちゃんと設定している、WordPressであればプラグインはちゃんと機能している、なのに何故!?!?そんなことありませんか? じつはこれ、facebookがサムネイルなど画像やタイトルを独自にキャッシュしてもっているために起こるんです。 おそらくトラフィック軽減のためだとは思いますが、独自にキャッシュしていて、URL付き投稿があると、

    facebookデバッガーで消せないOGPキャッシュをクリアする方法
    nemusg
    nemusg 2017/05/12
  • 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
    nemusg
    nemusg 2014/05/08
  • これで一撃!簡単にOGP画像をつくれる2つの秘密道具!

    こんにちは!デザイナーのわりえもんです! ドラえもんみたいな見た目の、のび太みたいななにかです。 デザイン制作に役立つ秘密道具を紹介します! さて今回はサイト・アプリ制作に必需品な Facebook OGP画像つくりに役立つ2つの秘密道具をお教えします! 2014年1月現在、OGP画像の表示には大きくわけて2種類あります。 一つの画像で、どっちの表示でもきれいにつくるのは結構悩みますよね。 のび太くんには到底つくれなさそうです。 でも、たった2つのの秘密道具で、OGPつくりは劇的に楽になります! 秘密道具その1 : ただ画像をいれるだけ!秘密のpsd! 今回のために用意した秘密のpsd を用意しました! こちらからダウンロードしてみてください! PSD DOWNLOAD 「見せたい要素が横長」の場合 これは横長いロゴです。ロゴの部分がどんな表示でも切れないようにしたいですね。 これを全ての

    これで一撃!簡単にOGP画像をつくれる2つの秘密道具!
    nemusg
    nemusg 2014/01/30
  • FacebookのOGP画像、最新サイズでの作成例をご紹介

    ※2014/9追記:正方形で作成する必要はなくなったようです。 Facebook OGP画像の最新サイズ(※2014年9月)、もう正方形は不要 以前記事にした通り、OGP画像のサイズが少し前に変わりました。 FacebookのOGP画像の仕様がまた変更。ニュースフィードでもタイムラインでも欠けないようにする方法。(スマホ対応!最新版 ※9.21追記) ちょっと時間経ってしましましたが、実際にこの仕様でOGP画像を作成してみた作成例をご紹介します。 記事冒頭の画像は、実際にこのブログのデフォルトのOGP画像として設定しているものです。 なお、サイズは468px×468pxではなく、1200px×1200pxで作成しています。 以前の記事に注記もしてありますが、Facebookのドキュメント内に、OGP画像は「at least 600×315 pixels. However, bigger i

    FacebookのOGP画像、最新サイズでの作成例をご紹介
    nemusg
    nemusg 2013/12/16
  • OGPとは/Facebook「OGPの画像は1200px幅で」えぇ? 大きすぎない? しかも横長推奨? | 初代編集長ブログ―安田英久

    OGPとは/Facebook「OGPの画像は1200px幅で」えぇ? 大きすぎない? しかも横長推奨? | 初代編集長ブログ―安田英久
    nemusg
    nemusg 2013/11/29
  • Facebook にウェブページを再クロールしてもらってキャッシュのリセットと OGP の書式チェックができるブックマークレット

    Facebook にウェブページを再クロールしてもらってキャッシュのリセットと OGP の書式チェックができるブックマークレット 2011年12月02日 16:17Facebook OGP (Open Graph Protocol) という約束事がありますね。 Facebook などにウェブページなどの情報を伝えるのに使われるもので、 このブログのトップページだとこんな感じで書いてあります。 そのページが Facebook でシェアされたり「いいね!」されたりしたとき ここに書いた画像や説明文が拾われるわけですけど、 いったん取得されたら Facebook 側でキャッシュされてしまって いくら手元で書き換えても反映されない。 ただこの情報は OGP の書式を確認するためのこのツールを使うと Facebook のが現在の状態を取得しに来てくれるので 新しい状態に更新されますね。 Debugg

    nemusg
    nemusg 2013/10/08
  • 『Twitterカード』を設定してサイトへの質の良い流入を増やそう!1万6742文字に渡る開発者向けドキュメントの日本語訳まとめ。 « 株式会社ガイアックス

    a]:flex [&>a]:flex-row [&>a]:justify-between [&>a]:py-[18px] [&>a]:border-t [&>a]:border-lightgray [&>a]:border-opacity-20 [&_li]:my-1 [&_li]:list-['-_'] [&_li]:py-[18px] [&_li]:border-t [&_li]:border-lightgray [&_li]:border-opacity-20 [&_.Label]:transition-all [&_.Label]:w-fit [&_.content]:transition-all [&_.content]:h-0 [&_.content]:pt-0 [&_.content]:px-5 [&_.content]:overflow-hidden [&_.toggle:

    『Twitterカード』を設定してサイトへの質の良い流入を増やそう!1万6742文字に渡る開発者向けドキュメントの日本語訳まとめ。 « 株式会社ガイアックス
    nemusg
    nemusg 2013/02/04
  • 1