OGPã«ã¤ã‘ã‚‹prefix属性ã¨ã¯ä½•ã‹èª¿ã¹ã¦ã¿ãŸã€‚ - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
PHPを使ã‚ãšã«metaã‚¿ã‚°ã‚„ogã‚¿ã‚°ã‚’å–å¾—ã™ã‚‹æ–¹æ³• ｜ ã‚¹ã‚¿ãƒ¼ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰æ ªå¼ä¼šç¤¾
ã‚らゆるサイトã®HTMLをパースã—ã¦ãƒ‡ãƒ¼ã‚¿(ç”»åƒã‚„metaã€ogãªã©)ã‚’å–å¾—ã—ãŸã‹ã£ãŸã®ã ㌠1ã¤ã®ã‚µãƒ¼ãƒ“スã‹ã‚‰ç‰¹å®šã®ã‚µã‚¤ãƒˆã‚’何回もã“ã®ã‚ˆã†ãªå½¢ã§ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ã¨ã€ãƒ–ãƒãƒƒã‚¯ã•ã‚Œã¦ã—ã¾ã†å¯èƒ½æ€§ãŒé«˜ã„ã®ã§ クライアントå´ã‹ã‚‰ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ã“ã¨ãŒã§ããªã„ã‹ã¨æ€ã„ã€ã‚µãƒ³ãƒ—ルを作ã£ã¦ã¿ãŸã€‚ デモ 基本的ã«jsã§ã‚¯ãƒã‚¹ãƒ‰ãƒ¡ã‚¤ãƒ³ã®å‡¦ç†ã¯ã§ããªã„ã®ã§ã€ä»Šå›žã¯ jquery.xdomainajax.js ã‚’ã¤ã‹ã£ã¦åˆ¶é™ã‚’回é¿ã—ãŸã€‚ ダウンãƒãƒ¼ãƒ‰ã¯ã“ã¡ã‚‰ https://github.com/padolsey-archive/jquery.fn/tree/master/cross-domain-ajax JSã®èªã¿è¾¼ã¿ <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script> <script type="text/javascri
OGPç”»åƒã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚¿ | og:image Simulator
OGPç”»åƒã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚¿ã¨ã¯ï¼Ÿ Facebookã®OGPç”»åƒã¯æ£æ–¹å½¢ã§è¡¨ç¤ºã•ã‚ŒãŸã‚Šæ¨ªé•·ã§è¡¨ç¤ºã•ã‚ŒãŸã‚Šã™ã‚‹ãŸã‚ã€ãƒ‡ã‚¶ã‚¤ãƒ³ãŒã¨ã¦ã‚‚大変。 ãã‚“ãªæ™‚ã«ä¾¿åˆ©ãªã®ãŒã“ã®OGPç”»åƒã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚¿ã€‚ デザインã—ãŸOGPç”»åƒã‚’ドラッグ&ドãƒãƒƒãƒ—ã—ã€ã‚¿ã‚¤ãƒ ライン上ã§ã©ã†è¦‹ãˆã‚‹ã‹ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ãƒˆã—ã¦ã¿ã¾ã—ょã†ã€‚ https://ogimage.tsmallfield.com/ 1200 x 630 px 以上推奨 https://developers.facebook.com/docs/opengraph/creating-object-types/#properties 最低ã§ã‚‚ 600 x 315 pxã€ã¾ãŸå¤§ãã‘ã‚Œã°å¤§ãã„ã»ã©è‰¯ã„ãŸã‚ 1200 x 630 px 以上ã®ç”»åƒã‚µã‚¤ã‚ºãŒæŽ¨å¥¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ç”»åƒãŒã‚¯ãƒªãƒƒãƒ”ングã•ã‚Œã‚‹ã®ã‚’防ããŸã‚ã€ç¸¦æ¨ªæ¯”ã‚’ãªã‚‹ã¹ã1.91:1ã«è¿‘ã¥ã‘るよã†ã«ã—ã¾ã—ょã†ã€‚ （2014å¹´01月
Facebookã®OGPç”»åƒã®ä»•æ§˜å¤‰æ›´ ã‚ーワードã¯ã€Œ1200px × 630pxã€ã¨ã€ŒPNG〠- OPTPiX Labs Blog
ã“ã‚“ã«ã¡ã¯ã€ã‚¦ã‚§ãƒ–担当ã®å¶‹ã§ã™ã€‚2015å¹´ã‚‚ã©ã†ãžã‚ˆã‚ã—ããŠé¡˜ã„ã„ãŸã—ã¾ã™ã€‚ ã•ã¦ã€ä»¥å‰ã€ŒOGPã‚’è¨å®šã—ã¦ã€Facebookã§ã‚·ã‚§ã‚¢ã—ãŸæ™‚ã®ç”»åƒã‚’大ãã表示ã•ã›ã‚‹æ–¹æ³•ã€ã¨ã„ã†ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§Facebookã§ã‚·ã‚§ã‚¢ã—ãŸæ™‚ã«è¡¨ç¤ºã•ã‚Œã‚‹ç”»åƒã®ä»¶ã‚’å–り上ã’ã¾ã—ãŸã€‚ãã®å¾ŒFacebookã®ä»•æ§˜ãŒå¤‰æ›´ã•ã‚Œã€ç”»åƒã®å–り扱ã„ãŒå¤‰ã‚ã‚Šã¾ã—ãŸã®ã§æ”¹ã‚ã¦æ•´ç†ã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ã‚ーワードã¯ã€Œ1200px × 630pxã€ã€ãã—ã¦ã€ŒPNGã€ã§ã™ã€‚ 以å‰ã”紹介ã—ãŸå†…容ã®ãŠã•ã‚‰ã„ 以å‰ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ã”紹介ã—ãŸç‰©ã‚’ç°¡å˜ã«ãŠã•ã‚‰ã„ã™ã‚‹ã¨ã€ä¸‹è¨˜ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ 推奨ã¯ã€Œ1200px × 630pxã€ï¼ˆç¸¦æ¨ªæ¯” 1.91:1） 最低ã§ã‚‚「600px × 315px〠特定ã®æ¡ä»¶ã§ç”»åƒã®ä¸å¿ƒéƒ¨åˆ†ãŒæ£æ–¹å½¢ã«ãƒˆãƒªãƒŸãƒ³ã‚°ã•ã‚Œã‚‹ 特ã«æœ€å¾Œã®ã€Œæ£æ–¹å½¢ã«ãƒˆãƒªãƒŸãƒ³ã‚°ã€ã¯PC用ページã®ã‚¿ã‚¤ãƒ ラインã®ã¿é©ç”¨ã•ã‚Œã‚‹ã¨ã„ã†æ›²è€…ã§ã€å¯¾ç–ã¨ã—ã¦ä¸‹è¨˜ã®ã‚ˆ
フェイスブックã€ãƒŸã‚¯ã‚·ã‚£ã€ã‚°ãƒªãƒ¼ã§ä½¿ã‚ã‚Œã¦ã„ã‚‹ OGP (Open Graph Protocol) ã¨ã¯ä½•ã‹ - IT戦記
ã¿ãªã•ã‚“ã€ã“ã‚“ã«ã¡ã¯ ãŠå…ƒæ°—ã§ã™ã‹ï¼Ÿåƒ•ã¯å…ƒæ°—ã§ã™ã€‚ ã•ã¦ 最近よãã€ã€Œã„ã„ãï¼ã€ãƒœã‚¿ãƒ³ã‚„「ミクシィãƒã‚§ãƒƒã‚¯ã€ãƒœã‚¿ãƒ³ã«ã‚ˆã£ã¦ã€ã‚¦ã‚§ãƒ–ページを紹介ã—åˆã†æ–‡åŒ–ãŒå°‘ã—ãšã¤å®šç€ã—ã¦ããŸãªãƒ¼ã¨æ€ã„ã¾ã™ã€‚ ãã‚“ãªä¸ã§ã€ä»Šå¾Œé‡è¦ã«ãªã£ã¦ãã‚‹ã‚“ã˜ã‚ƒãªã„ã‹ã¨æ€ã‚れる OGP （Open Graph Protocol）ã¨è¨€ã‚れる仕様ãŒã‚ã‚Šã¾ã™ã€‚今日ã¯ãã®ã“ã¨ã«ã¤ã„ã¦æ›¸ã„ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ OGP? ãŠãƒ¼ã˜ãƒ¼ã´ãƒ¼ï¼Ÿï¼Ÿã¨ã¯ãªã‚“ã§ã—ょã†ã‹ã€‚ OGP ã¨ã¯ ç°¡å˜ã«è¨€ã†ã¨ã€Œã“ã®ã‚¦ã‚§ãƒ–ページã¯ä½•ã®ã“ã¨ã‚’書ã„ã¦ã„ã‚‹ã‹ã€ã¨ã„ã†æƒ…å ±ã‚’ã€ãƒ—ãƒã‚°ãƒ©ãƒ ã‹ã‚‰èªã‚る形㧠HTML ã«ä»˜åŠ ã™ã‚‹è¨˜è¿°æ–¹æ³•ã®ã“ã¨ã§ã™ã€‚ ã¾ã‚ã€æ™®é€šã®ã‚¦ã‚§ãƒ–ページã¯äººé–“ãŒèªã‚ã°ã ã„ãŸã„何ã®ã“ã¨ãŒæ›¸ã„ã¦ã‚ã‚‹ã‹åˆ†ã‹ã‚Šã¾ã™ã‚ˆã。 ã§ã™ãŒã€ãƒ—ãƒã‚°ãƒ©ãƒ ã¯äººé–“ã»ã©é ãŒè‰¯ããªã„ã®ã§ã€ãã®ã‚¦ã‚§ãƒ–ページ内ã®æ–‡ç« ã ã‘ã§ã¯ãã®ãƒšãƒ¼ã‚¸ãŒä½•ã®ã“ã¨ã«ã¤ã„ã¦æ›¸ã‹ã‚Œã¦ã„るページãªã®ã‹æ£ç¢ºã«è˜åˆ¥ã™
Facebookã§ã®ã‚¦ã‚±æ–¹ãŒæ®µé•ã„ï¼ã‚‚ã¯ã‚„å¿…é ˆãªOGPã‚’è¨å®šã™ã‚‹æ–¹æ³• | æ ªå¼ä¼šç¤¾LIG(リグ)｜DX支æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ 開発・Web制作
ã“ã‚“ã«ã¡ã¯ã€‚sekoã§ã™ã€‚ 昨今ã€ã‚¦ã‚§ãƒ–サイトを多ãã®äººã«è¦‹ã¦ã‚‚らã†ç‚ºã«ã€SNSを利用ã—ã¦åºƒã‚ã¦ã„ã事ã¯ã‚‚ã¯ã‚„常è˜ã¨ãªã£ã¦ã„ã¾ã™ã€‚ ãã®éš›ã€ã¨ã¦ã‚‚é‡è¦ã¨ãªã‚‹ã®ãŒã‚¦ã‚§ãƒ–サイトã«OGPã®è¨å®šã™ã‚‹ã“ã¨ã§ã™ã€‚ 今回ã¯OGPã«ã¤ã„ã¦ç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚ OGPã¨ã¯ OGPã®æ£å¼å称ã¯â€Open Graph Protocolâ€ã¨è¨€ã„ã¾ã™ã€‚ facebookã‚„mixiã€google＋ãªã©ã®SNSã¨ã‚¦ã‚§ãƒ–ページを連æºã•ã›ã‚‹ç‚ºã«è¨å®šã™ã‚‹è¨˜äº‹æƒ…å ±ã§ã€å„種ウォールã€ãƒ‹ãƒ¥ãƒ¼ã‚¹ãƒ•ã‚£ãƒ¼ãƒ‰ã«ã€Œã“ã†ã„ã†ã‚µã‚¤ãƒˆã§ã™ã€ã¨æ˜Žè¨€ã™ã‚‹ãŸã‚ã«å¿…è¦ãªä»•æ§˜ã§ã™ã€‚ 例ãˆã°facebookã«ãŠã„ã¦ã€OGPã‚’è¨å®šã—ã¦ã„ãªã„サイトã§ã€Œã„ã„ãï¼ã€ã‚’押ã™ã¨ã€Œã€‡ã€‡ã•ã‚“ãŒãƒªãƒ³ã‚¯ã«ã¤ã„ã¦ã„ã„ãï¼ã¨è¨€ã£ã¦ã¾ã™ã€ã¨è‡ªåˆ†ã®ã‚¦ã‚©ãƒ¼ãƒ«ã«ã¯æŠ•ç¨¿ã•ã‚Œã¾ã™ãŒãƒ‹ãƒ¥ãƒ¼ã‚¹ãƒ•ã‚£ãƒ¼ãƒ‰ã«ã¯åæ˜ ã•ã‚Œãªã„ãŸã‚ä»–ã®äººã®ç›®ã«è¨˜äº‹ãŒã•ã‚‰ã•ã‚Œã‚‹äº‹ã¯ãªã‹ãªã‹ã‚ã‚Šã¾ã›ã‚“。 ã—ã‹ã—OGPè¨å®šã‚’ã—ãŸã‚µã‚¤
1
ランã‚ング
メンテナンス
ãŠçŸ¥ã‚‰ã›
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}