タグ

schemaとjson-ldに関するshirotorabyakkoのブックマーク (4)

  • JSON-LDを使って構造化データを記述するには?

    構造化データをマークアップする際、記述の方法(シンタックス)にはいくつか種類があり、その一つとして挙げられるのがJSON-LDです。ほかのシンタックスと異なり、既存のHTML内に自由に記述できるため、メンテナンスやトラブルシューティングも容易という特徴があります。 今回は、JSON-LDを使用して構造化データを記述するメリットや、実際に例文を使ったマークアップの方法、検証の仕方をご紹介します。 JSON-LDの基事項 JSON-LDには、ほかのシンタックスとどのような違いがあるのでしょうか。JSON-LDを使って構造化マークアップするメリットとともに、解説します。 JSON-LDとは? 構造化データの記述に使用するシンタックスの一つです。2014年1月にW3C(World Wide Web Consortium)の勧告を受けており、Googleが利用を推奨しています(2018年2月時点)

    JSON-LDを使って構造化データを記述するには?
  • schema.org構造化データマークアップのシンタックスにJSON-LDという選択

    schema.org構造化データマークアップのシンタックスにJSON-LDという選択 高見和也(株式会社アラタナ) 2014年10月28日にHTML5が勧告され、もうすぐ1年が経とうとしています。HTML5やその他のAPI、たとえばWeb StorageやService Workerを始め、WebではJavaScriptで操作するようなAPI技術が話題に上がることが多いように思えます。しかし忘れてはいけないのは、HTML5では検索エンジンなどのプログラムにサイトの情報を正しく理解してもらうことを可能とするマークアップができることです。 <header>や<article>といったタグレベルでの情報はたくさんあり、一般的になりつつあります。代表的なCMSのテンプレートでも実際に組み込まれているものがほとんどです。そこで今回は、Webサイトのコンテンツ情報をよりプログラムで構造的に取得できるよ

    schema.org構造化データマークアップのシンタックスにJSON-LDという選択
  • Googleが勧める、SEOで今注目の2つの技術はJSON-LDとWeb Components

    [レベル: 上級] Googleはウェブマスター向け公式ブログで、JSON-LDとWeb Componentsの2つの技術を共に使うことを推奨しました。 JSON-LDとは JSON-LDは、Linked Data(リンクト・データ)を記述するためのフォーマットです。 SEOにおいては、構造化データのボキャブラリの1つであるschema.orgを記述するシンタックスとして利用できます。 構造化データとしてのschema.orgやJSON-LDについては、このブログで詳しく解説してきましたね。 [構造化データ初級者向け] schema.orgとMicrodata、RDFaって何が違うの? 【徹底解説】JSON-LDを使ったschema.orgの記述方法 ゼロから始めるセマンティックSEO&構造化データ at CSS Nite LP36 schema.orgのこれまでと今、そしてこれから at

    Googleが勧める、SEOで今注目の2つの技術はJSON-LDとWeb Components
  • 【徹底解説】JSON-LDを使ったschema.orgの記述方法

    [対象: 上級] この記事では、JSON-LDをシンタックスに用いたschema.orgの記述方法について詳しく解説します。 CSS Niteで講演 2014年9月20日(土)に、CSS Nite LP36 powered by In-house SEO Meetup 「ビジネスに活用できる2014年SEOトレンド」がベルサール神田 イベントホールで開催されました。 僕は出演者として登壇し、セマンティック検索と構造化データ、schema.orgをテーマに公演しました。 このなかで、JSON-LDの使い方についても説明しました。 [撮影:飯田昌之] 参加者には録画した動画とスライドが提供されています。 年内には(無償で)一般公開される予定です。 ですが、JSON-LDを使ったschema.orgをもっともっと多くのサイト管理者に使ってもらうことが僕の希望です。 3か月近くも待たせたくありませ

    【徹底解説】JSON-LDを使ったschema.orgの記述方法
  • 1