タグ

Webに関するHamken100perのブックマーク (49)

  • metaタグを追加してFacebookに対応する方法とハマりやすいポイント

    Facebook使ってますか? こんにちわ、ME課の渕上です。 ミーハーなぼくはもうすっかりFacebook中毒です。 Facebookといえば、「いいね!」や「シェア」といった仕組みで、面白いものを友達に共有できる仕組みが特徴的です。 この仕組をうまく使えば、プロモーションやキャンペーンに有効活用できそうですね。 今回は、いつものhtmlに一手間加えて「いいね!」や「シェア」で効果的に露出できるような方法をまとめてみたいと思います。 それでは続きからどうぞ! 「いいね!」「シェア」をするとFacebook上に何がどう表示されるのか 「いいね!」や「シェア」をすると自分の掲示板やニュースフィードにアクティビティが表示されます。 自分の掲示板 「いいね!」したものは「最近のアクティビティ」という項目にまとめられて表示されます。 よくよく見てみると、記事のタイトルだけのものと、サイト名が入って

    Hamken100per
    Hamken100per 2012/03/21
    Facebook Open Graph Protocolの使い方
  • ユダヤ式記憶術 口コミについて調べているのなら・・・ | 口コミ・レビュー投稿 E-BOOKデータベース

    ユダヤ式記憶術 口コミについて調べているなら、こちらのサイトをよく見たほうがいいです。 そして「試験に受かるユダヤ式記憶術」を購入したいと考えているなら、上記のサイトで、「試験に受かるユダヤ式記憶術」を使うことで何ができるのか、きちんと理解してからお求めになることをオススメします。 また、口コミや評価が書いてあれば、それもしっかりと見ましょう。 以下の「試験に受かるユダヤ式記憶術」についての情報も役立つかもしれません。 商品名称:「試験に受かるユダヤ式記憶術」 商品紹介:新タイプの記憶術。 従来のイメージ式記憶術を覆す。東大(文Ⅰ)から東大大学院卒業、外国語を40ヶ国以上マスターし、数多くの難関資格に一発合格してきた著者が指南。 大学受験高校受験難関資格試験の最強の武器になる記憶術。新タイプの記憶術。 従来のイメージ式記憶術を覆す、難関試験向けの論理記憶術。 商品価格:17800円 商品提

  • Facebookのウォールでちょっとアピールする方法(OGP) - EC studio デザインブログ

    サイトに設置した「いいね!」を押したとき、 タイトルとテキストだけではちょっと物足りない感じがしませんか? OGP(Open Graph protocol)の対応をおこなうだけで、 ウォールが少し華やかになります。 弊社サービスサイト「チャットワーク」で対応した時におこなった対応方法を紹介したいと思います。 弊社サービスサイトのOGP対応後 OGPを使うとどうなるの? OGP(Open Graph protocol)を使うと、 「いいね!」を押してウォールに投稿するときに、 タイトルや概要、表示する画像を指定することができます。 通常はFacebookが自動で表示してくれます。 OGPに対応する前のデフォルトはこのように表示されていました。 OGP対応方法 htmlタグの記述 まず、htmlタグにOGP用の記述を追記します。 「xmlns:og="http://ogp.me/ns#" xm

  • ウェブサービスの宣伝は、自分がウザいと思うほど行っても全く足りていない - uzullaがブログ

    DISCLAIMER 記事は個人の知識、感想に基づくもので、特定の組織を代表するものではありません http://uzulla.hateblo.jp/entry/2012/03/15/170632 この記事の蛇足記事です。 この記事の先取りまとめ 三行でいえば、 ・自分や身内で、ちまちまネタつくって継続的にポストしよう ・できるだけ転載してもらおう、その為の努力をしよう ・宣伝はとても重要だけど凄く面倒 もう以下読まなくていいよ!散った散った!!! 題 割と知られていないことですけど、ウェブサービスは知られないと使われない!!(ババーン あなたのそのウェブサービス、どうやって人に宣伝してます? 宣伝 宣伝とは何かを周知することですけど、自分で一件一件情報を伝えるなんて無理なので、流入を期待できるメディアに掲載してレバレッジかけます。 たとえば ・SNS掲示板など(CGM) ・ニュ

    ウェブサービスの宣伝は、自分がウザいと思うほど行っても全く足りていない - uzullaがブログ
  • 皆が知らない「いいね」ボタンと「OGP」の設定方法、超解説【1/2】 - INSIGHT NOW!プロフェッショナル

    2011.06.10 IT・WEB 皆が知らない「いいね」ボタンと「OGP」の設定方法、超解説【1/2】 井出 一誠(ガイアックス) 編集長 Blogや自社サイトに、Facebook「いいね!」ボタンを設置している方は多いと思いますが、「超重要」なOGP(Open Graph Protocol)の設定は出来てますか? OGPを設定するだけで「必ず」Facebookからの流入数が増加します。その増加率はサイトによっては2倍どころではありません。このエントリーでは、流入数が増加する理由、そのための設定方手順をご説明します。 Blogや自社サイトに、「いいね!」ボタンを設置している方は多いと思いますが、 ところで皆さん、「超重要」なOGP(Open Graph Protocol)の設定は出来てますか? これは、ラボの『わかっているようでわかってないFacebookの「いいね!」「シェア」を徹底

    皆が知らない「いいね」ボタンと「OGP」の設定方法、超解説【1/2】 - INSIGHT NOW!プロフェッショナル
  • Open Graph protocol

    Introduction The Open Graph protocol enables any web page to become a rich object in a social graph. For instance, this is used on Facebook to allow any web page to have the same functionality as any other object on Facebook. While many different technologies and schemas exist and could be combined together, there isn't a single technology which provides enough information to richly represent any

    Open Graph protocol
  • フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記

    みなさん、こんにちは お元気ですか?僕は元気です。 さて 最近よく、「いいね!」ボタンや「ミクシィチェック」ボタンによって、ウェブページを紹介し合う文化が少しずつ定着してきたなーと思います。 そんな中で、今後重要になってくるんじゃないかと思われる OGP (Open Graph Protocol)と言われる仕様があります。今日はそのことについて書いてみたいと思います。 OGP? おーじーぴー??とはなんでしょうか。 OGP とは 簡単に言うと「このウェブページは何のことを書いているか」という情報を、プログラムから読める形で HTML に付加する記述方法のことです。 まあ、普通のウェブページは人間が読めばだいたい何のことが書いてあるか分かりますよね。 ですが、プログラムは人間ほど頭が良くないので、そのウェブページ内の文章だけではそのページが何のことについて書かれているページなのか正確に識別す

    フェイスブック、ミクシィ、グリーで使われている OGP (Open Graph Protocol) とは何か - IT戦記
  • WebサイトをiPhoneで見やすくする5つの方法

    2017年6月29日 Webサイト制作, Webデザイン, 便利ツール iPhone持ってないくせにWebクリエイターボックスをiPhoneで見やすいよう改良しました。iPhoneからhttp://webcreatorbox.comにアクセスすると自動的にhttp://webcreatorbox.mobify.meにリダイレクトされます。(されてなかったら直接http://webcreatorbox.mobify.meからドウゾ…)今回は下記に説明するmobifyというサイトからiPhone用サイトを作りましたが、他にも便利な方法があったので紹介してみます。 ↑私が10年以上利用している会計ソフト! 1. CSSのみで切り替える iPhone用に作成したCSSを作り、デバイスの幅によって使用するCSSを切り替えます。 <link rel

    WebサイトをiPhoneで見やすくする5つの方法
  • 選んだ文字だけをSVG Fontsにまとめる·Fontomas MOONGIFT

    FontomasはWebブラウザ上で任意のアイコンだけのSVG Fontsを作成できるソフトウェアです。 Web Fontsを使うと画像を使わずに素敵なフォントをオンライン上で使えます。しかしフォントを読み込むために転送量が大きくなってしまうのが欠点です。そこで使ってみたいのがFontomasです。SVG Fontsを使って自分で選んだアイコンだけをWeb Fonts化できます。 様々なアイコンフォントが並んでいます。自由に選んでいきます。 さらに色々なアイコンがあるので適当に選びます。 アイコンサイズを変更することもできます。 選んだものだけが抽出されます。 SVGが出力されました。これを使えばWebフォントとして使えます。 保存ダイアログです。 Fontomasを使えばフォント全てを読み込まずに選んだものだけを使えるようになります。そのためサイズが小さくなるのが利点です。また、複数のソ

    Hamken100per
    Hamken100per 2012/03/09
    使いたい文字だけフォントから抜き出すツール