Pixelhunter — 🧠 AI-powered image resizer for social media
Pixelhunter — free AI image resizer for social media.Cropping each and every image by hand can be tiresome. Pixelhunter utilizes amazing Uploadcare Intelligence API to recognize objects and crop pictures automatically, in a smarter way. Just upload your image of any size and it will be automatically resized to each and every of 102 sizes we support. AI is there to ensure that your image is resize
ユーザーとの設定を改善してさらなるインプレッションを生む！FacebookのOGPの設定・確認方法
世界最大のSNSであるFacebookはユーザーが実名であることに加えて、「いいね！」や「シェア」による情報拡散力が大きな強みです。FacebookユーザーがWebページをシェアした際、その情報に訴求力があると、さらなるシェアが期待できます。SNSの特性を最大限に活用した情報拡散には、ユーザーからの「いいね！」や「シェア」をいかに有効利用できるかが、重要なポイントです。 今回は、Facebookにユーザーが「いいね！」や「シェア」をした場合の表示設定であるOGPについて解説します。OGPの設定次第で、マーケティングの成果をぐっと高められますので、ぜひご参考ください。 OGPとは OGPとは、Open Graph Protocol（オープン・グラフ・プロトコル）の略称です。SNSでユーザーがWebページにリアクションをした際に、SNSに情報を伝えるために必要なプロトコルです。OGPの設定によ
FacebookのOGPデバッガーがログイン必須で自動キャッシュクリア不可になって困った | 初代編集長ブログ―安田英久
今日は、Facebook関連の小ネタを2つ。1つはFacebook Debuggerがログイン必要になってしまいOGPキャッシュ自動クリアができなくなったこと、もう1つは、いいね！が一定数を越えるとtitleなどが固定されてしまうという話題です。 2013-12-25 1つ目のFacebookデバッガーの問題、読者さんのヘルプで解決しましたので、その方法を追記しました。 FacebookのOGPデバッガーがログイン必須にFacebookのOGPデバッガー（オブジェクト デバッガ－）がログイン必須になってしました。いつごろからなのかは把握できていません。 Debugger - Facebook Developers https://developers.facebook.com/tools/debug/このツール、本来はWebページなどに記述しているOGPをFacebookがどう認識している
OGPの「fb:app_id」とか「fb:admins」って何のために必要なの？
さて。OGPについてのエントリーを書いたばかりですが。 色々頑張って、このブログのOGPは↓こんな感じになりました。 <meta property="fb:app_id" content="1234567890" /> <meta property="og:type" content="blog"> <meta property="og:description" content="***記事抜粋***"> <meta property="og:title" content="***記事タイトル***"> <meta property="og:url" content="***記事URL***"> <meta property="og:site_name" content="Sunday In The Park"> <meta property="og:image" content="htt
Wordpress＆facebook連携設定① OGP設定方法
「ブログのアクセスアップにはSNSとの連携が大事です！」 「特にfacebook重点！シェアされてバイラルでアクセス倍増！」 …と、ブログのアクセスアップについて調べていると こんなこと書いてある記事をよく見かけるかと思います。 でも、具体的に一体どうすればいいのか？ いいねボタン付けてるだけじゃダメなのか？（←不十分です） WordPressとfacebookの連携設定について色々調べてみても、 情報が散逸してたり、情報が古かったり、 公式でも英語のドキュメントしか用意されておらず、 正直かなり複雑で分かりづらいです。私も実際だいぶ苦戦しました。 と、いうことで、このブログで、 WordPressとfacebookを連携するための、 個人ブログ向け必須設定の方法を なるべく初心者にも分かりやすいようにまとめておきます。 まずは第一弾、OGPの設定方法からどうぞ。 OGP とは？ OGP(
HTML5でOGPの設定をする時にhtmlタグにxmlnsは不要
概要 ▶ HTML5はXHTMLではありません。このためOGPの設定で必要とされるxmlnsは不要なのです。代わりに「prefix」という記述を行います。 Geek_Tatoo by Massimo Valiani HTML5でウェブサイトを作成していて、気になったことがありました。 気になった瞬間はFacebookやGoogle+で使用されるOGP（Open Graph protocol）のためのメタタグを設定していた時のことです。 ネットで検索すると必ずと言っていいほど「xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml" を<html>のタグに追加しましょう」みたいなことが書いてあります。 こんな感じですね。 <html xmlns:og="http://ogp.me/ns#" xmlns:
FacebookのOGP設定で個人情報を守る!adminsをapp_idに変更する方法も
ところで、これらの記事では「fb:admins」の値の取得方法についても紹介しています。しかし、この値からFacebookの個人アカウントへたどり着くことができるため、運営者を特定されたくない人は「fb:app_id」に変更することをオススメします。 過去記事についても、気づいたものから追記修正していく予定です。 OGP設定でFacebook個人アカウント特定の方法と防御対策 私も積極的には実名や顔を出してませんが、オフやサークルや旅行先やセミナーなどで千数百人以上の人には「ゆめぴょん」としてお会いしてるので、もはや隠す意味もないかもしれません（笑）ブログの存在も、家族・兄弟・友人みんな周知です。 しかし、ブログや運営サイトを知られたくない人は、私の知り合いの中にもいっぱいいます。趣味嗜好や考え方がダダ漏れですからね。そんな人がFacebookのOGP設定で「fb:admins」を設定して
『Wordbooker』でogp:imageにサムネイル画像を設定[WordPress]
Kotoriはマルファン症候群という難病を患っています！ 今後は、マルファン症候群に関するトピックも扱っていきます！ KOTORI Blogの公式キャラクター「パンD」です。 ※2013年12月24日追記 WordPressとFacebookの連携は『Jetpack』プラグインで行ったほうが簡単です。 しかもGoogle+ページとTwitterとの連携も『Jetpack』で出来ます。絶対『Jetpack』使用したほうが楽です！！！解説書きました。参考にしてください。 FacebookページとWordPressを連携させる[Jetpack] まえがき そもそもWordPress更新したらFacebookにも投稿させようと思って色々頑張ってたんだけどWordPressとFacebookの連携自体はそんなに難しくなく『Wordbooker』というプラグインを使えば直ぐできました。 がしかし！ サ
![『Wordbooker』でogp:imageにサムネイル画像を設定[WordPress]](https://cdn-ak-scissors.b.st-hatena.com/image/square/082d4e3c1cf65f22deee26aec0fe7dc55808c675/height=288;version=1;width=512/https%3A%2F%2Fkotori-blog.com%2Fwordpress%2Fwp-content%2Fuploads%2Fbko5wl1b.gif)
ねたわん – WordPress推しブログ
WordPressを利用してブログを運営している方に役立つ情報を更新しています。初心者向けのワードプレス使い方ガイド・便利なプラグインを紹介しています。
SNSでリッチ表示してくれるOGPをWordPressに、プラグインを使わず設定する
FacebookやTwitterなどのSNSで記事がシェアされた時、リッチに表示されるOGPの設定をプラグインを使わず実装します。OGPについてよくわからない方は、予備知識として、こちらの記事に目を通してください。 Facebookなどでサイトが共有された時、リッチ表示するOGPの設定 また、プログラミング言語のphpの知識も必要になります。ドットインストールなどのプログラミング学習サイトで基礎知識をつけておきましょう。 PHP入門（基本編） (全32回) | ドットインストール OGPの設定手順 OGPの設定で必要となるコードやタグを、大きく2つに分けてみました。 prefix属性の記述 <meta>要素の記述 <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# website: http://ogp.me/ns/we
Open Graph Object Debugger - Facebook
Facebookにログインして、友達や家族と写真や近況をシェアしましょう。
★★Facebook・TwitterのOGP設定方法まとめ｜ferret [フェレット]
運営しているホームページやWebサイトで、OGP設定は行っていますか？ OGPとは「Open Graph protocol」の略称。FacebookやTwitterなどのSNSでシェアされた際に、そのページのタイトル・URL・概要・アイキャッチ画像（サムネイル）を意図した通りに正しく表示させる仕組みです。SNSでの拡散を通じて多くの人に記事をみてもらうためには必須の設定といえます。 そこで今回は、最新のFacebookの仕様に準ずるOGPの設定や確認方法、注意点などを紹介します。 OGPとは OGPとはOpen Graph Protcolの略称で、FacebookやTwitter、mixiなどのSNSでシェアされた際に、そのページのタイトル・URL・概要・アイキャッチ画像（サムネイル）を意図した通りに正しく表示させる仕組みです。 上の赤枠のように表示を目立たせることが可能で、URLだけの場
![★★Facebook・TwitterのOGP設定方法まとめ｜ferret [フェレット]](https://cdn-ak-scissors.b.st-hatena.com/image/square/ded3c626dd8aed6f4410bbdd0395c88db2470395/height=288;version=1;width=512/https%3A%2F%2Fferret.akamaized.net%2Fuploads%2Farticle%2F610%2Fog_image%2Fdefault-bdf2027367621662f48bdc85408bf81b.jpg)
facebookのOGPをプラグインなしで設定
遅ればせながら、いわしブログにもOGPを設定しました。OGPはfacebookなどのソーシャルで記事をシェアした時に、内容を正しく伝えるための設定です。 OGPはWordPressのプラグインを使えば簡単に設定できますが、今回はプラグインなしでOGPを設定してみました。 OGP（Open Graph Protocol）とはOGPとは Open Graph Protocol の略で、facebookをはじめ、google+やmixiなどのソーシャルメディアで記事をシェアした時に、その記事の写真や内容などを正しく表示させるための設定です。 OGPを設定しておけば、facebookで「いいね！」を押したときに、そのページの内容を正しく表示させることができます。 写真や記事の見出しが適切であれば、その記事を読んでもらえる確率は上がります。でも、アメブロなどの一部無料ブログではOGPの設定ができない
OGPの記述後もValidなHTML5文書にするマークアップ方法のメモ
W3CのNu Markup Validation Serviceを利用したところ、「Using the schema for HTML5 + SVG 1.1 + MathML 2.0 + RDFa Lite 1.1 + Microdata.」と表示されたのがきっかけでRDFa Lite 1.1という仕様の存在を知り、仕様を確認すると共にOGPのマークアップ方法を再検討してみました。 つい先日の2012年5月8日に勧告案となったRDFa Lite 1.1を見たり、改めてThe Open Graph protocolを見たりした感じでは、下記のようにマークアップすると良さそうです。ポイントは、html要素に指定しているprefix属性です。 <!DOCTYPE HTML> <html lang="ja" prefix="og: http://ogp.me/ns# fb: http://www.
Google+ API Shutdown | Google+ Platform | Google Developers
フィードバックを送信 Google+ API のサービス終了について コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 2019 年 3 月 7 日をもって、すべての Google+ API はサービスが終了します。このサービス終了は 1 月後半から段階的に実施され、これらの API 呼び出しは 2019 年 1 月 28 日から断続的に正常に動作しなくなります。 デベロッパーの皆様には、プロジェクトで最近使用された Google+ API メソッドと Google+ OAuth スコープ リクエストを記載したメールをお送りしておりますが、メールを受け取ったかどうかにかかわらず、Google+ API の依存関係を検索し、アプリケーションからすべて削除することを強くおすすめします。 サービス終了となる API のうち、よく使用されているものは次のとおりです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
metaタグに記述するソーシャルメディアや検索用のコードをまとめて簡単に生成できるオンラインツール -Meta Tags
The Open Graph protocol
head内に記述するソーシャルメディア・検索エンジン用のmetaタグを簡単に生成できる無料ツール -Meta Tags | コリス
FirebaseでSPAするときのSEO/OGP対応もうこれでいいんじゃないですか2018暫定版
Facebookのシェア投稿に「作成：筆者名」を表示するmetaタグの設定方法 | 初代編集長ブログ―安田英久