タグ

ogpに関するmatuixのブックマーク (8)

  • Facebookでのウケ方が段違い!もはや必須なOGPを設定する方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは。sekoです。 昨今、ウェブサイトを多くの人に見てもらう為に、SNSを利用して広めていく事はもはや常識となっています。 その際、とても重要となるのがウェブサイトにOGPの設定することです。 今回はOGPについて紹介していきます。 OGPとは OGPの正式名称は”Open Graph Protocol”と言います。 facebookやmixi、google+などのSNSとウェブページを連携させる為に設定する記事情報で、各種ウォール、ニュースフィードに「こういうサイトです」と明言するために必要な仕様です。 例えばfacebookにおいて、OGPを設定していないサイトで「いいね!」を押すと「〇〇さんがリンクについていいね!と言ってます」と自分のウォールには投稿されますがニュースフィードには反映されないため他の人の目に記事がさらされる事はなかなかありません。 しかしOGP設定をしたサイ

    Facebookでのウケ方が段違い!もはや必須なOGPを設定する方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • ディレクター必見!OGP(Open Graph Protocol)決定版 2013年10月 | ajike switch

    こんにちは、ディレクターの柴宮です。 今回は、みんな?(ぼくは…)なんとなくわかったつもりでフワッと対応しているOGP(※1)について、自分の中でもまとめを兼ねてブログにしました。 ただ、Facebook, mixiなんかで対応してますが仕様がコロコロ変わってキャッチアップできない&仕様が煩雑すぎてどう対応するのが一番いいのかわからない…ということで2013年10月現在、これで対応しておけば最適!という形でまとめました。 ページの一番下にOGP画像作成用psdと設定項目xlsを置いておきますので、ダウンロードしてお使い下さい。 ※1 OGP 「このウェブページは何のことを書いているか」という情報を、プログラムから読める形で HTML に付加する記述方法のことです。 とはいえ、Web制作担当として内容もわからず使うわけにもいかないので、簡単に内容をば。 OGPの設定項目(必要最低限)一覧です

    ディレクター必見!OGP(Open Graph Protocol)決定版 2013年10月 | ajike switch
  • ねたわん – WordPress推しブログ

    WordPressを利用してブログを運営している方に役立つ情報を更新しています。初心者向けのワードプレス使い方ガイド・便利なプラグインを紹介しています。

    ねたわん – WordPress推しブログ
  • FacebookのOGP画像サイズはどんなサイズがいいの | BOCUNO BLOG

  • 【最新】facebook いいねボタン設置時のOGP対応方法♪

    webmobileは、みんなが知りたいスマホ・通信ガジェットの使い方を発信しているレビューサイトだよ♪ webmobile(ウェブモバイル)は、大好きなPixel/iPhone/MVNO/amazonについて、気づいたこと・困った事の解決など経験したことを発信しています。 運営歴はかれこれ10年以上です。 私が初めて買ったスマートフォンは、auから発売されたSHARP製IS03。今でもデザインの良さに感銘を受けます。 今のメイン機はGooglePixelとiPhone15ProMAXです。 昔はASUS製ZenFoneにはまり、新製品が発売されるごとに買っていました。 MVNOのお店に我が子と訪ねる旅、楽しかったなぁ♪ ご縁あって、UQコミュニケーションズ社に行くこともありました。 UQモバイル公式グッズをたくさん手に入れる機会がありました。 東京新宿にあるLINE株式会社に招待して貰っ

    【最新】facebook いいねボタン設置時のOGP対応方法♪
  • これだけは知っておきたいOGP (Open Graph Protocol) | NEX.FM

    Life is too short to worry about laundryOGP (Open Graph Protocol)。 facebook、mixi、GREEなどのSNSで使われている共通の仕様のことだが、重要な役割を担っている割に、あまり知られていない。今後のソーシャル時代に備え、確実におさえておきたい事項に間違いないので紹介する。特にウェブ制作をしていたり、サイトにいいね!ボタンを設置している方には、すぐにでも導入をおすすめする。 OGPとは OGPを簡単に説明すると、「このウェブページは、こんな内容です」ということを明言するための仕様だ。 誰に明言しているかというと、それは例えばfacebookに、だ。 facebookでは、あるウェブページがいいね!された時に、 「○○さんがリンクについていいね!と言っています」 とウォール上に投稿されることになるが、これはOG

  • Facebookのいいね!ボタンを設置しても、OGPの設定がされていなければ意味が無い

    Facebookのいいね!ボタンがとても流行していますが、いいね!ボタンの真の力を発揮させるためには、Open Graph Protocol(OGP)の設定が不可欠なのはご存じでしょうか? 今回はOGPとは何なのか、どのように設定すれば良いのかを調べてみました。 OGPとは? OGPとは一言で言うと、そのWebサイトのタイトルやWebサイトの説明、制作者の情報やWebサイトの種別などを、ソーシャルメディア側から正しく認識できるように決まった形で記述しておく仕組みを作ろう、というものです。 OGPについての説明は下記サイトが非常にわかりやすく詳細に載っていますので、OGPを知らない方は是非目を通して下さい。 フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か – IT戦記 Facebookのいいね!ボタンはOGPが必須 タイトルにも記

    Facebookのいいね!ボタンを設置しても、OGPの設定がされていなければ意味が無い
  • フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記

    みなさん、こんにちは お元気ですか?僕は元気です。 さて 最近よく、「いいね!」ボタンや「ミクシィチェック」ボタンによって、ウェブページを紹介し合う文化が少しずつ定着してきたなーと思います。 そんな中で、今後重要になってくるんじゃないかと思われる OGP (Open Graph Protocol)と言われる仕様があります。今日はそのことについて書いてみたいと思います。 OGP? おーじーぴー??とはなんでしょうか。 OGP とは 簡単に言うと「このウェブページは何のことを書いているか」という情報を、プログラムから読める形で HTML に付加する記述方法のことです。 まあ、普通のウェブページは人間が読めばだいたい何のことが書いてあるか分かりますよね。 ですが、プログラムは人間ほど頭が良くないので、そのウェブページ内の文章だけではそのページが何のことについて書かれているページなのか正確に識別す

    フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記
    matuix
    matuix 2011/01/18
    facebookのいいねボタンを押したときに、facebook内に表示されるテキストや画像、動画などを設定できる記述。
  • 1