タグ

ogpに関するmellow_punchのブックマーク (5)

  • OGP を使って Web ページと Facebook を連携する — 旧メイン・ブログ | Baldanders.info

    RFDa は XHTML に埋め込むことを前提にしているのでプロパティのみ定義される。 クラスやインスタンスは定義されてない(したがってプロパティの有効範囲(ドメインやレンジ)も定義されない)。 リソースは URL で指示されるもので種別はOGP で定義されているものなら何でも良い。 今回は Web サイトおよびページを対象とするので以下の type のうちいずれかを選択する。 article blog website また Facebook の Like ボタンとの連携を前提に設定してみる。 まずはトップページから。 Facebook には OGP の設定方法について解説したページがある。 Open Graph protocol - Facebook開発者 これによると, XHTML のヘッダ内に meta 要素として記述するようになっている。 RFDa ではヘッダ以外にも記述可能なのだ

    OGP を使って Web ページと Facebook を連携する — 旧メイン・ブログ | Baldanders.info
  • Movable Type(MT)で生成しているXHTML文書にOGPを導入|Blog|Skyward Design

    Movable Type(MT)で生成しているXHTML文書にOGPを導入 Posted by Hideki at 2011年5月15日 14:00 タグ: Movable TypeXHTMLマークアップ研究ノート このサイトのコンテンツ、沖縄旅日記「Shimalog」の個別記事ページに、OGP(Open Graph Protocol)(及びmixiチェックボタン・ツイートボタン)を導入してみました。導入にあたっては、小粋空間さまの「HTML5+RDFaについて」の記事を参考にさせて頂きました(RDFaに関するリンクが大変参考になりました)。現在の文書型は「XHTML 1.0」で、導入後もValidなXHTML文書になるよう配慮することを目指してみました。 MTテンプレートにOGPの追加 このサイトはMovable Type 5で運用しておりますので、個別記事ページのMTテンプレートに下記

  • Youtubeの動画を背景に

    Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp

    Youtubeの動画を背景に
  • fb ogp Creating Custom Stories

    2019年5月1日より、新しく公開されるOpen Graphストーリーはすべて、ニュースフィードのプレーンリンクシェアとして表示されます。したがって、投稿時にOpen Graphアクションは表示されません。 2018年8月1日に、publish_actionsアクセス許可はFacebookログインから削除されました(「新しいFacebookプラットフォーム製品の変更とポリシーの更新をご覧ください)。この変更の結果として、アプリはカスタムのOpen Graphストーリーを公開できません。アプリまたはウェブサイトからシェアを実装する場合は、代わりにFacebookシェアダイアログを使用できます。詳しくは、以下のプラットフォーム固有のドキュメントをご覧ください。

    fb ogp Creating Custom Stories
  • フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記

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

    フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記
  • 1