Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                

タグ

metaに関するweb_designerのブックマーク (7)

  • テキストでつながる新しいアプリ、「Threads(スレッズ)」をローンチ | Metaについて

    マーク・ザッカーバーグは7月5日(米国時間)、Instagramチームが開発した、テキスト共有アプリ「Threads(スレッズ)」の初期バージョンを発表しました。クリエイターでも、気軽に投稿したい人でも、リアルタイムの近況や他の利用者との会話を楽しめる新しい場を提供します。今後、オープンで相互運用可能なソーシャルネットワークがインターネットの未来を形作ると考えており、Threadsもそのような互換性を持つようになる予定です。 Threadsについて: Instagramチームが開発した新しいアプリで、テキストで近況を共有したり、他の利用者との会話に参加したりすることができます Instagramアカウントを使ってログインすることができ、最大500文字で投稿可能。リンク、写真、最長5分の動画も投稿することができます 今後、オープンで相互運用可能なソーシャルネットワークがインターネットの未来を

    テキストでつながる新しいアプリ、「Threads(スレッズ)」をローンチ | Metaについて
  • TwitterカードやOGPなど、head内のmetaに記述するコードを簡単に生成できるオンラインサービス -Hey Meta

    head内のmetaに記述するTwitterカードやFacebookのOGPのコード、Googleなどの検索エンジン用のコードを確認・生成できるオンラインサービスを紹介します。

    TwitterカードやOGPなど、head内のmetaに記述するコードを簡単に生成できるオンラインサービス -Hey Meta
  • meta viewportがよくわからん

    programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + / 結局 が一番いいのかもと思った。html5 boilerplate mobileでも使われていたので… 以下はよく検証してないので間違ってる可能性があります。 まず、ほんとは にしたい。想定される結果は、iPhone縦だとviewportの幅が320px、iPhone横だとviewportの幅が480pxになるというもの。だがこれをやると、iPhoneで縦→横にしたとき、コンテンツの幅は320pxのまま、これが幅いっぱいにズームされた状態になる。iPhone Safariは、基、縦→横にしたら、その時の画面の幅を維持して拡大してくれるので、user-scalableがyesである限り、wid

    meta viewportがよくわからん
  • Humans TXT: 私たちは人間です。機械ではありません。

    humans.txt について humans.txtって何? ウエブに関与した人たちについての情報が入ったTXTファイルです。 何故TXTなのですか? これは 簡単に早く 作れるのです。何故なら コードに於いて篏入的ではないからです。サイトの効率が低下するなどの主張により、サイトの所有者は、ウエブ作者が自分のウエブにサインすることを望まないことが多くあります。こうすることにより、外的に、素早く、簡単に、気軽に、作者が誰であるかということ(所有権ではなく)を明示できます。 どこに配置すれば良いですか? サイトルートです。 robots.txt の隣です。 そして(可能であれば) <head> の authorタグに次を追加してください <link type "text/plain" rel "author" href "http://domain/humans.txt" /> 何故これをやら

    web_designer
    web_designer 2012/05/15
    これ、自サイトに入れてみよっかな。
  • facebookでシェアされたときに表示させる画像を指定する方法

    企業サイト等に「いいね!」を埋め込む時に押さえておきたいのでメモ。 ■facebookでシェアされたときのサムネイル画像を指定する方法(サイト運営側) 例えば商品ページとかに「いいね!」を埋め込んでfacebookユーザーにシェアされても、デフォルトはfacebookがテキトーに抜き出した画像がサムネイルになるっぽいのでナビゲーションの画像がサムネイルになったりする事もある。 それだとなんだかパッとしないので、シェアされたときにサムネイル画像にして欲しいファイルをこちらから指定する必要がある。 metaタグに以下のように書けばOK。 <meta property="og:image" content="http://から始まるサムネイル画像ファイル.jpg" /> こんだけ。 ■どんなふうに表示されるかのチェックも忘れずに。 チェックツールとしてfacebookの「URLリンター」を使用し

    facebookでシェアされたときに表示させる画像を指定する方法
  • TITLE属性を利用した簡単ツールチップの作り方 jQuery編 :: 5509

    散々既出な気がするネタシリーズ。TITLE属性をツールチップで表示させるやつです。簡単なヘルプとか表示してあげるとユーザビリティを向上させることができる場合がありますよね。jQueryを使うととても簡単につくれます。というよりも、使いたいときにさらっとコピってすぐ使えると思うので頭の片隅にでも置いておくと便利かもしれません。 Demo Download demo files ポイントは TITLE属性を持っている要素にイベントを設定する ( *1 mouseover()でツールチップを生成する ( *2 mouseout()でツールチップを消去する ( *3 mousemove()でツールチップの位置を変える ( *4 です。今回はmouseout()で消去するにしてますが、別にいちいち消さなくてもいいです。textを変えればいいだけですから。上の項目をJSソースにすると以下のような感じに

  • Google / Yahoo! / Bingのスニペットの作られ方

    検索結果に表示されたウェブページの簡潔な説明文を、検索エンジン用語で「スニペット」と呼びます。 スニペットは、検索結果でのクリックを誘うのに重要な役割を果たします。 何を基にしてスニペットは作られるのでしょう? まとめてみました。 Googleのスニペット Googleは基的に meta descriptionタグ の記述が使われます。 Matt Cutts(マット・カッツ)氏によれば、以前よりも meta descriptionタグの記述を利用する傾向が強まっているとのことです。 検索キーワードに対してより適切だと判断したときは、コンテンツの中からも引っ張ってきます。 したがって、同じページであっても検索キーワードによって検索結果でのスニペットが変わってくることもあります。 Googleのスニペットは通常、最大で半角210文字前後ですが、キーワードの語数が多い検索では文量が増えます。

    Google / Yahoo! / Bingのスニペットの作られ方
  • 1