タグ別アーカイブ: Facebook

eye_sns_icon

各種サービスロゴの利用ガイドラインまとめ

SNSをはじめとする各種サービスのロゴには色や大きさの指定をはじめ、権利や利用条件があります。ウェブサイトにバナーやボタンを自作で掲載する際の参考として、利用ガイドラインをリンクにまとめました。
※読み込みに時間がかかる場合がありますが、ご了承ください。

Twitterのブランドガイドライン

https://about.twitter.com/ja/press/brand-assets

https://about.twitter.com/ja/press/brand-assets

Facebook Brand Resources

https://www.facebookbrand.com/

https://www.facebookbrand.com/

Google+ ブランディングに関するガイドライン

https://developers.google.com/+/branding-guidelines?hl=ja

https://developers.google.com/+/branding-guidelines?hl=ja

LINE ロゴの利用について

http://line.me/logo/ja

http://line.me/logo/ja

Tumblr ロゴを自由に使おう

http://www.tumblr.com/logo

http://www.tumblr.com/logo

WordPress › Logos and Graphics

https://wordpress.org/about/logos/

https://wordpress.org/about/logos/

ブランドガイドライン | 法人向け Pinterest

http://ja.business.pinterest.com/brand-guidelines/

http://ja.business.pinterest.com/brand-guidelines/

Evernoteトレードマークの利用に関して

http://evernote.com/intl/jp/trademark/

http://evernote.com/intl/jp/trademark/

このエントリーをはてなブックマークに追加
LINEで送る

eye_fb_ogp

FacebookのOGP設定

FacebookのOGP設定をすると、Facebook外のウェブページに設置した「いいね!」ボタンのアクションなどがニュースフィードに表示され、記事を見てもらう機会が多くなります。また、Twitter Cards を設定する際にも便利なので、今回設定してみました。

【設定方法】

1:HTMLの文頭に以下の要素を追加

<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja" dir="ltr" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">
2:<head>~</head>内に以下のHTMLタグを追加

<meta property="og:title" content="ページタイトル" />
<meta property="og:type" content="website,article または blog" />
<meta property="og:description" content="ページの概要" />
<meta property="og:url" content="ページのURL" />
<meta property="og:image" content="フェイスブックに投稿したときに表示するサムネイル画像のURL" />
<meta property="og:site_name" content="サイト名" />
<meta property="fb:admins" content="fb:adminsナンバー" />

補足:fb:adminsナンバーの探し方

プロフィール写真のリンクにある5桁の数字が fb:adminsナンバー です。プロフィール写真のマウスオーバー時に表示されるブラウザのアドオンバーまたは右クリックの要素の検証から確認できます。

fb_admin-num_472

href=”https://www.facebook.com/123456789012345/photos/a.123456789012345.12345.123456789012345/123456789012345/?type=1&source=11″

※ URL内の数字は仮のものです。

<a class="profilePicThumb" id="u_0_1l" href="https://www.facebook.com/123456789012345/photos/a.123456789012345.12345.123456789012345/123456789012345/?type=1&source=11" rel="theater">
なお、Wordpressでの設定は下記のサイトが参考になりました。
■ Facebook投稿時にサムネイルを表示するためのOGP設定-WordPressカスタマイズ – Web Shufu

3:Facebook Developers のデバッガーでチェック

fb_admin-debug-st

設定が済んだら、Facebook Developers のデバッガーでチェックします。

fb_admin-debug

デバッガーでエラーがなければOK。これでFacebook外のウェブページに設置した「いいね!」ボタンのアクションもニュースフィードに表示されるようになりました。

このエントリーをはてなブックマークに追加
LINEで送る