ロゴデータやカラーコード確認など、サイト・ブログ制作時に利用する機会が多いサービスのガイドラインリンク集 - NxWorld
サイト制作時にTwitterやFacebookなどのソーシャルメディアサービスのボタンを設置する機会が多いと思いますが、それらを特に独自デザインなどで実装する場合はロゴデータが必要だったり、どのようなカラーコードを使用しているかなどを調べることがあります。 自分もそのような場合は公式からデータをもらったりカラー確認したりするのですが、毎回ググるのが面倒なのとサービスによってはすぐに該当ページを見つけられないなんてことも稀にあるので、個人的にサイトやブログ制作時によく設置・利用されると思う各種サービスのガイドラインへのリンクを一覧化しました。 サービスによってはリンク先で全ての内容を確認できないものもありますが、ほとんどがロゴデータをダウンロードすることができ、ブランドカラーなども確認できるページとなっています。 また、利用条件や禁止事項についても同ページ内に記載されているところが多いので、
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月
「いいね！」ボタンは XFBML 版を設置して Facebook に最適化すべき
右側の最近のアクティビティが増えています。もうちょっと下にある「いいね！」一覧も増えますが、あまり目立ってません。 XFBML 版の「いいね!」ボタンを押してみる 押した状態になるところまでは同じだけど、コメント入力用のポップアップが出てきます。 通常の投稿としてタイムラインに表示されましたね。 単に「いいね！」したときに比べて、目立つようになりました。 じゃ、ニュースフィードはどうなる？ 自分のタイムラインは分かったので、友達のニュースフィードではどうでしょうか。 Facebook の開発者向けドキュメントには If users do add a comment, the story published back to Facebook is given more prominence. もしユーザーがコメントしたら、コメント内容は Facebook に反映されて、さらに目立つようになり
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:
いいね!数1000を5分で自作自演する方法： いいね!数のカラクリとその見破り方 | 初代編集長ブログ―安田英久
ですから、これを知っている企業さんは、できるだけシェアされ、そのシェア上でコメントが展開されるようなコンテンツを作るよう心がけているところもあるようです。 そのほうが、「いいね！」数が伸びやすくなりますからね。 でもこれは、次の2つがどちらも「いいね！」ボタン上では「1000」と表示されることを意味します。 いいね800回、シェア200回 ＝ 表示いいね！数は1000いいね0回、シェア1回、シェアへのコメント999回 ＝ 表示いいね！数は1000また、シェアは公開されている必要はありません。 だから、ボタンに表示される「いいね！」数を水増ししたかったら、水増ししたいURLをFacebook上で「自分のみ」でシェアして、そのシェアに自分でコメントを付けていけばいいのです。コメントの中身はなんでもいいのです。 5分もあれば、1文字コメントを1000件ぐらい付けられます。これで、「1000いいね
Facebookで友達になりたくない相手から、友達申請が来た場合の対処法 | 京都 ホームページ作成 WEB制作会社 ライフクルー
photo credit: miguelavg via photopin cc Facebookユーザーの6割、「承認したくない友達申請受けたことがある」 http://www.itmedia.co.jp/news/articles/1211/28/news097.html [ITメディアニュース] Facebookを使っていると、一度はぶつかる問題ですね。 セミナーなどの質疑応答でも「どうすればいいでしょうか？」と、よくいただく相談です。 対処する方法としては、 まず“承認しない”のか、それとも“承認する”のかで大きく別れますが、 いくつかあるので、以下順番にまとめて説明します。 まずは 友達リクエストを承認しない 知らない人からは友達リクエスト出来ないようにする でも、承認せざるを得ない場合は、 自分の投稿を見られないようにする 友達の投稿がニュースフィードに流れないようにする やっぱ
FacebookのOGPでちょっと気になった事があったんですけど誰か / Maka-Veli .com
Facebook眺めていて、OGPがちゃんと設定されてるのに表示されないモノがあったので少し調べてたんです。先に言っとくと、その件は個人の中ではまだ解決してないんですが、その他のところで気になったのがあったのでメモしときます。 OGPってアレですね、Facebook等でシェアされた時に表示される情報を設定するヤツ。例えば <meta property=”og:title” content=”MAKA-VELI.COM” /> としたら投稿のタイトルが MAKA-VELI.COM になるヤツ。 詳しくはこちら で、気になったのは、これらがきちんと設定されていたページにも関わらず、ogpのimageが表示されていなかったんです。 デバッガー通せばキャッシュされて表示されるかな？と思ったんですが、 なぜかデバッガーではきちんと設定されていた項目になぜか警告とエラーが。 ソース中で
WordPressでFacebookのいいね！ボタンを不具合無く設置する際のポイント
Facebookのいいね！ボタンはすでに当たり前のように設置されているけど、これって登場からまだ1年半ちょっとだった（よね？）たぶん。 こないだ仕事で、とあるWordPressで構築したサイトにいいね！ボタンを設置した所、謎のバグに遭遇した。 紆余曲折の末、解決はしたんだけど、ちょっと気をつけておいたほうが良い点なども踏まえ、WordPress内でソースに書いて挿入する設置方法のまとめをしてみようと思った。 Facebook開発者アカウントを認証しよう まず、Facebookはスパム対策のため、アカウントを認証する必要があります。 もちろん前提としてFacebookアカウントを持っていることが必要ですが、その上でこのページから携帯メールアドレスを確認しておきます。 余談ですが、Facebookって解り辛いんですよね。。個人的に日本語ライクじゃないというより、根本的な構造の問題もある気がしま
canonicalは検索エンジンだけのものじゃない - web > SEO
canonicalは、GoogleとYahoo!、マイクロソフトが共同で策定した仕様です。 正しいサイトのURLを検索エンジンに指定することができるもので、これをうまく活用すると重複コンテンツやリンク価値の分散、無駄なインデックスのなどの様々な問題を防止することができます。 特に大量の動的ページを含む大規模サイトでは様々な意図でcanonicalが活用されていて、canonicalは無くてはならないものになっているサイトも少なくありません。 しかしcanonicalを活用しているのは検索エンジンだけではありません。Facebookやはてなブックマーク、Twitterなどソーシャルメディアもカノニカルを参考にしています。 そのような中、canonicalを検索エンジン対策、SEOのためだけに使っているとソーシャルメディア側で問題が起きる場合もありますので注意が必要です。 実際にどのような形で
Facebookのタイムラインでカバーとプロフィール写真を一体化させるオシャレテク | ライフハッカー・ジャパン
Facebookの新しいタイムライン機能が全ユーザに適用されましたが、先に使っているアーリーアダプターが使えるテクをいくつか発見しています。そこで今回は、カバー写真からプロフィール写真を切り取る方法や、カバー写真の中にプロフィール写真を入れ込む、オシャレなピクチャー・イン・ピクチャーの方法などをご紹介していきましょう。この写真関係のテクには大きく2つのやり方があります。1つはPhotoshopを使うやり方、もう1つはPhotoshopを使わないやり方です。 ■Photoshopを持っている人 Photoshopを持っている人は「Ausgetrock.net」のデザインチームが提供している、Photoshopのテンプレートとアクションのセットをダウンロードして、写真のサイズをそれで測れば楽勝です。カバーとプロフィールの写真を一体化させたい人は、左下にプロフィールにしたい写真があるようなサイズ
【2018年最新版】企業がFacebookページを作成する時に押さえておきたい10の手順
a]:flex [&>a]:flex-row [&>a]:justify-between [&>a]:py-[18px] [&>a]:border-t [&>a]:border-lightgray [&>a]:border-opacity-20 [&_li]:my-1 [&_li]:list-['-_'] [&_li]:py-[18px] [&_li]:border-t [&_li]:border-lightgray [&_li]:border-opacity-20 [&_.Label]:transition-all [&_.Label]:w-fit [&_.content]:transition-all [&_.content]:h-0 [&_.content]:pt-0 [&_.content]:px-5 [&_.content]:overflow-hidden [&_.toggle:
延べ1,198事例！Facebookウェルカムページの「デザイン」に悩んだら見るべき7サイト＋6記事 « 株式会社ガイアックス
a]:flex [&>a]:flex-row [&>a]:justify-between [&>a]:py-[18px] [&>a]:border-t [&>a]:border-lightgray [&>a]:border-opacity-20 [&_li]:my-1 [&_li]:list-['-_'] [&_li]:py-[18px] [&_li]:border-t [&_li]:border-lightgray [&_li]:border-opacity-20 [&_.Label]:transition-all [&_.Label]:w-fit [&_.content]:transition-all [&_.content]:h-0 [&_.content]:pt-0 [&_.content]:px-5 [&_.content]:overflow-hidden [&_.toggle:
オウンドメディアリクルーティングの記事コンテンツ２５テーマ一覧まとめ | 求人広告代理店のリクエストエージェント
採用活動を目的としたオウンドメディア（オウンドメディアリクルーティング）を運営し始める企業が増えています。一方で、どんなテーマで更新すればいいのか悩んでいる担当者も多いのではないでしょうか。 今回は、実際に企業の公式オウンドメディアページ内に取り入れられているコンテンツをテーマごとに事例をまとめました。個性的なコンテンツをもっと充実させて作りたいときのヒントにしてみてください。 １、就活生・転職者に向けたメッセージ 採用のためのオウンドメディアの目的は、自社の採用ポリシーや欲しい人材、自社の目指す方向性、社長からのメッセージなど、就職活動中の学生や転職者に向けたメッセージを発信することです。 まず最初におすすめなのが「就活生・転職者に向けたメッセージ」です。採用オウンドメディアを作ったら、一番目に公開したいコンテンツです。特に印象的で、共感を呼ぶメッセージを選んでみました。 経営陣、社員、
インスピレーションを刺激する！Facebook新タイムラインのデザイン51選！
あっという間に12月！ さて、こんな年末の年の瀬迫るちょー多忙期に、なんとFacebookのタイムラインが新しくなることに！ カバー写真とプロフィール写真を工夫することで、面白い見せ方をしているデザインを51個ご紹介します！ 新タイムラインの設定方法やカバー写真の変更方法についてはこちらがおすすめです！ 来月スタート！新・facebook「タイムライン」登場。で、準備しておきたい５つのこと Facebookでタイムラインのcoverを設定する方法 - nanapi Web また面白いプロフィールページだけを集めたFacebookのグループもおすすめ！ Awesome Profile Hacks Ekkapong Techawongthaworn Mohammad L. Azzam Andrew Grojean Yale Zhao Sune Adler Miltersen Sven De B
複数のFacebookアカウントをワンクリックで切り替えられるChrome拡張機能「fbQuickLogin」 : 二十歳街道まっしぐら
fbQuickLogin for FacebookはFacebookのアカウントをワンクリックで切り替えられるChrome拡張機能です。 家族で同じPCを利用していてFacebookのアカウントを切り替えたいといったときに使えるのかな（？） 同じPCで何度もユーザの切り替えが必要なときに便利です。 基本Facebookは1人1アカウントなので、複数持っていると利用規約に違反するようです。 隠れて複数アカウント持っている方にはその切り替えに使えますね。 単純な仕組みですがワンクリックでアカウントを切り替えることができます。 以下に使ってみた様子を載せておきます。 まず「fbQuickLogin for Facebook」にアクセスしましょう。 Chromeに拡張機能をインストールしましょう。 ユーザ名、パスワードを登録します。 このような感じで拡張機能をクリックすると、アカウント一覧が表示さ
FacebookページのSEOを強化する7つの秘訣 ｜SEO Japan by アイオイクスSEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
Facebookページを開設する日本企業も増えてきたとは思いますが、そうはいってもまだまだソーシャルだけに頼っていられないというあなたのために、FacebookページのSEOに関するティップスを7つ紹介する記事をお届けします。意外と自由に作り込めるFacebookeページですが、SEOを気にするなら（もちろん、しないという選択肢もあります）ここに書いてあることは意識して運営したい？ — SEO Japan ブランドとビジネスは従来のウェブサイトから離れ、自分達のFacebookページにますます重点を置くようになっている。これは、カスタマーサービスと相互作用の観点からは素晴らしいが、SEOの観点からは確実にややこしくなっている。 以前は、キーワード満載のテキストと相互リンクと見出しテキストの賢い利用によって、巧妙なSEOのエキスパートがウェブサイトをランキングの上位に押し上げることができた。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Brand Resource Center
404error Page Not Found｜無料ホームページ・ブログ作成【SiteMix（サイトミックス）】
Loading...
Facebookページリンク集 ソーシャルブックマーク 520PX facebookmark