Tutorial
2011年09月28日17:10 by oklahomer Tutorial カテゴリドキュメントOpen Graph このチュートリアルは、Open Graphアプリケーションを作成し、テストし、公開するための主なステップをガイドします。ユーザの料理したストーリーを投稿するサンプルアプリケーションを作成します。 Step 1: Facebookアプリケーションの作成Step 2: Add to Timelineプラグイン用のユーザ認証を得るStep 3: Define Dev Appで、アクション、オブジェクト、アグリゲーションを定義するStep 4: ユーザのアクションを投稿するStep 5: Facepile, Activity, Recommendationsプラグインを足す Step 6: 登録し、アクションの認可を得るOpen Graphのアクション投稿で問題が発生したら、De
被リンク構築のための5つの効果的な戦略 | 住 太陽のブログ
オフページSEOとは、ウェブサイトの外部に適用するSEO戦略を指し、被リンク構築やソーシャルメディア最適化などが含まれます。 オフページSEOの目標は、自分が管理するサイトが信頼でき権威があると検索エンジンに認識してもらうことです。そのための具体的な方法は、被リンク、メンション（言及）、サイテーション（引用）、レビュー（クチコミ）などを集める各種の戦略で成り立っています。 オフページSEOとは、ウェブサイトの外部で発生するランキングシグナルへの働きかけを指し、被リンク構築やソーシャルメディア最適化などが含まれます。 オフページSEOの目標は、自分が管理するサイトが信頼でき権威がある、またはよく知られていて評判がよいと検索エンジンに認識してもらうことです。
Facebookのウォールでちょっとアピールする方法（OGP） - EC studio デザインブログ
サイトに設置した「いいね！」を押したとき、 タイトルとテキストだけではちょっと物足りない感じがしませんか？ OGP（Open Graph protocol）の対応をおこなうだけで、 ウォールが少し華やかになります。 弊社サービスサイト「チャットワーク」で対応した時におこなった対応方法を紹介したいと思います。 弊社サービスサイトのOGP対応後 OGPを使うとどうなるの？ OGP（Open Graph protocol）を使うと、 「いいね！」を押してウォールに投稿するときに、 タイトルや概要、表示する画像を指定することができます。 通常はFacebookが自動で表示してくれます。 OGPに対応する前のデフォルトはこのように表示されていました。 OGP対応方法 htmlタグの記述 まず、htmlタグにOGP用の記述を追記します。 「xmlns:og="http://ogp.me/ns#" xm
Facebookなどで使われている「OGP」の一覧
FacebookなどのSNSで自分のサイトを紹介する際に使うOGPを一覧にしてみました。 特に絶対に指定しなければいけないものではないですが、どのテキストや画像が紹介した先で使われるかわかりませんので、 できれば指定しておきたいものです。 だいたい基本情報の「タイトル」「表示される画像のパス」「概要を説明する文章」を指定する事が多いかなと思います。 基本情報 <meta property="og:title" content="タイトル" /> <meta property="og:type" content="オブジェクトのタイプ" /> <meta property="og:url" content="このページのURL" /> <meta property="og:image" content="表示される画像のパス" /> <meta property="og:descriptio
SEOの2倍アクセスを稼ぐFacebook活用術 「いいね！」ボタンと「OGP」の設定方法を超解説|ガジェット通信 GetNews
Blogや自社サイトに、「いいね！」ボタンを設置しているみなさん、「超重要」なOGP(Open Graph Protocol)の設定は出来てますか？ これは、ある記事の参照元の計測データです。アクセスを牽引しているのは、「はてなブックマーク」でも「twitter」でも「Google」でもなく、『Facebook』です。OGPを設定するだけで「必ず」Facebookからの流入数が増加します。増加率はサイトによっては2倍どころではありません。今回は、流入数が増加する理由とそのための設定方手順をご説明します。 ※かなり長い記事になりますが、いつの日にか必要になる設定手順を超詳しく解説しています。ぜひブックマークしておいてください！ 1. 最初に種明かし、「必ず」Facebookからの流入数が増加する理由 OGPを設定すると友達のニュースフィードに「いいね！」が飛ぶ。 皆さん、ブログでもニュースサ
FacebookのOGPを設定したのに、URLリンターが反映しないレアケース | Creazy!
このブログのMTに、あるいはTumblrにもOGP設定してみたわけですが、ある環境でOGPがうまく反映されないケースがあったので紹介します。 OGPのタグについては、Open Graph protocol – Facebook開発者などを参考にしながら正しいコードが出力されていることを確認しているのに、URLリンターでチェックしてみると、設定した情報が全く反映されていないという事例がありました。URLリンターに反映されないので当然「いいね！」などを押しても想定した画像がサムネイルにならないなどしばらくハマってしまいました。 で、改めて色々調べたのですが、Facebookで「いいね！」したときやURLリンターでチェックしたときは、Facebookのクローラー（スクレイパー？）が対象のURLにアクセスしてきて情報を持っていく仕組みになっています。サーバのアクセスログを閲覧できるのであればログの
facebook「OGP」で集客UP! | WEBデザイナーのしおり
最近ソーシャルサイトで話題になっているOGP！OGPとは「Open Graph Protocol」の略で、ページのタイトルや説明、タグ、画像などをSNS向けタグで表示させるというものです。 facebookに関して説明しますと、facebookにログインした直後に表示されるhome.phpページ（facebookでいうＴＯＰページ）。 ここにはニュースフィールドというページがあるのはご存知かと思います。 ここに表示されている内容は友達となった方や、あなたが他の人のfacebookの記事に対して「いいね」ボタンを押した時、友達やいいねボタンをおした先がウォールへの投稿を更新された時に自動で更新されたタイトルなどが随時表示されます。 逆に考えれば、自分のfacebookページやプロフィールページで「いいねボタン」を押してくれた人のニュースフィールドにも、自分の更新記事がすばやく通達されるという
FacebookのURLリンターを使用するときに注意すべきポイント（Linter Attention）
▼ 2011 (122) ► 1月 (10) ► 2月 (7) ► 3月 (46) ► 4月 (18) ▼ 5月 (13) GW中に作成しました「FBSprog」 PoEとPLC 夏バテするなら早めに ブログタイトルを「くりもんでおｋ」から「ふじけんでおｋ」に変更しました Mozillaのmarkupサイトが面白い（It's FAN!） 10年後を生き抜くFacebookユーザの心得10か条 ブログに写真を貼る前に「picuous 」でひと工夫してシェア機能を利用しよう 龍のごとく昇るエンデバー(endevor like a Dragon) この夏は節電しておきたい Google Docsにこんな便利な機能あったの！「グーグルドキュメント Form」！！ 突如立ち上がった２つの支援団体「リボーーーン」と「えがおとどけ」 ブログ内の文字列をドラッグしただけで意味を検索してくれる無料ブログパー
Facebook機能を作る際にOGPを確認するのにURLリンター が便利だぞ！ |
これ便利ですね！ OGPを設定する際に こちらでurlを入れる事で、何のogpのタグが足らないのかどうしたらいいのか すぐ判断できます。 例えば、このurl http://www.toshimaku-town.com/mypage/ts025962 こんな感じでいれます。 http://developers.facebook.com/tools/lint?url=http://www.toshimaku-town.com/mypage/ts025962 そうすると 以下の情報が出来ますので、 あっ。。タイトルとサイトNAMEが一緒になっているので、 サイトネームは、豊島区タウン タイトルは、 e-まちタウン株式会社 宣伝・広告 ですよね？ という判断が、OGPの設定する際に便利ですね。
これだけは知っておきたいOGP （Open Graph Protocol） | facebookApps JAPAN
facebookApps.jp[フェイスブックアップス ジャパン]はfacebookを活用したプロモーション、アプリ開発、関連ウェブ制作に関する記事を掲載するオンラインメディアです。facebookアプリ開発、iPhoneアプリ開発、Androidアプリ開発を承っております。Popular Posts RSS.Graffitiの使い方 iframeでオリジナルタブを追加するfacebookアプリ Static iframe ワードやエクセル、パワーポイント文書を作成、編集、共有できるfacebookアプリ「Docs」by Microsoft オリジナルタブを追加するiframeアプリ Static FBML + Welcome Tab + iframe = iwipa facebookアプリ RSS.Graffiti のカスタマイズ方法 Facebookページ作成から運営までのま
フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記
みなさん、こんにちは お元気ですか？僕は元気です。 さて 最近よく、「いいね！」ボタンや「ミクシィチェック」ボタンによって、ウェブページを紹介し合う文化が少しずつ定着してきたなーと思います。 そんな中で、今後重要になってくるんじゃないかと思われる OGP （Open Graph Protocol）と言われる仕様があります。今日はそのことについて書いてみたいと思います。 OGP? おーじーぴー？？とはなんでしょうか。 OGP とは 簡単に言うと「このウェブページは何のことを書いているか」という情報を、プログラムから読める形で HTML に付加する記述方法のことです。 まあ、普通のウェブページは人間が読めばだいたい何のことが書いてあるか分かりますよね。 ですが、プログラムは人間ほど頭が良くないので、そのウェブページ内の文章だけではそのページが何のことについて書かれているページなのか正確に識別す
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
gadget-or-gimmick.com
Facebook ソーシャルプラグイン（いいね！やコメント）を「正しく」設置する方法
＜遂に公開＞SEOの2倍のアクセスを稼ぐFacebook「OGP」活用術。皆が知らない「いいね！」ボタンの設定方法、超解説 : (旧)ガイアックスソーシャルメディア ラボのブログ