OGPが正しく設定されていても、Facebookでのシェア時にサムネイルや情報が取れない…の覚え書き | 毎日考
OGP対策、してますかぁ。ここセコム的な感じで。 むしろ全くしないほうがみんな幸せなんじゃないかと思っているウェブ屋です。 一ヶ月ほど前かな。このブログの記事リンクをFacebookに投稿しようとしたとき、「あれ？」となりました。普通ならリンクを貼り付けるとしばしの読み込みの後、記事タイトルや概要やサムネイルが下の欄に出てきたはず。なのに、 こんな感じー。さみしー。画像がでかすぎるとか？ いやいやいや。サムネイルもそうだけど、勢い余ってdescriptionすら取れてないよ。試しにGoogle+へ貼り付けてみると、普通に取得できてる。じゃあFacebookか。またお前か。 取り急ぎデバッガーツールをかけて取得できるようにはなりました（Facebookシェアボタンでサムネイルなどの情報が表示されない！リンクエラーでどうにもならないときの対処法｜マリンロード）。でもどうしたらいいんだこれは解決
Facebook OGPを動的に切り替え フィード画像切替 その３
このサイトは、只今WEB業界で活躍中のデザイナー、プログラマーの方々の情報を集めたweb統合情報サイトです。 web帳 前回の Facebook OGPを動的に切り替え フィード画像切替 その２ の続きとなります。 いよいよ今回の課題、「OGPを動的に切り替え」となるのですが、 当初はJavaScriptでmeta（OGP）を切り替えればいいんじゃない？ と思い、以下のサイトを参考に http://blogs.itmedia.co.jp/naoto/2010/11/facebookopen-gr.html scriptを記述。 <script type="text/javascript"> (function(){ function appendMetaInfo (_type, _value){ metatags = document.getElementsByTagName("meta"
jQueryだけで(Pjaxを使わずに)Ajax+pushStateする方法
Sensebahnのサイト内では、ページを遷移するときにページ全体の更新ではなくページの一部を書き換える方法をとっています。（2013/1/31のデザイン変更で廃止しました。） そうすることで、ページ全体を読み込むよりも速く遷移でき、さらに、画面がブランクになる瞬間が発生しないので目のチラツキを抑えられます。 仕組みとしてはAjaxを使います。 AjaxはJavaScriptで簡単に使うことができます。 JavaScriptを使って、Ajaxによりページの一部を、他のページの内容に書き換えるのです。具体的には、次のコードでやります。 example.html <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <scri
フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記
みなさん、こんにちは お元気ですか？僕は元気です。 さて 最近よく、「いいね！」ボタンや「ミクシィチェック」ボタンによって、ウェブページを紹介し合う文化が少しずつ定着してきたなーと思います。 そんな中で、今後重要になってくるんじゃないかと思われる OGP （Open Graph Protocol）と言われる仕様があります。今日はそのことについて書いてみたいと思います。 OGP? おーじーぴー？？とはなんでしょうか。 OGP とは 簡単に言うと「このウェブページは何のことを書いているか」という情報を、プログラムから読める形で HTML に付加する記述方法のことです。 まあ、普通のウェブページは人間が読めばだいたい何のことが書いてあるか分かりますよね。 ですが、プログラムは人間ほど頭が良くないので、そのウェブページ内の文章だけではそのページが何のことについて書かれているページなのか正確に識別す
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
