ブãƒã‚°ã‚«ãƒ¼ãƒ‰ã‚’支ãˆã‚‹æŠ€è¡“ - Qiita
ブãƒã‚°ã‚«ãƒ¼ãƒ‰ã¨ã¯ä»¥ä¸‹ã®ã‚ˆã†ã«ãƒªãƒ³ã‚¯ã‚’ã¡ã‚‡ã£ã¨ãƒªãƒƒãƒã«è¡¨ç¤ºã—ã¦ãれる機能ã®ã“ã¨ã§ã™ã€‚以å‰ã¯ã“ã‚Œã£ã¦ã©ã†ã‚„ã£ã¦å®Ÿç¾ã—ã¦ã„ã‚‹ã‚“ã ã‚ã†ã¨ä¸æ€è°ã«æ€ã£ã¦ã„ã¾ã—ãŸã€‚ 上記ã®ã‚ˆã†ãªãƒ–ãƒã‚°ã‚«ãƒ¼ãƒ‰ã¯ã€Œã¯ã¦ãªãƒ–ãƒã‚°ã€ã‚„「WordPressã€ç‰ã®ãƒ–ãƒã‚°ã‚µãƒ¼ãƒ“スã§ã‚ˆã見ã‹ã‘ã¾ã™ãŒã€åŸºæœ¬çš„ã«ã“れらã®ãƒ–ãƒã‚°ã‚«ãƒ¼ãƒ‰ã¯ãƒªãƒ³ã‚¯å…ˆã®URLを指定ã™ã‚‹ã ã‘ã§è‡ªå‹•çš„ã«ç”Ÿæˆã•ã‚Œã¦ã„ã¾ã™ã€‚本記事ã§ã¯ä¸Šè¨˜ã®ã‚ˆã†ãªãƒ–ãƒã‚°ã‚«ãƒ¼ãƒ‰ã‚’支ãˆã‚‹æŠ€è¡“ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚ (本記事ã¯è‡ªåˆ†ã®ãƒ–ãƒã‚°ã‹ã‚‰ã®è»¢è¼‰è¨˜äº‹ã§ã™ã€‚) ã¯ã˜ã‚㫠本記事ã§ã¯ã€ãƒ–ãƒã‚°ã‚«ãƒ¼ãƒ‰1ã®è¡¨ç¤ºã«ä½¿ã‚れる一般的ãªæŠ€è¡“ã®è§£èª¬ãŠã‚ˆã³JavaScriptã«ã‚ˆã‚‹å®Ÿè£…ã‚’è¡Œã„ã¾ã™ã€‚普段何気ãªã見ãŸã‚Šä½¿ã£ãŸã‚Šã—ã¦ã„るブãƒã‚°ã‚«ãƒ¼ãƒ‰ã®æŠ€è¡“ã«èˆˆå‘³ãŒã‚る人ã«ãŠã™ã™ã‚ã—ã¾ã™ã€‚ ブãƒã‚°ã‚«ãƒ¼ãƒ‰ã®è¦ç´ 技術 ã¾ãšã¯ãƒ–ãƒã‚°ã‚«ãƒ¼ãƒ‰ã‚’実ç¾ã™ã‚‹ãŸã‚ã®è¦ç´ 技術ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚ ブãƒã‚°ã‚«ãƒ¼ãƒ‰ã®æ§‹æˆ ブãƒã‚°ã‚«ãƒ¼ãƒ‰ã¯ä¸»ã«ã€Œã‚¿ã‚¤ãƒˆãƒ«
Google+ 㯠OGP より Microdata を優先ã™ã‚‹ã¿ãŸã„
Google+ ã«ãƒªãƒ³ã‚¯ã‚’投稿ã™ã‚‹éš›ã€ãƒšãƒ¼ã‚¸ã«æŒ‡å®šã•ã‚ŒãŸ OGP よりも Microdata ã®æ–¹ãŒå„ªå…ˆã•ã‚Œã‚‹ã“ã¨ã§èµ·ã“ã£ãŸå•é¡Œã¨ã€ãã®è§£æ±ºæ–¹æ³•ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚ ã“ã® Blog ã§ã¯ã€Google+ ページもé‹ç”¨ã—ã¦ã„ã¦ã€è¨˜äº‹ã‚’æ›´æ–°ã—ãŸéš›ã«ãã£ã¡ã«ã‚‚投稿ã—ã¦ã„ã¾ã™ã€‚ ã¨ã“ã‚ãŒã€ã¡ã‚‡ã£ã¨å‰ã‹ã‚‰ãƒªãƒ³ã‚¯ã‚’投稿ã—ãŸã¨ãã«ã€OGP （Open Graph Protocol） ã«æŒ‡å®šã—ãŸæ¦‚è¦æ–‡ （og:description ã®å€¤ã«å…¥ã‚Œã¦ã‚‹ãƒ†ã‚スト） ã¨ã‹ãŒç„¡è¦–ã•ã‚Œã¦ã€Blog 自体ã®æ¦‚è¦ãŒå‡ºã¡ã‚ƒã£ã¦ã€ãªã‚“ã§ã‹ãªãã£ã¦æ€ã„ãªãŒã‚‰ã‚‚今度調ã¹ã‚ˆã£ã¦ã“ã¨ã§æ”¾ç½®ã—ã¦ã„ãŸã‚ã‘ã§ã™ãŒã€ã•ã£ãã¡ã‚‡ã£ã¨æ™‚間を見ã¤ã‘ã¦ãƒ†ã‚¹ãƒˆã—ã¦ã¿ãŸã‚‰ã€ã©ã†ã‚‚ Microdata ã®æŒ‡å®šã®ä»•æ–¹ã§ã“ã†ã„ã†ç¾è±¡ãŒèµ·ã“るらã—ã„ã“ã¨ãŒã‚ã‹ã£ãŸã®ã§ã€å…±æœ‰ã—ã¾ã™ã€‚ 具体的ã«ã©ã†ã„ã†ç¾è±¡ãŒèµ·ã“ã‚‹ã‹ OGP ã«æŒ‡å®šã—ãŸæ¦‚è¦æ–‡ãŒç„¡è¦–ã•ã‚Œã‚‹ä»¶ã§ã™ãŒã€ä¾‹
Facebookã®OGP仕様ãŒã¾ãŸã‚‚や変更! og:imageã®æŽ¨å¥¨ã‚µã‚¤ã‚ºãŒ1500×1500ã«!
マジã§ã™ã‹ã¾ãŸå¤‰æ›´ã§ã™ã‹ãã†ã§ã™ã‹ã€‚ 久々ã«ãƒˆãƒƒãƒ—ページをDebuggerã§å©ã„ãŸã‚‰ã€OGPã«ã‚¨ãƒ©ãƒ¼ãŒãŒã€‚ Facebook Open Graphã®ä»•æ§˜ã‚’ã€ã“ã‚Œã¾ãŸä¹…々ã«èª¿ã¹ãªãŠã—ãŸã‚‰ã€ã¾ãŸã‚‚や変更ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚ ã¨ã‚Šã‚ãˆãšä»•æ§˜å¤‰æ›´ã‚ˆã‚Šãƒã‚°ã‚’ã©ã†ã«ã‹ã—ã¦ã»ã—ã„ã‚“ã§ã™ã‘ã©ã。 og:imageãŒæŽ¨å¥¨1500×1500ã«æ‹¡å¤§ 昨年ã®6月ã«è¨˜äº‹ã«ã—ã¾ã—ãŸãŒã€å‰å›žã®ä»•æ§˜å¤‰æ›´ã§og:imageã®ã‚µã‚¤ã‚ºãŒæœ€ä½Ž200×200ã«ãªã‚Šã¾ã—ãŸã€‚ã“ã®è©±é¡Œã¯ã€æœ€è¿‘ã«ãªã£ã¦ã¾ãŸã¶ã‚Šè¿”ã—ã¦ãŸã£ã½ã„ã§ã™ã。 ãã‚ŒãŒã„ã¤ã®é–“ã«ã‚„らã€ä»•æ§˜ä¸Šã€1500×1500を推奨・優先ã™ã‚‹ã¨ã„ã†ã“ã¨ã«ãªã£ãŸã¿ãŸã„ã§ã™ã€‚1500pxã£ã¦ã‚ã‚“ãŸï½¥ï½¥ï½¥ã€‚。 The URL of an image which is used in stories published about this object. We suggest that you
Youtubeã®å‹•ç”»ã‚’背景ã«
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
フェイスブックã€ãƒŸã‚¯ã‚·ã‚£ã€ã‚°ãƒªãƒ¼ã§ä½¿ã‚ã‚Œã¦ã„ã‚‹ OGP (Open Graph Protocol) ã¨ã¯ä½•ã‹ - IT戦記
ã¿ãªã•ã‚“ã€ã“ã‚“ã«ã¡ã¯ ãŠå…ƒæ°—ã§ã™ã‹ï¼Ÿåƒ•ã¯å…ƒæ°—ã§ã™ã€‚ ã•ã¦ 最近よãã€ã€Œã„ã„ãï¼ã€ãƒœã‚¿ãƒ³ã‚„「ミクシィãƒã‚§ãƒƒã‚¯ã€ãƒœã‚¿ãƒ³ã«ã‚ˆã£ã¦ã€ã‚¦ã‚§ãƒ–ページを紹介ã—åˆã†æ–‡åŒ–ãŒå°‘ã—ãšã¤å®šç€ã—ã¦ããŸãªãƒ¼ã¨æ€ã„ã¾ã™ã€‚ ãã‚“ãªä¸ã§ã€ä»Šå¾Œé‡è¦ã«ãªã£ã¦ãã‚‹ã‚“ã˜ã‚ƒãªã„ã‹ã¨æ€ã‚れる OGP （Open Graph Protocol）ã¨è¨€ã‚れる仕様ãŒã‚ã‚Šã¾ã™ã€‚今日ã¯ãã®ã“ã¨ã«ã¤ã„ã¦æ›¸ã„ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ OGP? ãŠãƒ¼ã˜ãƒ¼ã´ãƒ¼ï¼Ÿï¼Ÿã¨ã¯ãªã‚“ã§ã—ょã†ã‹ã€‚ OGP ã¨ã¯ ç°¡å˜ã«è¨€ã†ã¨ã€Œã“ã®ã‚¦ã‚§ãƒ–ページã¯ä½•ã®ã“ã¨ã‚’書ã„ã¦ã„ã‚‹ã‹ã€ã¨ã„ã†æƒ…å ±ã‚’ã€ãƒ—ãƒã‚°ãƒ©ãƒ ã‹ã‚‰èªã‚る形㧠HTML ã«ä»˜åŠ ã™ã‚‹è¨˜è¿°æ–¹æ³•ã®ã“ã¨ã§ã™ã€‚ ã¾ã‚ã€æ™®é€šã®ã‚¦ã‚§ãƒ–ページã¯äººé–“ãŒèªã‚ã°ã ã„ãŸã„何ã®ã“ã¨ãŒæ›¸ã„ã¦ã‚ã‚‹ã‹åˆ†ã‹ã‚Šã¾ã™ã‚ˆã。 ã§ã™ãŒã€ãƒ—ãƒã‚°ãƒ©ãƒ ã¯äººé–“ã»ã©é ãŒè‰¯ããªã„ã®ã§ã€ãã®ã‚¦ã‚§ãƒ–ページ内ã®æ–‡ç« ã ã‘ã§ã¯ãã®ãƒšãƒ¼ã‚¸ãŒä½•ã®ã“ã¨ã«ã¤ã„ã¦æ›¸ã‹ã‚Œã¦ã„るページãªã®ã‹æ£ç¢ºã«è˜åˆ¥ã™
1
ランã‚ング
ランã‚ング
障害
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
GitHub - ukyoda/ogpParser: Open Graph Protocol Parser for Node.js
{{#tags}}- {{label}}
{{/tags}}