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」を設定して
ねたわん – 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画像シミュレータ | og:image Simulator
OGP画像シミュレータとは？ FacebookのOGP画像は正方形で表示されたり横長で表示されたりするため、デザインがとても大変。 そんな時に便利なのがこのOGP画像シミュレータ。 デザインしたOGP画像をドラッグ&ドロップし、タイムライン上でどう見えるかシミュレートしてみましょう。 https://ogimage.tsmallfield.com/ 1200 x 630 px 以上推奨 https://developers.facebook.com/docs/opengraph/creating-object-types/#properties 最低でも 600 x 315 px、また大きければ大きいほど良いため 1200 x 630 px 以上の画像サイズが推奨されています。画像がクリッピングされるのを防ぐため、縦横比をなるべく1.91:1に近づけるようにしましょう。 （2014年01月
【Facebook仕様変更】リンク投稿における画像表示サイズが変更されました
ぬががががが。またかよーまたかよー。 すでに「おや?」と思われている方もいるはず。Facebookのニュースフィード仕様が変更されています。新ニュースフィードの導入間近ということなんでしょうかね。 Facebook本の著者としては対応せざるを得ませんよ。 ということでですね、これはもう見てもらったほうが早い。 ニュースフィードを眺めていると、時折こんな感じにニュースフィードの幅いっぱいになったリンク投稿が流れてきているのではないかと思います。 表示されるOGPの画像サイズが大きくなったことで、表示されるリンクタイトルやリンク先の概要も今まで以上の情報量が見えるようになりました。 このリンク投稿における画像サイズの変更は、記憶にある限りこれで2度目。 もともとリンク投稿におけるOGP画像の表示サイズは90px × 90pxの正方形だったのですが、これが2013年1月中旬ごろに、およそ3倍の表
OGPタグ確認に便利！ブックマークレットで手早くチェック | ブログ | SINAP - 株式会社シナップ
'+'%E3%82%A4%E3%83%A1%E3%83%BC%E3%82%B8%E3%82%BF%E3%82%B0'+'%E3%82%A4%E3%83%A1%E3%83%BC%E3%82%B8%E3%82%BF%E3%82%B0 ';if(og_image%20==%20undefined){addtext%20+='%C3%97%20og:image%E3%81%8C%E8%A8%AD%E5%AE%9A%E3%81%95%E3%82%8C%E3%81%A6%E3%81%84%E3%81%BE%E3%81%9B%E3%82%93%E3%80%82 '}else{addtext%20+='url'+%20og_image%20+' ';if(og_image.match(/http:\/\/[^\/]*/)%20!=%20null){var%20og_image_domain%20=%20o
How to Factory Reset iPhone 15 Pro Max - Skyward Design
Ever find yourself needing to wipe your iPhone 15 Pro Max clean? Maybe you’re planning to sell it, following an iPhone guide at i5apps.com, or perhaps it’s just time for a fresh start. Whatever your reason, performing a factory reset is a straightforward process. By the end of this quick overview, you’ll know exactly how to restore your iPhone 15 Pro Max to its original factory settings. After you
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
metaタグに記述するソーシャルメディアや検索用のコードをまとめて簡単に生成できるオンラインツール -Meta Tags
The Open Graph protocol
head内に記述するソーシャルメディア・検索エンジン用のmetaタグを簡単に生成できる無料ツール -Meta Tags | コリス
Facebookのシェア投稿に「作成：筆者名」を表示するmetaタグの設定方法 | 初代編集長ブログ―安田英久