日本マイクãƒã‚½ãƒ•ãƒˆã€è¶…èªã¿ã‚„ã™ã„新フォント「UDデジタル教科書体ã€ã‚’披露 ～Fall Creators Update標準æ載ã®ãƒ¢ãƒªã‚µãƒ¯è£½æ•™è‚²å‘ã‘フォント
記事ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚’Googleã®Rich Snippets for Articlesã«å¯¾å¿œã•ã›ãŸè©± / masuP.net
ã“ã®ãƒ–ãƒã‚°ã®è¨˜äº‹ã¯æ§‹é€ 化データã¨ã—ã¦ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚’ã—ã¦ã„ã¾ã—ãŸãŒã€ãれを改ã‚ã¦Googleã•ã‚“ã®Rich Snippets for Articlesã«å¯¾å¿œã—ãŸã¨ã„ã†è©±ã§ã™ã€‚ Rich Snippets for ArticlesãŒè¡¨ç¤ºã•ã‚ŒãŸã‚¤ãƒ¡ãƒ¼ã‚¸ via Enabling Rich Snippets for Articles  | Structured Data  | Google Developers ã“ã‚Œã¾ã§ã¯ microdataã®è¨˜æ³•ã§ä¸‹è¨˜ã®4é …ç›®ã‚’ schema.org/BlogPosting ã¨ã—ã¦ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã—ã¦ã„ã¾ã—ãŸã€‚ 記事タイトル (name) 公開日 (datePublished) 本文 (articleBody) URL (url) ※()内ã¯ãƒ—ãƒãƒ‘ティ 上記ã§ã‚‚æ§‹é€ åŒ–ãƒ‡ãƒ¼ã‚¿ã¨ã—ã¦ã¯é–“é•ã£ã¦ã¯ã„ãªã„ã®ã§ã™ãŒã€Rich Snippets for Articlesã§ã¯ã€è¨˜
schema.org 日本語訳 - ホーãƒ
ã“ã®ã‚µã‚¤ãƒˆã¯æ§˜ã€…ãªã‚¹ã‚ーマを紹介ã—ã¾ã™ã€‚スã‚ーマã¨ã¯ã€ã‚¦ã‚§ãƒ–マスターãŒãƒšãƒ¼ã‚¸ã‚’マークアップã™ã‚‹ã“ã¨ã«ã‚ˆã£ã¦å¤§æ‰‹æ¤œç´¢ãƒ—ãƒãƒã‚¤ãƒ€ãƒ¼ã«èªè˜ã•ã‚Œã‚„ã™ããªã‚‹HTMLã‚¿ã‚°ã§ã™ã€‚ Bingã€Googleã€Yahoo! ãªã©ã®æ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³ã‚µã‚¤ãƒˆã¯ã“ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—を通ã—ã¦ã‚ˆã‚Šè³ªã®é«˜ã„検索çµæžœã‚’出ã™ã“ã¨ãŒã§ãã€ã¾ãŸãƒ¦ãƒ¼ã‚¶ã¯æŽ¢ã—ãŸã„ページを簡å˜ã«è¦‹ã¤ã‘られるよã†ã«ãªã‚Šã¾ã™ã€‚ 多ãã®ã‚µã‚¤ãƒˆã¯ãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹ã«ä¿ç®¡ã•ã‚Œã¦ã„ã‚‹æ§‹é€ åŒ–ãƒ‡ãƒ¼ã‚¿ã‹ã‚‰ç”Ÿæˆã•ã‚Œã¦ã„ã¾ã™ã€‚ã“ã®ãƒ‡ãƒ¼ã‚¿ã¯HTMLã«ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã•ã‚Œã‚‹å ´åˆã€å…ƒã®æ§‹é€ 化データを復元ã™ã‚‹ã“ã¨ãŒé›£ã—ããªã‚Šã¾ã™ã€‚検索エンジンをåˆã‚ã¨ã™ã‚‹å¤šãã®ã‚¢ãƒ—リケーションã¯æ§‹é€ 化データã«ç›´æŽ¥ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ã“ã¨ã«ã‚ˆã£ã¦ãƒ¡ãƒªãƒƒãƒˆã‚’å¾—ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ページ内ã«ãƒ‡ãƒ¼ã‚¿ã‚’埋ã‚込むオンページマークアップを導入ã™ã‚‹ã“ã¨ã«ã‚ˆã£ã¦ã€æ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³ã¯ã•ã‚‰ã«è³ªã®è‰¯ã„検索çµæžœã‚’出ã™ã“ã¨ãŒã§ãã€ãƒ¦ãƒ¼ã‚¶ãŒæœ¬å½“ã«å¿…è¦ãªæƒ…å ±ã‚’æ
FAQ - schema.org
Schema.org is a joint effort, in the spirit of sitemaps.org, to improve the web by creating a structured data markup schema supported by major search engines. On-page markup helps search engines understand the information on web pages and provide richer search results. A shared markup vocabulary makes easier for webmasters to decide on a markup schema and get the maximum benefit for their efforts.
ã¡ã‚‡ã£ã¨ã—ãŸãƒ¡ãƒ¢ - HTML5＋Microdataã¸ã®å…¨é¢ç§»è¡Œ
ã“ã®æ˜¥é ƒã‹ã‚‰Microdataを試ã—ã¦ã¿ãŸã‚ŠHTML5ã«ã‹ã‹ã‚る機会ãŒå¢—ãˆã¦ããŸã®ã§ã€ã„ãšã‚Œå®Ÿæ–½ã—よã†ã¨è€ƒãˆã¦ã„ãŸã‚µã‚¤ãƒˆå…¨ãƒšãƒ¼ã‚¸ã®æ›¸ãæ›ãˆã‚’敢行ã—ã¾ã—ãŸã€‚スタイルシートã¯ã”ã一部を除ã„ã¦ã»ã¨ã‚“ã©å¾“æ¥ã®ã¾ã¾ã€‚ページ自身ã®ãƒ¡ã‚¿ãƒ‡ãƒ¼ã‚¿ã»ã‹ã®æ§‹é€ 化データã¯ã€Schema.org語彙をä¸å¿ƒã«ã—ã¦è¡¨ç¾ã—ã¦ã„ã¾ã™ã€‚ Microdataã®è¨˜è¿° 今回使ã£ãŸMicrodataã®ä¸€éƒ¨ã‚’紹介ã—ã¦ãŠãã¾ã™ã€‚Microdataã¯ã€æ–‡æ›¸å†…ã«è¨˜è¿°ã•ã‚ŒãŸã‚‚ã®ã”ã¨ã®ç‰¹å¾´ã‚’表ã™åå‰-値ã®å¯¾ï¼ˆãƒ—ãƒãƒ‘ティ）ã®ã‚°ãƒ«ãƒ¼ãƒ—をアイテムã¨å‘¼ã³ã€åŸºæœ¬å˜ä½ã¨ã—ã¦æ‰±ã„ã¾ã™ã€‚ アイテムã¨åž‹ Microdataã®å ´åˆã€ã¾ãšæœ€åˆã«ã‚¢ã‚¤ãƒ†ãƒ ã®ç¯„囲（スコープ）をitemscope属性ã§ç¤ºã—ã¾ã™ã€‚文書ã®ãƒ¡ã‚¿ãƒ‡ãƒ¼ã‚¿ã‚’表ç¾ã—ãŸã„ã®ã§ã€htmlè¦ç´ ã«ã“ã®å±žæ€§ã‚’åŠ ãˆã¦å…¨ä½“を一ã¤ã®ã‚¢ã‚¤ãƒ†ãƒ ã¨ã—ã¾ã™ï¼ˆitemscopeã¯çœŸå½å€¤å±žæ€§ã§å±žæ€§åã®ã¿ã‚’記述ã—ã¾ã™ãŒã€XHTML構
meta è¦ç´ ã«å¯¾ã™ã‚‹ Microdata ã®æŒ‡å®š
meta è¦ç´ ã«å¯¾ã™ã‚‹ Microdata ã®æŒ‡å®šã«ã¤ã„ã¦ã€éŽåŽ»ã«æ›¸ã„ãŸè¨˜äº‹ã«é–“é•ã„ãŒã‚ã£ãŸã®ã§ä¿®æ£ã¨ãã®è§£èª¬ã€‚ã¾ãŸã€itemprop 属性も㤠meta è¦ç´ ã‚„ link è¦ç´ ã® body è¦ç´ 内ã§ã®ä½¿ã„æ–¹ã«é–¢ã—ã¦ã‚‚解説ã—ã¦ã¿ã¾ã™ã€‚ ã‚‚ã†ã¡ã‚‡ã£ã¨æ—©ã書ã“ã†ã¨æ€ã£ãŸã‚“ã§ã™ã‘ã©ã“ã‚“ãªã«é–“ãŒç©ºãã¨ã¯â€¦â€¦ 去年ã®æœ«ã€HTML5 Advent Calendar 2012 ã®è¨˜äº‹ã¨ã—ã¦ã€ã€ŒMicrodata を使ã£ã¦ã¿ã‚ˆã†ã€‚サンプルソースã§å¦ã¶ Microdata〠を書ã„ãŸã‚“ã§ã™ãŒã€ãã®ä¸ã§ 2箇所ã»ã©ã‚µãƒ³ãƒ—ルソースã«é–“é•ã„ãŒã‚ã‚‹ã®ã‚’ã”æŒ‡æ‘˜é ‚ã„ã¦ä¿®æ£ã—ãŸã‚“ã§ã™ã （ã”指摘感è¬ã§ã™ï¼‰ã€‚ ãã®ã†ã¡ã€1ã¤ã®é–“é•ã„ã¯å˜ç´”ãªè¨˜è¿°æŠœã‘ã¨ã„ã†ã‹ã€ãƒŸã‚¹ã ã£ãŸã‚“ã§ç½®ã„ã¨ã„ã¦ã€ã‚‚ã†1ã¤ã€ç§ãŒ meta è¦ç´ ã«å¯¾ã—㦠itemprop 属性を指定ã—ãŸã‚µãƒ³ãƒ—ルã§ã€åŒã˜è¦ç´ ã« name 属性をã‚ã‚ã›ã¦æŒ‡å®šã—ã¦ãŸã®ã‚’ã”æŒ‡æ‘˜é ‚
Microformatsã¨Microdataã®é•ã„ã«ã¤ã„㦠- kojika17
Webページã®å†…容ãŒã€"何をæ„味ã™ã‚‹ã®ã‹"をコンピュータãŒåŠ¹çŽ‡ã‚ˆãæƒ…å ±ã‚’åŽé›†ãƒ»è§£é‡ˆã§ãるよã†ã«ã™ã‚‹æ§‹æƒ³ã‚’「セマンティックWebã€ã€Œã‚»ãƒžãƒ³ãƒ†ã‚£ãƒƒã‚¯(X)HTMLã€ãªã©ã¨å‘¼ã³ã¾ã™ã€‚ セマンティックHTMLを始ã‚ã‚‹ã«ã‚ãŸã‚ŠMicroformatsã¨Microdataã®é•ã„ã«ã¤ã„ã¦ã€"ã©ã†é•ã†ã®ã‹"分ã‹ã‚Šã¥ã‚‰ã‹ã£ãŸã®ã§ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ãã‚‚ãã‚‚Microformatsã€Microdataã¨ã¯ï¼Ÿ マークアップ言語ã§ã‚ã‚‹HTMLã¯æ–‡ç« æ§‹é€ ã‚’è¡¨ã™ã“ã¨ã¯ã§ãã¾ã™ãŒã€æ„味ã¾ã§ã¯è¡¨ç¾ã§ãã¾ã›ã‚“。 例ãˆã°ã€äººã®åå‰ã‚„ä½æ‰€ã€é›»è©±ç•ªå·ã¨ã„ã£ãŸã‚‚ã®ã«HTMLè¦ç´ ã§ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã™ã‚‹ã“ã¨ã¯ã§ãã¾ã›ã‚“。 ãŸã ã—Microformatsã¨Microdataを使ã†ã“ã¨ã«ã‚ˆã‚Šã€ã“ã®ã‚ˆã†ãªæ„味ã¥ã‘ã‚’å¯èƒ½ã«ã—ã€ã‚³ãƒ³ãƒ”ュータもå¯èªã§ãるセマンティックãªHTMLドã‚ュメントを作æˆã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ Microformatsã€Micr
RDFa関連ã®3仕様ãŒå‹§å‘Šã«ï¼ãã®æ™‚Microdataã¯â€¦â€¦ï¼Ÿ
W3Cã¯æœ¬æ—¥2013/08/23ã€RDFaã«é–¢é€£ã™ã‚‹3ã¤ã®ä»•æ§˜ã‚’勧告ã—ã¾ã—ãŸã€‚勧告ã¨ã„ãˆã°ã€W3Cã«ãŠã‘る仕様æˆç†Ÿåº¦ã®æœ€çµ‚段階。仕様ã¯ã“ã‚Œã«ã¦ä¸€æ—¦å®Œæˆã§ã™ã€‚ HTML+RDFa 1.1 RDFa 1.1 Core – Second Edition XHTML+RDFa 1.1 – Second Edition RDFaã¨ã¯ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ãƒ¡ã‚¿ãƒ‡ãƒ¼ã‚¿ã‚’記述ã™ã‚‹ãŸã‚ã®ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã§ã‚ã‚‹RDF (Resource Definition Framework) ã‚’ã€è¦ç´ ã®å±žæ€§ï¼ˆattribute）ã§æŒ‡å®šã§ãるよã†ã«ã—ãŸä»•æ§˜ã§ã™ã€‚HTML Microdataã¨ç«¶åˆã™ã‚‹ä»•æ§˜ã§ã™ãŒã€Microdataã¨ç•°ãªã‚Šã€RDFaã¯ï¼ˆã‚‚ã¨ã‚‚ã¨XMLç”±æ¥ã®æŠ€è¡“ã§ã‚ã£ãŸï¼‰RDFã®æµã‚Œã‚’組むãŸã‚ã€XHTMLã‚’ã¯ã˜ã‚ã¨ã™ã‚‹XML文書全般ã§ã‚‚利用ãŒå¯èƒ½ã§ã‚ã‚‹ãªã©ã®é•ã„ãŒã‚ã‚Šã¾ã™ï¼ˆãã®ä»£ã‚ã‚ŠMicrodataã®ã‚ˆã†ãªã€JavaSc
Google+ 㯠OGP より Microdata を優先ã™ã‚‹ã¿ãŸã„
Google+ ã«ãƒªãƒ³ã‚¯ã‚’投稿ã™ã‚‹éš›ã€ãƒšãƒ¼ã‚¸ã«æŒ‡å®šã•ã‚ŒãŸ OGP よりも Microdata ã®æ–¹ãŒå„ªå…ˆã•ã‚Œã‚‹ã“ã¨ã§èµ·ã“ã£ãŸå•é¡Œã¨ã€ãã®è§£æ±ºæ–¹æ³•ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚ ã“ã® Blog ã§ã¯ã€Google+ ページもé‹ç”¨ã—ã¦ã„ã¦ã€è¨˜äº‹ã‚’æ›´æ–°ã—ãŸéš›ã«ãã£ã¡ã«ã‚‚投稿ã—ã¦ã„ã¾ã™ã€‚ ã¨ã“ã‚ãŒã€ã¡ã‚‡ã£ã¨å‰ã‹ã‚‰ãƒªãƒ³ã‚¯ã‚’投稿ã—ãŸã¨ãã«ã€OGP （Open Graph Protocol） ã«æŒ‡å®šã—ãŸæ¦‚è¦æ–‡ （og:description ã®å€¤ã«å…¥ã‚Œã¦ã‚‹ãƒ†ã‚スト） ã¨ã‹ãŒç„¡è¦–ã•ã‚Œã¦ã€Blog 自体ã®æ¦‚è¦ãŒå‡ºã¡ã‚ƒã£ã¦ã€ãªã‚“ã§ã‹ãªãã£ã¦æ€ã„ãªãŒã‚‰ã‚‚今度調ã¹ã‚ˆã£ã¦ã“ã¨ã§æ”¾ç½®ã—ã¦ã„ãŸã‚ã‘ã§ã™ãŒã€ã•ã£ãã¡ã‚‡ã£ã¨æ™‚間を見ã¤ã‘ã¦ãƒ†ã‚¹ãƒˆã—ã¦ã¿ãŸã‚‰ã€ã©ã†ã‚‚ Microdata ã®æŒ‡å®šã®ä»•æ–¹ã§ã“ã†ã„ã†ç¾è±¡ãŒèµ·ã“るらã—ã„ã“ã¨ãŒã‚ã‹ã£ãŸã®ã§ã€å…±æœ‰ã—ã¾ã™ã€‚ 具体的ã«ã©ã†ã„ã†ç¾è±¡ãŒèµ·ã“ã‚‹ã‹ OGP ã«æŒ‡å®šã—ãŸæ¦‚è¦æ–‡ãŒç„¡è¦–ã•ã‚Œã‚‹ä»¶ã§ã™ãŒã€ä¾‹
Microdata を使ã£ã¦ã¿ã‚ˆã†ã€‚サンプルソースã§å¦ã¶ Microdata
HTML5 Advent Calendar 2012ã€7日目ã®è¨˜äº‹ã¨ã—ã¦ã€Microdata （マイクãƒãƒ‡ãƒ¼ã‚¿ï¼‰ ã«è§¦ã‚Œã¦ã¿ã¾ã™ã€‚サンプルソースをä¸å¿ƒã«ã€å®Ÿéš›ã®ãƒšãƒ¼ã‚¸ã§ã©ã®ã‚ˆã†ã«ä½¿ãˆã‚‹ã®ã‹ã‚’示ã—ã¾ã—ãŸã€‚ã“ã‚Œã‹ã‚‰ Microdata を使ã£ã¦ã¿ãŸã„ã¨ã„ã†äººã«å°‘ã—ã§ã‚‚å‚考ã«ãªã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ HTML5 Advent Calendar 2012ã€7日目ã®è¨˜äº‹ã§ã™ã€‚ãªã‚“ã‹è»½ã„æ°—æŒã¡ã§æ›¸ã„ã¦ã¿ã¾ã™ã¨ã‹è¨€ã£ã¦ã—ã¾ã£ãŸã‚“ã§ã™ãŒã€ç·Šå¼µã—ã¾ã™ã… ã•ã¦ã€ã‚¿ã‚¤ãƒˆãƒ«ã®é€šã‚Šãªã®ã§ã™ãŒã€HTML Microdata （マイクãƒãƒ‡ãƒ¼ã‚¿ï¼‰ ã«ã¤ã„ã¦ç°¡å˜ã«è§¦ã‚Œã¦ã¿ã‚ˆã†ã‹ãªã¨æ€ã„ã¾ã™ã€‚ã“ã®è¾ºã®è©±é¡Œã«é–¢ã—ã¦ã€Microdata ã¨ã¯ä½•ã‹ã¨ã‹ã€è©³ã—ã„解説ã¯ã™ã§ã«è‰²ã€…ãªæ–¹ãŒæ›¸ã‹ã‚Œã¦ã„ã¾ã™ã®ã§ãã¡ã‚‰ã‚’見ã¦ã„ãŸã ã （文末ã«ã¾ã¨ã‚ã¦ã‚ã‚Šã¾ã™ï¼‰ ã¨ã—ã¦ã€ã“ã®è¨˜äº‹ã§ã¯ã€ãã†ã„ã†è§£èª¬ã¯ç½®ã„ã¨ã„ã¦ã€Blog ã‚„ã€ä¼æ¥ã® Web サイトãªã©
schema.org 日本語訳 - 始ã‚ã¾ã—ょã†ï¼
ウェブサイトを作ã£ã¦ã„ã‚‹ã»ã¨ã‚“ã©ã®äººãŒHTMLã‚¿ã‚°ã«ã¤ã„ã¦ã”å˜ã˜ã§ã—ょã†ã€‚一般的ã«ã€HTMLã‚¿ã‚°ã¯ãƒ–ラウザーã«å¯¾ã—ã¦ã‚¿ã‚°å†…ã®æƒ…å ±ã‚’ã©ã®ã‚ˆã†ã«æ示ã™ã‚‹ã‹ã‚’指示ã—ã¾ã™ã€‚例ãˆã°ã€<h1>Avatar<h1>ã¨ã™ã‚Œã°ã€ãƒ–ラウザーã¯æ–‡å—列Avatarを大見出ã—ã¨ã—ã¦è¡¨ç¤ºã—ã¾ã™ã€‚ã—ã‹ã—ã€HTMLã‚¿ã‚°ã¯ã“ã®æ–‡å—列ãŒä½•ã‚’æ„味ã™ã‚‹ã‹ã«ã¤ã„ã¦ã®æƒ…å ±ã¯ä¸Žãˆã‚‰ã‚Œã¾ã›ã‚“。Avatarã¯å¤§ãƒ’ットã—ãŸæ˜ ç”»ã®ã“ã¨ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã—ã€ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆä¸Šã®ãƒ—ãƒãƒ•ã‚£ãƒ¼ãƒ«ç”»åƒã®ã“ã¨ã‚’指ã™ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。ã“ã®ãŸã‚ã«ã€æ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³ãŒé–¢é€£ã—ãŸå†…容を見ã¤ã‘ã‚‹ã®ãŒé›£ã—ããªã£ã¦ã—ã¾ã†ã®ã§ã™ã€‚ Schema.orgã¯ã€ã‚¦ã‚§ãƒ–サイトをã€Googleã€Microsoftã€Yahoo!ãªã©ã®å·¨å¤§ãªæ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³ã§ãƒ’ットã•ã›ã‚‹ãŸã‚ã«ä½¿ãˆã‚‹ç”¨èªžé›†ã‚’æä¾›ã™ã‚‹ã‚‚ã®ã§ã™ã€‚ Schema.orgã®ç”¨èªžé›†ã¨microdata formatを使用ã™ã‚Œã°ã€HTMLã«æƒ…å ±ã‚’
linkè¦ç´ ã‚’headè¦ç´ 外ã§ä½¿ã†
定期的ã«Living Standardã‚’èªã‚€ã“ã¨ã‚’趣味ã«ã—ã¦ã„る人ã¯å¤šã„ã¨æ€ã„ã¾ã™ã€‚僕もãã®ä¸€äººãªã‚“ã§ã™ãŒã€ã©ã†ã‚„ら最近flow contentã«å±žã™ã‚‹ã‚‚ã®ã«å¤‰æ›´ãŒåŠ ã‚ã£ãŸã‚‰ã—ãlinkã‚„metaè¦ç´ ãŒå…¥ã£ã¦ã„ã¾ã™ã€‚itemprop属性ãŒã‚ã‚Œã°â€¦â€¦ã¨ã„ã†æ³¨æ„書ã付ããªã®ã§ã€Microdataã§ã®ä½¿ç”¨ã‚’考慮ã—ã¦ã®è¿½åŠ ã®ã‚ˆã†ã§ã™ã€‚ã¨ã„ã†ã‚ã‘ã§ã‚¿ã‚¤ãƒˆãƒ«ã®ã‚ˆã†ãªã“ã¨ãŒæ¡ä»¶ä»˜ãã§å¯èƒ½ã«ãªã‚Šã¾ã—ãŸã€‚ã‚ーã„。 例ãˆã°ã“ã‚Œã§ãƒ–ãƒã‚°ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼å€‹åˆ¥ã®ãƒšãƒ¼ã‚¸ãªã©ã§è‡ªèº«ã¸ã®ãƒªãƒ³ã‚¯ã‚’張るã“ã¨ã«è€ãˆã‚‰ã‚Œãªã„人ãŒå¹¸ã›ã«ãªã‚Œãã†ã§ã™ã€‚ <article itemprop="blogPosts" itemscope itemtype="http://schema.org/blogPosting"> <link itemprop="url" href="/blog/example-post"> <h1 itemprop="
HTML5ã®æ–°è¦ç´ 「dataè¦ç´ ã€ã«ç¹‹ãŒã‚‹ Microdataã®ãƒ—ãƒãƒ‘ティã«ã¤ã„㦠- kojika17
timeè¦ç´ ã®å»ƒæ¢ã€ãã—ã¦dataè¦ç´ ã®ç™»å ´ã«ã‚ˆã‚Šã€Microdataを扱ã†æ©Ÿä¼šãŒå¢—ãˆã¦ãã‚‹ã¨äºˆæƒ³ã•ã‚Œã¾ã™ã€‚ ã¾ãŸHTML5 ã® Microdata ãŒä¸»ã«Googleãªã©ã§å–り入れられã¦ã„るケースãŒå‡ºã¦ãã¦ã„ã‚‹ã®ã§ã€ Microdataã§åˆ©ç”¨ã§ãるプãƒãƒ‘ティを紹介致ã—ã¾ã™ã€‚ Microdata ã¨ã¯ HTML5ã®ç‹¬ç«‹ã—ãŸä»•æ§˜ã§ã™ã€‚ HTMLæ–‡ç« ã«ã€ã‚³ãƒ³ãƒ”ュータãŒå¯èªã§ãるデータã«ã™ã‚‹ã“ã¨ãŒã§ãã€RDFã‚„JSONãªã©ã®å¤šæ•°ã®ä»–ã®ãƒ‡ãƒ¼ã‚¿å½¢å¼ã¨äº’æ›æ€§ã‚’æŒãŸã›ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ 記述方法ã¯ä»¥å‰ã®è¨˜äº‹ã‚’å‚ç…§ã—ã¦ä¸‹ã•ã„。 Microformatsã¨Microdataã®é•ã„ã«ã¤ã„㦠: Web Design KOJIKA17 ãªãœã‚³ãƒ³ãƒ”ュータãŒå¯èªã§ãるデータã«ã™ã‚‹å¿…è¦ãŒã‚ã‚‹ã®ã‹ï¼Ÿï¼Ÿ HTMLã§ã¯ã€äººã‚„時間ã€å ´æ‰€ãªã©ç´°ã‹ãマークアップã™ã‚‹ã“ã¨ãŒã§ãã¾ã›ã‚“。 例ã¨ã—ã¦ã€æ©Ÿæ¢°ç¿»è¨³ã—ãŸã‚«ãƒ³ãƒŠãƒ€èªžã‚’見ã¦ã¿ã¾ã—
Microdata + schema.org を実際ã«ä½¿ã£ã¦ã¿ã‚‹
schema.org 㯠Googleã€Microsoft (Bing)ã€Yahoo! ã¨ã„ㆠWeb 検索ã®å¤§æ‰‹ 3 社ãŒå…±åŒã§å–り組んã§ã„る試ã¿ã§ã€ã‚ˆã‚Šæ§‹é€ 化ã•ã‚ŒãŸãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã®ãŸã‚ã®å…±æœ‰ã®èªžå½™é›† (vocabulary) ã‚’æä¾›ã—よã†ã¨ã„ã†ã‚‚ã®ã§ã™ã€‚ã“ã® schema.org ã®èªžå½™ã‚’利用ã—ã¦ã€å®Ÿéš›ã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã« Microdata ã‚’è¿½åŠ ã™ã‚‹å…·ä½“例をã„ãã¤ã‹è€ƒãˆã¦ã¿ã¾ã—ãŸã€‚ schema.org 㮠アイテム型 (item type) 㯠階層 (hierarchy) ã®ã‹ãŸã¡ã§å®šç¾©ã•ã‚Œã¦ã„ã¾ã™ã€‚åž‹ã”ã¨ã«ç‹¬è‡ªã® プãƒãƒ‘ティ ãŒå®šç¾©ã•ã‚Œã€ä¸Šä½ã®åž‹ã®ãƒ—ãƒãƒ‘ティã¯ä¸‹ä½ã®åž‹ã«å¼•ã継ãŒã‚Œã¾ã™ã€‚最上ä½ã¯ Thing ã¨ã„ã†æ±Žç”¨ã®åž‹ã§ã€nameã€urlã€imageã€description ã¨ã„ã†ã‚‚ã£ã¨ã‚‚基本的ãªãƒ—ãƒãƒ‘ティãŒå®šç¾©ã•ã‚Œã¦ã„ã¾ã™ã€‚ãã—ã¦ãã®ä¸‹ã« CreativeWorkã€Eventã€
コーディングã¨SEOã®æ¦‚念ãŒå¤‰ã‚ã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã€Microdataã«ã¤ã„ã¦ã®æ¦‚è¦ - kojika17
6月2æ—¥ã€Googleã€Microsoftã€Yahoo!ã®æ¤œç´¢å¤§æ‰‹3社ãŒå”力ã—ã¦ã€æ§‹é€ 化データマークアップã®æ¨™æº–化ã«ä¹—り出ã—ã¾ã—ãŸã€‚ 長期的ãªæœ€çµ‚目標ã¯ã€å¹…広ã„フォーマットã®ã‚µãƒãƒ¼ãƒˆã¨ã—ã¦ã„るよã†ã§ã™ãŒã€ã¾ãšã¯HTML5ã®Microdataã«é›†ä¸ã™ã‚‹ã‚ˆã†ã§ã™ã€‚ MicrodataãŒæ–°ã—ã„Webã®æ´å²ã®ç¤Žã®1ã¤ã¨ãªã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 以å‰ã«ã‚‚「Microdataã¨Microformatsã®é•ã„ã«ã¤ã„ã¦ã€å–り上ã’ã¾ã—ãŸãŒã€ä»Šå›žã¯å®Ÿéš›ã«Microdataã§ã©ã†ãªã‚‹ã®ã‹ã€ã”紹介致ã—ã¾ã™ã€‚ Microdataã¨ã¯ä½•ã‹ï¼Ÿ マークアップ言語ã§ã‚ã‚‹HTMLã¯ã€Œè¦‹å‡ºã—(h1,h2,h3... )ã€ã€Œæ®µè½(p)ã€ã€Œãƒªã‚¹ãƒˆ(ul,ol,li)ã€ãªã©ã®æ–‡ç« æ§‹é€ ã‚’ç¤ºã™ã“ã¨ãŒã§ãã¦ã‚‚ã€ã€Œäººã®åå‰ã€ã€Œè‚©æ›¸ãã€ã€Œåœ°åŸŸã€ãªã©ã‚’示ã™ã“ã¨ãŒã§ãã¾ã›ã‚“。 ãれらをHTMLã§ãƒ¡ã‚¿ãƒ‡ãƒ¼ã‚¿ã¨ã—ã¦è¿½åŠ ã™ã‚‹æ–¹æ³•ã®ã²ã¨ã¤ã¨ã—ã¦ã€HTML5ã®
Schema.org - Schema.org
Schema.org is a collaborative, community activity with a mission to create, maintain, and promote schemas for structured data on the Internet, on web pages, in email messages, and beyond. Schema.org vocabulary can be used with many different encodings, including RDFa, Microdata and JSON-LD. These vocabularies cover entities, relationships between entities and actions, and can easily be extended th
マイクãƒãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆ(microformats) vs. マイクãƒãƒ‡ãƒ¼ã‚¿(microdata) - 檜山æ£å¹¸ã®ã‚マイラ飼育記 (ã¯ã¦ãªBlog)
「マイクãƒãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆï¼ˆmicroformats）ã®è¹‰è·Œã¨å¸Œæœ›ã€ã«ãŠã„ã¦ã€ãƒžã‚¤ã‚¯ãƒãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆï¼ˆmicroformats）ã®ãƒ‡ãƒ¼ã‚¿ãƒ¢ãƒ‡ãƒ«ã‚‚マークアップも曖昧ã™ãŽã¦ã€ã©ã†ã‚‚ダメãªæ„Ÿã˜ã ã¨æŒ‡æ‘˜ã—ã¾ã—ãŸã€‚ã—ã‹ã—ãã‚Œã§ã‚‚ã€æ¬¡ã®ç‚¹ã¯ãƒžã‚¤ã‚¯ãƒãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆã®å„ªä½ç‚¹ã ã¨åƒ•ã¯æ€ã„ã¾ã™ï¼š 今ã‚る技術ã ã‘ã§ã™ãã•ã¾å‡ºæ¥ã‚‹ã€æ–°ã—ã„ナニカを必è¦ã¨ã—ãªã„。 CSSデザインã¨ã®ç›¸æ€§ãŒã‚ˆã„。 hCardã€hCalendarãªã©ã®ã‚¹ã‚ーマãŒæ—¢ã«å˜åœ¨ã™ã‚‹ã€‚ 特ã«æœ€å¾Œã®ã€Œã‚¹ã‚ーマã®ãƒ¬ãƒ‘ートリーãŒã‚ã‚‹ã€ã¨ã„ã†ç‚¹ã¯ã¨ã¦ã‚‚大ããªé…力ã§ã™ã€‚ã‚‚ã£ã¨ã‚‚ã€ã‚¹ã‚ーマ記述言語ãŒãªã„（ã—ã„ã¦è¨€ãˆã°è‡ªç„¶è¨€èªžï¼‰ã®ã§ã€ã‚¹ã‚ーマã£ã¦æ¦‚念も曖昧ãªçŠ¶æ…‹ã§ã¯ã‚ã‚Šã¾ã™ãŒã€‚ 「マイクãƒãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆï¼ˆmicroformats）ã®è¹‰è·Œã¨å¸Œæœ›ã€ã®ã‚³ãƒ¡ãƒ³ãƒˆæ¬„ã«ã¦ã€ç¥žå´Žæ£è‹±ã•ã‚“より「microdataã¯ã©ã†ã‹ã€ã¨ã„ã†ãƒ’ントをã„ãŸã ãã¾ã—ãŸã€‚Kuwataã•ã‚“も「microda
Microdata support for Rich Snippets
accessibility 10 advanced 195 AMP 13 Android 2 API 7 apps 7 autocomplete 2 beginner 173 CAPTCHA 1 Chrome 2 cms 1 crawling and indexing 158 encryption 3 events 51 feedback and communication 83 forums 5 general tips 90 geotargeting 1 Google Assistant 3 Google I/O 3 Google Images 3 Google News 2 hacked sites 12 hangout 2 hreflang 3 https 5 images 12 intermediate 205 interstitials 1 javascript 8 job s
ランã‚ング
ãŠçŸ¥ã‚‰ã›
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
e-riverstyle.com
IBM Developer
{{#tags}}- {{label}}
{{/tags}}