タグ

metaに関するpopup-desktopのブックマーク (3)

  • Twitterのタイムラインで存在感を示したい!Twitter Cardsの設定が完了しました。|男子ハック

    WebサービスTwitterのタイムラインで存在感を示したい!Twitter Cardsの設定が完了しました。2013年6月16日129 Twitter Cardsってなに?Twitter Cards対応済みのサイトのURLをツイートすると、Twitterの公式サイトに飛び先URLの情報を表示することができます。例えば、男子ハックの場合はこんな感じになります。 登録手順まずは、HTMLヘッダのメタタグを追加します。 <meta name="twitter:card" content="summary"> <meta name="twitter:site" content="@danshihack"> <meta name="twitter:title" content="iPhone5Sはホワイト・グレー・ゴールド。廉価版iPhoneはブラック、ホワイト、ピンク、オレンジ、ブルーの5色?"

    Twitterのタイムラインで存在感を示したい!Twitter Cardsの設定が完了しました。|男子ハック
  • metaタグを追加してFacebookに対応する方法とハマりやすいポイント

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

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

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

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