タグ

2019年9月26日のブックマーク (3件)

  • 外部リンクの rel 属性 (nofollow/ugc/sponsored) | Google 検索セントラル  |  ドキュメント  |  Google for Developers

    フィードバックを送信 コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 Google に外部リンクの関係性を伝える サイト上の特定のリンクについて、リンクされているページとの関係を Google に通知できます。これを行うためには、<a> タグの rel 属性で次のいずれかの値を使用します。 Google に無条件でたどらせたい通常のリンクがある場合、そのリンクには rel 属性を追加する必要がありません。例: <p>My favorite horse is the <a href="https://horses.example.com/Palomino">palomino</a>.</p> 他のリンクについては、次のいずれかの値を使用します。 広告や有料プレースメントのリンク(一般に「有料リンク」と呼ばれます)を sponsored でマークアップします。

    外部リンクの rel 属性 (nofollow/ugc/sponsored) | Google 検索セントラル  |  ドキュメント  |  Google for Developers
  • 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
  • レスポンシブ ウェブ デザインの基本  |  Articles  |  web.dev

    レスポンシブ ウェブ デザインの基 コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 モバイル デバイスを使用したウェブ ブラウジングは、天文学的なペースで増え続けています。こうしたデバイスはディスプレイ サイズに制約があることが多く、画面上でのコンテンツの配置方法について異なるアプローチが必要になります。 元々 Ethan Marcotte in A List Apart によって定義されたレスポンシブ ウェブ デザインは、ユーザーのニーズとユーザーが使用しているデバイスに対応します。レイアウトはデバイスのサイズと機能に応じて変わります。たとえば、スマートフォンではコンテンツが 1 列で表示されますが、タブレットでは同じコンテンツが 2 列で表示されます。 この動画では、利用可能な画面のスペースに合わせて、デザインが狭いビューポートから広いビューポートへ