ウェブ管理者 - シェア機能 - ドキュメンテーション - Meta for Developers
ウェブ管理者向けシェア機能ガイドこのドキュメントでは、デスクトップ、モバイルサイト、モバイルアプリのいずれからであっても、利用者がウェブホスト型コンテンツをFacebookにシェアした時に最適な表示にする方法を説明します。 このドキュメントでは、以下の情報を扱います。 Open GraphマークアップほとんどのコンテンツはURLとしてFacebookにシェアされるため、ウェブサイトをOpen Graphタグでマークアップし、コンテンツがFacebook上でどのように表示されるかをコントロールすることは重要です。ウェブサイトがFacebookのクローラーによって正しくシェアされるようにするには、サーバーでもgzipとdeflateエンコーディングが使用されていなければなりません。 これらのOpen Graphタグがない場合、Facebookクローラーは内部ヒューリスティックを使用して、コンテ
OGP設定のHTMLソースと Facebook, Twitter Cardsの設定を全部まとめてメモ！
OGP設定のHTMLソースと Facebook, Twitter Cardsの設定を全部まとめてメモ！ サイトにSNSへのシェアボタンを設置したからには、OGPの設置もしたほうがイイですね。 OGPの設置は、サイトの <head>部分の <meta>要素に記述をするだけで簡単。 FacebookとTwitter (Twitter Cards) は、基本のOGPの記述があれば、そこに数行を足すだけ。 ということで、本ブログにもOGPを設置したので、忘れないうちにメモっておきます。 ＊今回は、まずOGPの HTML上での基本構造や、Facebook・Twitter用の設定をメモ。まずは基本を整理。 ＊WordPressでの設置は、パーツテンプレートを作り、タグを編集する必要があるので、次回メモ。 本日のINDEX OGPは<meta>要素に記述する <head>要素のprefix属性への記述
貼るだけ簡単！アクセスが倍増するWordPress用OGPコード
プラグインに頼らず、思い通りに動作するOGP用のコードを書きました 2012年3月現在、日本のFacebook利用者数が768万人。Google+は200万人。Twitterは3000万人。mixiのユーザー数は2,623万人。（セレージャテクノロジー＆Semiotics調べ） 全てのトラフィックを有効に活用すれば、サイトへのアクセスは何倍にも増えます。 実際にFacebookからの流入が倍増 事実として今回設定するOGPを設置したところ、Facebookからの流入が数倍になったという例が多数報告されています。 せっかく有益な記事を書いたなら、ソーシャルメディアに適切に内容を伝えて、多くの人に見てもらいましょう。 まずは解説 （もう知っているぞという方は読み飛ばしてください。） 「OGPとはなんぞや？」という方のために、簡単に解説します。正式名称はOpen Graph protocol。「
フェイスブック、来年からの利用規約に要注意！（神田敏晶） - エキスパート - Yahoo!ニュース
KNNポール神田です！ 【追記】利用規約の変更の日時が2015年1月30日に変更された 利用規約変更は2015年1月30日に変更http://bylines.news.yahoo.co.jp/kandatoshiaki/20141230-00041922/ 2015年元旦から変わるfacebookの利用規約フェイスブックが2015年01月01日から、利用規約を変更する。 https://www.facebook.com/about/terms-updates/?notif_t=data_policy_notice このたびのPrivacy Basics(プライバシーベーシック)の導入により、Facebook上のエクスペリエンスを皆様が管理する方法についてヒントや手順ガイドを入手できるようになります。また、利用規約、データポリシー、Cookieポリシーも、導入する新機能に対応した理解しやすい
公式SNSボタンは重い！コピペでできるCSSのSNSボタンで軽くする
ブロブ等のWebサイトにFacebookやtwitterなどのSNSボタンを設置していますでしょうか？記事に「いいね！」を押してもらったりシェアしてもらうのに大切なアイテムですね。各SNSの公式サイトにもボタンの設置方法等が紹介されていますし、多くの方が利用しているのではないかと思います。 WordPressをご利用の方であれば、『WP Social Bookmarking Light』等のプラグインを利用して簡単にSNSボタンを設置することが可能です。 しかし公式のSNSボタンを利用することによるデメリットも存在します。SNSボタンを設置してあるページを読み込む（表示させる）のに、とても時間がかかり重いのです。Facebookの「いいね！」ボタンは特に重いような・・・。ユーザビリティやSEOの面でもページ表示速度が重要視されるようになり、「0.1秒でも早くしたい！」という方にとって無視す
WordPress かなり手軽なクライアントに納品する際の管理画面カスタマイズ | 誰かのためのホームページ制作
WordPressでウェブサイトを構築しクライアントに納品する際の、ありがちな悩み。管理画面をどのようにカスタマイズしようか…。 管理画面がデフォルトのままだとよろしくない。メニュー項目が多すぎるため、一見してどこに何があるのかわかりづらい。技術者ならともかく、あまりWordpressに慣れていないクライアントの立場からしたら気が重くなる。そこで納品時には、ある程度管理画面をカスタマイズするほうがよい。 本稿では、手軽にできて後の案件にも使いまわせる、比較的あっさりめなカスタマイズ手段を紹介しよう。 簡易的な管理画面カスタマイズ：メニュー項目を少し見にくくする 完成図 完成図は下記スクリーンショットをご覧いただきたい。 やっていることは非常に単純で、管理画面内のあまりクライアントに触れてほしくないメニュー項目を見にくくしている。文字サイズを小さくし、文字色を薄くしているだけだ。 補足だがメ
Wordpress×Facebook！記事自動連携プラグイン【Wordbooker】の設定手順～4ステップ～
エンジニアの転職情報サイト > Facebook活用 > WordPress×Facebook！記事自動連携プラグイン【Wordbooker】の設定手順～4ステップ～ 公開日：2013-09-30 更新日：2022-10-16 今回の記事では、Wordpressブログと、「Facebookページ」を運営している方、 そして、両メディアの管理を効率化させたい方を、対象としています。 ブログだけでなく、Facebookの方も更新し続けていく事は、非常に手間になりますよね。 そして、結局どちらかのメディアが放ったらかし、、、なんて状態になっている場合も多々あると思います。 そこで、今回紹介するのが、Wordpressブログで更新した記事を、自動でFacebookページへ連携するプラグイン「Wordbooker」です。 今回の記事では、この「Wordbooker」を設定する手順について、４ステップ
タイトル
February 07, 2013 12:12 カテゴリHTMLSNS ソーシャルネットワーク 【追記】SNSに掲載されたときはずかしくないようにOGPを設定しよう。 Posted by okappu Tweet OGPというのはThe Open Graph protocolの略でフェイスブックを始めmixiやGoogle＋等のSNSとウェブページを連携させるための情報をコンピュータが読めるように記述したものです。 最近、よくサイトをみているとある、metaタグpropertyについてまとめ。 簡単にいうとfacebookなどのSNSで、サイト情報が表示する際に、 なぜ、このサイトこんな画像（サムネイル）なの？ なぜ、こんな文章・説明文なの？ ってことがないように、OGPを設定しておくとスマートになれるってことです。 基本情報 <meta property="og:title" conte
Facebookが「埋め込み投稿」機能を公開 - Facebook navi［フェイスブックナビ］
Facebookは、投稿をFacebook外のwebページに貼り付けることができる「埋め込み投稿」機能を発表しました。 一見難しそうに思えるこの機能ですが、やり方は非常に簡単。投稿の右上にある「▼」のプルダウンメニューから[埋め込み投稿]を選択し、埋め込み用のHTMLをそのままwebページにコピー＆ペーストすれば投稿を掲載できます。
【タイムライン対応版】Facebookページを制作する時の11個の手順、総まとめ « 株式会社ガイアックス
3月31日の大幅仕様変更(タイムライン化)で、世に出ている多くのFacebookページ制作の解説記事、解説本の内容が古くなってしまいました。タイムライン化後のFacebookページの制作手順をまとめた記事は、私の見た限りまだ出ていないので、私のほうでまとめてみました。 Facebookページ制作経験がある方にも、備忘録として使って頂けるかと思います！ぜひご活用ください！ ※編集部注： 2016年10月7日、最新情報をもとに一部加筆修正を行いました。 ■目次 Facebookページのアカウントを取得する Facebookページを、一旦非公開にする ３．他の管理人を追加する 他の管理人を追加する。 一般設定を編集する 「基本データ」を設定する プロフィール画像、カバー画像を作成、設定する ソーシャルメディアポリシーを用意する ウォール投稿をしておく タイムラインのトップに重要な投稿を固定する
エフセキュア、Facebook用セキュリティ「ShareSafe」をベータ公開
9月20日（現地時間）、フィンランドのエフセキュア・コーポレーションは、Facebook上のマルウェアやスパム、フィッシングなどの拡散を防ぐために開発したFacebookアプリケーション「ShareSafe」のベータ版をリリースした。 ワールドワイドで爆発的にユーザーを増やしているFacebookは、サイバー犯罪の温床にもなっている。エフセキュアによれば、攻撃者はユーザーをフィッシングサイトやマルウェアを仕込んだサイトに誘導するために、拡散を狙った悪意のあるリンクをFacebookにばら撒いている。しかし、Facebook上に張られたリンクの安全性を確認する効果的な方法が存在しないのが実情だったという。 こうした状況に対抗するのがShareSafeで、特許出願中の最新技術を使い、Facebookのニュースフィードやウォール上でスパムや悪意のあるリンクからユーザーを守るというもの。 Shar
企業に広がる「SNS疲れ」：日経ビジネスオンライン
SNS（ソーシャル・ネットワーキング・サービス）疲れが広がっている。原因は、ツイッターなどでのつぶやきの相次ぐ“炎上”。マーケティング効果が実証されていないだけに、SNS離れが加速しかねない。 大手外食チェーンの広報担当者A氏は、ある種の“覚悟”を決めている。 「顧客の生の声を聞くのはいいが、その場では苦情は受け付けない。顧客には媚びない。媚びるからノイローゼになる。企業アカウントが“炎上”しようと、それが売上高に影響することなどあり得ない」 ミニブログサービス「ツイッター」を活用して情報発信を始めて1年半。幾度となく、名も知らぬユーザーから非難されたり、罵詈雑言を吐かれたりした。就業時間を超えてつぶやいていると「あなたの会社は残業代をちゃんと払っているのか」などと執拗に絡まれた。言い返せば、火に油を注ぐような結果になる。 A氏は言う。「匿名の暴力以外の何物でもない。企業アカウントの担当者
Facebookページ作成の際に参考にしたFBページまとめました | HTML5でサイトをつくろう
Facebookページの作成で参考にしたFacebookページ 今回Facebookページの作成で参考にしたFacebookページをまとめました。国内のFBページの事例紹介や無料テンプレートサイト、FBページ製作Tips系などを参考にしました。 こちら以外にもオススメがありましたら教えてください。 デザインが素敵な日本語Facebookページ 10選 http://goo.gl/lev0Z Facebookプロモーション国内事例集 http://goo.gl/RYq34 iframeテンプレート実用サンプル集 http://www.facebook.com/iframe.templates ソーシャルメディアで勝つためのランディングページ攻略方法 http://www.facebook.com/jetbulls フェイスブックページ・フリーテンプレート倶楽部 http://www.face
Facebook基礎 | HTML5でサイトをつくろう
Facebookページの作成方法を当ブログで以前ご紹介しましたが、2011年10月1日から仕様が変更になりSSL対応が必須になりましたので今回は変更点について確認してみたいと思います。 以前まではSSLに対応していないFacebookページに『https』でアクセスした場合、Facebookページの作成 第1回『iframe対応ページ追加』 / Facebook基礎でご紹介したように警告が表示されていました。 警告は表示されますがこのまま『続行』をクリックすればページ表示可能だったのですが、10月1日以降は対応していない場合は表示することができないということになります。・・・
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
いいね！ボタンは新しいコードに書き換えないと2015年5月以降動かなくなります（公式情報） | 初代編集長ブログ―安田英久
IDEA * IDEA
新しくなったFacebookの使い方を整理する
Facebookページリンク集 ソーシャルブックマーク 520PX facebookmark
企業がFacebookページを始める時に押さえておきたい28個の手順 【準備&プランニング編】 | Facebookページ活用 実践ガイド