å°ãåã«ããã€ã¯ãããŒãã³ã°ããªããŒã¿çšã®
APIããªãªãŒã¹ããŸããã ãããŠä»æ¥ãAPIãšããªããŒã¿ãŒã®äž¡æ¹ã«ã€ããŠã話ãããããšæããŸãã ããšãã°ãç°ãªãããªããŒã¿ã®çµæãç°ãªãçç±ãç解ããããã
ããªããŒã¿ã«ã¯å€ãã®çš®é¡ããããããŸããŸãªç®çã®ããã«èšèšãããŠããŸãã äžè¬çã«ããããã¯2ã€ã®ã¿ã€ãã«åããããšãã§ããŸãïŒãŠãããŒãµã«ãšã¹ãã·ã£ã©ã€ãºãã Universal-
æ€èšŒ ããŒã« ãGoogleã®
æ§é åããŒã¿ãã¹ãããŒã« ã
Validator.nu ã
æ§é åããŒã¿ãªã³ã¿ãŒ ãBingã®
ããŒã¯ã¢ãã æ€èšŒããŒã« -ããã€ãã®ããŒã¯ã¢ããæšæºãäžåºŠã«ãã§ãã¯ããŸãã åæã«ãæ€çŽ¢ãšã³ãžã³ã®ããªããŒã¿ãŒã¯ãããã«åºã¥ãã補åã®ããã¥ã¡ã³ããžã®æºæ ã«ã€ããŠãããŒã¯ã¢ããããã§ãã¯ããŸãã
JSON-LD Playgroundã
Open Graph Object Debuggerãªã©ã®ç¹æ®ãªããªããŒã¿ãŒã¯ãæšæºèªäœã®éçºè
ã«ããããŒã«ã§ãã Open Graph Object Debuggerã䜿çšãããšãOpen Graphã¬ã€ã¢ãŠããæ£ããããšã確èªã§ããJSON-LD Playgroundã¯ãããããJSON-LDã¬ã€ã¢ãŠããã©ã®ããã«ç解ãããã瀺ããŸãã

ããŸããŸãªããŒã¯ã¢ããã®äŸãåãäžãããããã®ããªããŒã¿ãŒã®åçãæ¯èŒããŠãæé©ãªãã®ãèŠã€ããŸããã
1.ã¡ã¿ä»¥å€ã®ã¿ã°ã®ã³ã³ãã³ãã䜿çšããŸããmicrodataä»æ§ã§ã¯ãã¡ã¿ã¿ã°ä»¥å€ã®å±æ§ã§ã³ã³ãã³ãã䜿çšããããšã¯èš±å¯ãããŠããŸããã ãããæè¿ããã®ãããªäœ¿çšæ³ããŸããŸãé »ç¹ã«çºèŠãããŠãããããããŸããŸãªããªããŒã¿ãŒããã®ãããªäŸãåæããã®ãèŠãã®ã¯èå³æ·±ãã§ãã
ã¬ã€ã¢ãŠãã®äŸïŒ
<div itemscope itemtype="http://schema.org/Review"> <div itemprop="dateCreated" content="2015-06-07 20:10:47"> : 20:10</div> </div>
YandexããªããŒã¿ãŒã¯ãã¡ã¿ä»¥å€ã®ã¿ã°ã®ã³ã³ãã³ããç¡èŠããŸãïŒçŸåšããããäžè¬çã«ãªã£ãŠãããããããŒãµãŒãšããªããŒã¿ãŒã®äž¡æ¹ã§ãã®ãã¶ã€ã³ã䜿çšããæ©èœãè¿œå ããŠããŸãïŒã

Google Validatorã¯è£œåãšã©ãŒãçæããŸãã

Validator.nuã¯ãã¿ã°ã§contentå±æ§ã䜿çšã§ããªãããšãèŠåãã䜿çšã§ããå±æ§ã確èªããããšãææ¡ããŸãã

YandexããªããŒã¿ãŒã®ãããªæ§é åããŒã¿ãªã³ã¿ãŒã¯ãã³ã³ãã³ããç¡èŠããééã£ãæé圢åŒã«ã€ããŠèŠåããŸãã

ã©ãã§ããïŒ ãã®è³ªåãè¡ã£ãŠããŸãã æè¿ãŸã§ããã€ã¯ãããŒã¿ä»æ§ã®èŠä»¶ãç¡èŠãã¹ãã§ã¯ãªããšèããŠããŸããã ãããããã®åäœã¯Schema.orgã®ããã¥ã¡ã³ãã®
äŸã§ããèŠããããšããäºå®ã«ãããããªããŒã¿ãŒã§ãã®ãããªã±ãŒã¹ããããœããã«ãã§ãã¯ããæ€çŽ¢ã§ã³ã³ãã³ãå±æ§ããã®ããŒã¿ã䜿çšããŸãã
2. Open GraphãšApplinksããŒã¯ã¢ãããå«ãèšäº ãOpen Graphã¯ããœãŒã·ã£ã«ãããã¯ãŒã¯äžã®ãªã³ã¯ã®è¡šç€ºãã«ã¹ã¿ãã€ãºããã®ã«åœ¹ç«ã€æåãªããŒã¯ã¢ããã§ããã
Applinksã¯ãã¯ãã¹ãã©ãããã©ãŒã ã¢ããªã±ãŒã·ã§ã³éä¿¡ã®äººæ°ãé«ãŸã£ãŠããæšæºã§ãã ããªããŒã¿ãŒãã©ãã ã粟éããŠãããèŠãŠã¿ãŸãããã
Yandex.Validatorã¯ãèŠã€ãã£ããã¹ãŠã®çµæã衚瀺ããŸãã åæã«ãæ瀺çã«å®çŸ©ãããŠããªãalãã¬ãã£ãã¯ã¹ã«ã€ããŠèŠåããŸãã

Google Validatorã¯ãApplinksããŒã¯ã¢ããã®ã¿ã衚瀺ããOpen Graphããã®ä»ã®ããŒã¯ã¢ããã¯è¡šç€ºããŸããã ãšã©ãŒã¯ãªããalãã¬ãã£ãã¯ã¹ã¯ããã©ã«ããã¬ãã£ãã¯ã¹ãšããŠèªèãããŸãã

æ§é åããŒã¿ãªã³ã¿ãŒã¯RDFaãå±éãããHTMLãšã©ãŒããã³ogïŒurlã®ç¡å¹ãªããŒã¿åãèŠåããŸãã

Open Graph Object Debuggerã¯vkïŒapp_idã«ã€ããŠèŠåããŸãã ã©ãããã圌ã¯åœŒã®å€åœã®æ§è³ªã®ããã«åœŒã«ã€ããŠç¥ããªãïŒ

ApplinksãèªèããŸãã

Validator.nuã¯ããã®ããŒãžããã§ãã¯ãããšãã«çµæãè¿ããŸããã
ã©ãã§ããïŒ èŠåã«ãããRDFaä»æ§ã§å®çŸ©ãããŠããªããã¹ãŠã®ãã¬ãã£ãã¯ã¹ã¯ãprefixå±æ§ã§æ瀺çã«æå®ããå¿
èŠããããŸãã ããããã³ã³ãã³ãå±æ§ã®å Žåã®ããã«ãå®è·µã¯åžžã«çè«ãšäžèŽãããšã¯éããŸããã ãŸããVk.comãªã©ã®å€ãã®ããŒã¯ã¢ããã³ã³ã·ã¥ãŒããŒã¯ãæ瀺çãªãã¬ãã£ãã¯ã¹åç
§ã
å¿
èŠãšããŸãã ã ãã®ãããæè¿ãæãäžè¬çãªãã¬ãã£ãã¯ã¹ïŒvkãfbãtwitterãªã©ïŒã®äžéšãããã©ã«ãã®ãã¬ãã£ãã¯ã¹ãšèŠãªãå§ãããããã«ã€ããŠã®èŠåãåæ¢ããŸããã ãã®ä»ïŒããšãã°ãalïŒã¯ããã©ã«ãã§ãã¬ãã£ãã¯ã¹ã®ãªã¹ãã«ãŸã è¿œå ãããŠããªãããããŠã§ããã¹ã¿ãŒãããããæ瀺çã«å®çŸ©ããããšãæåŸ
ããŠããŸãã ãããã«ããŠããããŒãžã§äœ¿çšãããã¹ãŠã®ãã¬ãã£ãã¯ã¹ãæ瀺çã«æå®ããããšããå§ãããŸãã
3. Schema.org以å€ã®ã³ã³ããã¹ãã䜿çšããJSON-LDããŒã¯ã¢ãããã¬ã€ã¢ãŠãäŸïŒ
{ "@context": "http://asjsonld.mybluemix.net", "@type": "Post", "actor": { "@type": "Person", "@id": "acct:sally@example.org", "displayName": "Sally" }, "object": { "@type": "Note", "content": "This is a simple note" }, "published": "2015-01-25T12:34:56Z" }
Yandex.Validatorã¯ã³ã³ããã¹ããæ¡åŒµããŸãã

Google Validatorã¯ãã³ã³ããã¹ããexample.comã«çœ®ãæããŸãã

JSON-LD Playgroundã¯ãYandex.Validatorãšåãæ¹æ³ã§è§£æããŸãã

æ®ãã®ããªããŒã¿ãŒã¯ãã®ãããªäŸãæããã«ããŠããŸããã ããã§ã¯ãæè¯ã®ãã¹ãçµæãæããã§ãããšæãããŸãã
4. JSON-LDãšç©ºã®ã³ã³ããã¹ãã®äŸãã¬ã€ã¢ãŠãäŸïŒ
<script type="application/ld+json"> { "@context": { "name": "", "description": "http://schema.org/description", "image": { "@id": "http://schema.org/image", "@type": "@id" } }, "@type": "Article", "author": "John Doe", "interactionCount": [ "UserTweets:1203", "UserComments:78" ], "name": "How to Tie a Reef Knot" } </script>
JSON-LD Playgroundã¯ç©ºã®ã³ã³ããã¹ããèŠåããŸãïŒ

Yandex Validatorã¯ããã®ãããªã³ã³ããã¹ããæ¡åŒµããããšã¯äžå¯èœã§ããããšãèŠåããŠããŸãã

Googleã®ããªããŒã¿ãŒã¯ãã³ã³ããã¹ãã®ä»£ããã«
www.example.comã䜿çšããŠããããšã©ãŒã¯ãããŸãã

ã©ãã§ããïŒ ããã§æãæ£çŽã«èŠããã®ã¯JSON-LD Playgroundã§ãã ãã®èšäºã®å·çäžã«ãããã確èªããåæ§ã®èŠåã衚瀺ãå§ããŸããã
ããŸããŸãªããªããŒã¿ãæ¯èŒããããšã¯éåžžã«èå³æ·±ãæçšã§ããããšãå€æãããããç§ãã¡èªèº«ã¯ãã®çµæã«é©ããŸããã ãããŠãããã€ãã®äŸã®åŸã圌ãã¯ããªããŒã¿ãæ¹åããããã«éããŸãã:)äžè¬ã«ãã©ã®ãµãŒãã¹ãæè¯ã§ããããèšãããšã¯å°é£ã§ãïŒåããªããŒã¿ã¯ç¬èªã®æ¹æ³ã§åãåé¡ã解決ããŸãã ãã®ãããããªããŒã¿ãŒãéžæããéã«ã¯ãããã念é ã«çœ®ããããŒã¯ã¢ãããè¿œå ããç®æšã«éäžããããšããå§ãããŸãã
æ€èšŒã®èªååãå¿
èŠãªå Žåã¯ãå€ãã®APIãŠãŒã¶ãŒãæè¿ããŸãã ãã§ã«ãæ€èšŒAPIã¯ããŸããŸãªãããžã§ã¯ãã§äœ¿çšãããŠããŸãã ãŸãããããã¯APIã䜿çšããŠèªåçã«ããŒã¯ã¢ããããã§ãã¯ããå€æ°ã®ããŒãžãæã€å€§èŠæš¡ãªãµã€ãã§ãïŒãã®ã»ãšãã©ã¯ååã§ãïŒã ããã«ãAPIã䜿çšããŠæé©åã®èŠ³ç¹ãããµã€ãã®ç¶æ
ãç£èŠãããµãŒãã¹ã¯ããã€ã¯ãã¬ã€ã¢ãŠãã®ååšãšæ£ç¢ºæ§ã«é¢ããæ
å ±ã衚瀺ããŸãã
äžè¬ã«ããã€ã¯ãããŒãã³ã°æ€èšŒAPIã䜿çšãããšã次ã®ããšãã§ããŸãã
- å€æ°ã®ããŒãžã§ãã€ã¯ãã¬ã€ã¢ãŠãæ€èšŒãèªååããŸãã
- ããŸããŸãªCMSã®ãã©ã°ã€ã³ãéçºããŸãã
- ãããžã§ã¯ãã§äœ¿çšããããã«ãµã€ãããæ§é åããŒã¿ãæœåºããŸãã
APIã«ã¯ãéåžžã®ããªããŒã¿ãŒãšåããã³ããããŸãïŒ
- ããªããŒã¿ãŒã¯ã Microdata ã RDFa ãããã³JSON-LDã®åºæ¬æšæºã®ä»æ§ã«ãããã¹ãŠã®ãšã©ãŒããã§ãã¯ããŸãã JSON-LDã¯2014幎5æã«æåã«ãã¹ãããããã®åŸããã®æšæºãã©ã®æ€çŽ¢ãšã³ãžã³ããªããŒã¿ã§ããµããŒããããªããªããŸããã
- ããªããŒã¿ã¯æšæºãšã©ãŒã ãã§ãªãã補åãšã©ãŒãå ±åããŸãã ã»ãšãã©ã®å ŽåããŠã§ããã¹ã¿ãŒã¯ããŒã¯ã¢ãããè¿œå ããŠãã¢ãã£ãªãšã€ãããã°ã©ã ã«åå ããããã«äœ¿çšããŸãã ãããã£ãŠãæ€èšŒããã°ã©ã ã¯ãããŒã¯ã¢ãããã¢ãã£ãªãšã€ãããã°ã©ã ã®ããã¥ã¡ã³ããšäžèŽããªãå Žåã«å ±åããŸãã

- ããªããŒã¿ãŒã¯ä»æ§ãžã®æºæ ãéåžžã«å³å¯ã«ãã§ãã¯ããŸãããã©ãã§ãä¿®æ£ã䜿çšãããããã«ãªã£ãå Žåã¯ãå³æ ŒããããŠãŒã¶ãŒã«åãã£ãŠãããŸãã ããšãã°ãæè¿ã§ã¯ãschema.orgã§åºã䜿çšãããããã«ãªã£ããããmeta以å€ã®ã¿ã°ã§contentå±æ§ã䜿çšããªãããšã«ããŸããã ãŸããOpen Graphã§ã¯ãæ瀺çãªæ瀺ãªãã«ãæãäžè¬çãªãã¬ãã£ãã¯ã¹ã§ããfbãogãvkãåãå
¥ãå§ããŸããã äžèšã®ãããªäŸã調ã¹ãŸããã
ä»æ§ãšããã°ãAPIã®éçºæã«ãæšæºèªäœãå¿
ãããæšæºã«å¯Ÿå¿ãããšã¯éããªãããšã瀺ãèå³æ·±ãäºå®ãçºèŠããŸããã
ããã¯ãä»æ¥RDFaæ§æã§äœ¿çšãããŠããæã人æ°ã®ããèŸæž-Open Graphã§ãã ãœãŒã·ã£ã«ãããã¯ãŒã¯ã®å€èŠ³ãå¶åŸ¡ããããã«ãªã³ã¯ã䜿çšããããšã®æçœãªå©ç¹ãšå®è£
ã®å®¹æããšãã2ã€ã®äž»ãªçç±ã«ãããéåžžã«äººæ°ããããŸããã Open Graphãäžé£ã®ã¡ã¿ã¿ã°ã䜿çšããŠããããããã¯ã«ããŒã¯ã¢ãããé
眮ããããšãæšå¥šããŠãããšããäºå®ã«ãããå®è£
ã容æã«ãªã£ãŠããŸãã ãã ããããã«ã¯ç¹å®ã®å¶éããããŸãã ãã®1ã€ã¯ããã¹ããšé
åã®å®è£
ã§ãã å€å
žçãªRDFaã§ã¯ããã¹ãã¯HTMLã¿ã°ã®éå±€ã«åºã¥ããŠæ±ºå®ãããŸãã ãã®å ŽåãRDFaã®ããããã£ã®é åºã¯ç¡èŠãããŸãã HTMLã¿ã°ã¯ãã¹ãã§ããªããããOpen Graphã§ã®ãã¹ãã¯éåžžââãšã¯ç°ãªãæ¹æ³ã§å®è£
ãããŸãã ãã¹ããããããããã£ãæå®ããå¿
èŠãããå Žåã¯ã芪ã®åŸãã®ã³ãã³ã®åŸã«ç€ºãããŸãã ããšãã°ãç»åã®URLïŒogïŒimageïŒã¯ãogïŒimageïŒurlã䜿çšããŠèšå®ãããŸãã ãã®ãããªããããã£ã¯ãä»æ§ã§ã¯æ§é åãšåŒã°ããŸãã æ§é åãããããããã£ã®é
åãæå®ããå Žåã¯ãæ£ããé åºã§æå®ããã ãã§ãã ããšãã°ã次ã®äŸã§ã¯3ã€ã®ç»åããããŸãã æåã®ãã®ã®å¹
ã¯300ãé«ãã¯300ã§ã2çªç®ã®å¯žæ³ã«ã€ããŠã¯äœãèšãããŠãããã3çªç®ã®é«ãã¯1000ã§ãã
<meta property="og:image" content="http://example.com/rock.jpg" /> <meta property="og:image:width" content="300" /> <meta property="og:image:height" content="300" /> <meta property="og:image" content="http://example.com/rock2.jpg" /> <meta property="og:image" content="http://example.com/rock3.jpg" /> <meta property="og:image:height" content="1000" />
APIããŒãžã§ã³1.0ã§ã¯ãRDFaããŒãµãŒãæ¹è¯ããŠå
¬åŒä»æ§ã«å®å
šã«æºæ ããŸããïŒä»¥åã¯ãäžéšã®è€éãªã±ãŒã¹ã¯å®å
šã«æ£ããåŠçãããŸããã§ããïŒã ãã¹ãäžã«ãæ§é åããããã£ãéåžžã«å¥åŠãªæ¹æ³ã§åŠçãããããšãããããŸããã ãã€ã³ãã¯ãRDFaã®HTMLã³ãŒãå
ã®äœçœ®ã¯çµ¶å¯Ÿã«éèŠã§ã¯ãªããšããããšã§ãã éçºè
ã®æåã®åå¿ã¯ãOpen Graphã®ééã£ãæ§æã«åçºããããããåŒã³åºããŠæ³šæããããšã§ããã ãããããã¡ããããã¹ãŠãä¿®æ£ããŸããã
ãã®äŸã¯ããã€ã¯ãããŒãã³ã°ã®äžçãããã«è€éã§ççŸããŠããã®ããããäžåºŠç€ºããŠããŸã:)ç§ãã¡ã®è£œåããããã§åã人ã
ã®ç掻ãæ¹åããããšãé¡ã£ãŠããŸãã
ããªããŒã¿APIã«ã€ããŠè³ªåãããå Žåã¯ãã³ã¡ã³ãã§è³ªåãããã
ãã£ãŒãããã¯ãã©ãŒã ã䜿çšããŠãã ããã APIã®éæ³ã®éµã¯
ããã§å
¥æã§ã
ãŸã ã
ãµã€ããããŒã¯ã¢ããããã¬ã€ã¢ãŠãã確èªããçŸããã¹ãããããååŸããŸã-ãããŠãã¹ãŠãããŸãããããã«ããŠãã ãã:)