Pixelhunter — 🧠AI-powered image resizer for social media
PixelÂhunter — free AI image resizer for social media.Cropping each and every image by hand can be tiresome. Pixelhunter utilizes amazing Uploadcare Intelligence API to recognize objects and crop pictures automatically, in a smarter way. Just upload your image of any size and it will be automatically resized to each and every of 102 sizes we support. AI is there to ensure that your image is resize
metaã‚¿ã‚°ã«è¨˜è¿°ã™ã‚‹ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ãƒ¡ãƒ‡ã‚£ã‚¢ã‚„検索用ã®ã‚³ãƒ¼ãƒ‰ã‚’ã¾ã¨ã‚ã¦ç°¡å˜ã«ç”Ÿæˆã§ãるオンラインツール -Meta Tags
Twitter, Facebook, Pinterestãªã©ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ãƒ¡ãƒ‡ã‚£ã‚¢ã€Googleã®æ¤œç´¢ç”¨ã®metaã‚¿ã‚°ã®ã‚³ãƒ¼ãƒ‰ã‚’1クリックã§ç°¡å˜ã«ç”Ÿæˆã§ãるオンラインツールを紹介ã—ã¾ã™ã€‚ 日本語ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã«ã‚‚対応ã—ã¦ãŠã‚Šã€å„サービスã§ã©ã®ã‚ˆã†ã«è¡¨ç¤ºã•ã‚Œã‚‹ã®ã‹ç¢ºèªã—ãªãŒã‚‰ç°¡å˜ã«ã‚³ãƒ¼ãƒ‰ã‚’生æˆã§ãã€ã‚³ãƒ”ペã§åˆ©ç”¨ã§ãã¾ã™ã€‚
ユーザーã¨ã®è¨å®šã‚’改善ã—ã¦ã•ã‚‰ãªã‚‹ã‚¤ãƒ³ãƒ—レッションを生むï¼Facebookã®OGPã®è¨å®šãƒ»ç¢ºèªæ–¹æ³•
世界最大ã®SNSã§ã‚ã‚‹Facebookã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒå®Ÿåã§ã‚ã‚‹ã“ã¨ã«åŠ ãˆã¦ã€ã€Œã„ã„ãï¼ã€ã‚„「シェアã€ã«ã‚ˆã‚‹æƒ…å ±æ‹¡æ•£åŠ›ãŒå¤§ããªå¼·ã¿ã§ã™ã€‚FacebookユーザーãŒWebページをシェアã—ãŸéš›ã€ãã®æƒ…å ±ã«è¨´æ±‚力ãŒã‚ã‚‹ã¨ã€ã•ã‚‰ãªã‚‹ã‚·ã‚§ã‚¢ãŒæœŸå¾…ã§ãã¾ã™ã€‚SNSã®ç‰¹æ€§ã‚’最大é™ã«æ´»ç”¨ã—ãŸæƒ…å ±æ‹¡æ•£ã«ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‹ã‚‰ã®ã€Œã„ã„ãï¼ã€ã‚„「シェアã€ã‚’ã„ã‹ã«æœ‰åŠ¹åˆ©ç”¨ã§ãã‚‹ã‹ãŒã€é‡è¦ãªãƒã‚¤ãƒ³ãƒˆã§ã™ã€‚ 今回ã¯ã€Facebookã«ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒã€Œã„ã„ãï¼ã€ã‚„「シェアã€ã‚’ã—ãŸå ´åˆã®è¡¨ç¤ºè¨å®šã§ã‚ã‚‹OGPã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚OGPã®è¨å®šæ¬¡ç¬¬ã§ã€ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°ã®æˆæžœã‚’ãã£ã¨é«˜ã‚られã¾ã™ã®ã§ã€ãœã²ã”å‚考ãã ã•ã„。 OGPã¨ã¯ OGPã¨ã¯ã€Open Graph Protocol（オープン・グラフ・プãƒãƒˆã‚³ãƒ«ï¼‰ã®ç•¥ç§°ã§ã™ã€‚SNSã§ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒWebページã«ãƒªã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚’ã—ãŸéš›ã«ã€SNSã«æƒ…å ±ã‚’ä¼ãˆã‚‹ãŸã‚ã«å¿…è¦ãªãƒ—ãƒãƒˆã‚³ãƒ«ã§ã™ã€‚OGPã®è¨å®šã«ã‚ˆ
head内ã«è¨˜è¿°ã™ã‚‹ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ãƒ¡ãƒ‡ã‚£ã‚¢ãƒ»æ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³ç”¨ã®metaã‚¿ã‚°ã‚’ç°¡å˜ã«ç”Ÿæˆã§ãる無料ツール -Meta Tags | コリス
head内ã®metaã«è¨˜è¿°ã™ã‚‹TwitterカードやFacebookã®OGPãªã©ã®ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ãƒ¡ãƒ‡ã‚£ã‚¢ç”¨ã®ã‚³ãƒ¼ãƒ‰ã€Googleãªã©ã®æ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³ç”¨ã®ã‚³ãƒ¼ãƒ‰ã‚’ç°¡å˜ã«ä½œæˆã§ãã‚‹ç„¡æ–™ã®ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ãƒ„ールを紹介ã—ã¾ã™ã€‚ å…¬å¼ã®ãƒ‡ãƒãƒƒã‚¬ãƒ¼ã§ã™ãã«ç¢ºèªã‚‚ã§ãã‚‹ã®ã§ã€éžå¸¸ã«ä¾¿åˆ©ã§ã™ã€‚ Meta Tags Meta Tagsã§ã¯ã€ä¸‹è¨˜ã®ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ãƒ¡ãƒ‡ã‚£ã‚¢ãƒ»æ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³ç”¨ã®metaã‚¿ã‚°ãŒã‚µãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ã¾ã™ã€‚ Google Facebook Twitter Linkedin Pinterest Slack 使ã„æ–¹ã¯ç°¡å˜ã§ã€ç™»éŒ²ãªã©é¢å€’ãªã“ã¨ã¯ä¸€åˆ‡ä¸è¦ã€ç„¡æ–™ã§åˆ©ç”¨ã§ãã¾ã™ã€‚ ã¾ãšã¯ã€ã‚µã‚¤ãƒˆã«ã‚¢ã‚¯ã‚»ã‚¹ã—ã¾ã™ã€‚
Facebookã®OGPデãƒãƒƒã‚¬ãƒ¼ãŒãƒã‚°ã‚¤ãƒ³å¿…é ˆã§è‡ªå‹•ã‚ャッシュクリアä¸å¯ã«ãªã£ã¦å›°ã£ãŸ | åˆä»£ç·¨é›†é•·ãƒ–ãƒã‚°â€•å®‰ç”°è‹±ä¹…
今日ã¯ã€Facebook関連ã®å°ãƒã‚¿ã‚’2ã¤ã€‚1ã¤ã¯Facebook DebuggerãŒãƒã‚°ã‚¤ãƒ³å¿…è¦ã«ãªã£ã¦ã—ã¾ã„OGPã‚ャッシュ自動クリアãŒã§ããªããªã£ãŸã“ã¨ã€ã‚‚ã†1ã¤ã¯ã€ã„ã„ãï¼ãŒä¸€å®šæ•°ã‚’越ãˆã‚‹ã¨titleãªã©ãŒå›ºå®šã•ã‚Œã¦ã—ã¾ã†ã¨ã„ã†è©±é¡Œã§ã™ã€‚ 2013-12-25 1ã¤ç›®ã®Facebookデãƒãƒƒã‚¬ãƒ¼ã®å•é¡Œã€èªè€…ã•ã‚“ã®ãƒ˜ãƒ«ãƒ—ã§è§£æ±ºã—ã¾ã—ãŸã®ã§ã€ãã®æ–¹æ³•ã‚’追記ã—ã¾ã—ãŸã€‚ Facebookã®OGPデãƒãƒƒã‚¬ãƒ¼ãŒãƒã‚°ã‚¤ãƒ³å¿…é ˆã«Facebookã®OGPデãƒãƒƒã‚¬ãƒ¼ï¼ˆã‚ªãƒ–ジェクト デãƒãƒƒã‚¬ï¼ï¼‰ãŒãƒã‚°ã‚¤ãƒ³å¿…é ˆã«ãªã£ã¦ã—ã¾ã—ãŸã€‚ã„ã¤ã”ã‚ã‹ã‚‰ãªã®ã‹ã¯æŠŠæ¡ã§ãã¦ã„ã¾ã›ã‚“。 Debugger - Facebook Developers https://developers.facebook.com/tools/debug/ã“ã®ãƒ„ールã€æœ¬æ¥ã¯Webページãªã©ã«è¨˜è¿°ã—ã¦ã„ã‚‹OGPã‚’FacebookãŒã©ã†èªè˜ã—ã¦ã„ã‚‹
OGPã®ã€Œfb:app_idã€ã¨ã‹ã€Œfb:adminsã€ã£ã¦ä½•ã®ãŸã‚ã«å¿…è¦ãªã®ï¼Ÿ
ã•ã¦ã€‚OGPã«ã¤ã„ã¦ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‚’書ã„ãŸã°ã‹ã‚Šã§ã™ãŒã€‚ è‰²ã€…é ‘å¼µã£ã¦ã€ã“ã®ãƒ–ãƒã‚°ã®OGPã¯â†“ã“ã‚“ãªæ„Ÿã˜ã«ãªã‚Šã¾ã—ãŸã€‚ <meta property="fb:app_id" content="1234567890" /> <meta property="og:type" content="blog"> <meta property="og:description" content="***記事抜粋***"> <meta property="og:title" content="***記事タイトル***"> <meta property="og:url" content="***記事URL***"> <meta property="og:site_name" content="Sunday In The Park"> <meta property="og:image" content="htt
Wordpress＆facebook連æºè¨å®šâ‘ OGPè¨å®šæ–¹æ³•
「ブãƒã‚°ã®ã‚¢ã‚¯ã‚»ã‚¹ã‚¢ãƒƒãƒ—ã«ã¯SNSã¨ã®é€£æºãŒå¤§äº‹ã§ã™ï¼ã€ 「特ã«facebooké‡ç‚¹ï¼ã‚·ã‚§ã‚¢ã•ã‚Œã¦ãƒã‚¤ãƒ©ãƒ«ã§ã‚¢ã‚¯ã‚»ã‚¹å€å¢—ï¼ã€ …ã¨ã€ãƒ–ãƒã‚°ã®ã‚¢ã‚¯ã‚»ã‚¹ã‚¢ãƒƒãƒ—ã«ã¤ã„ã¦èª¿ã¹ã¦ã„る㨠ã“ã‚“ãªã“ã¨æ›¸ã„ã¦ã‚る記事をよã見ã‹ã‘ã‚‹ã‹ã¨æ€ã„ã¾ã™ã€‚ ã§ã‚‚ã€å…·ä½“çš„ã«ä¸€ä½“ã©ã†ã™ã‚Œã°ã„ã„ã®ã‹ï¼Ÿ ã„ã„ãボタン付ã‘ã¦ã‚‹ã ã‘ã˜ã‚ƒãƒ€ãƒ¡ãªã®ã‹ï¼Ÿï¼ˆâ†ä¸å分ã§ã™ï¼‰ WordPressã¨facebookã®é€£æºè¨å®šã«ã¤ã„ã¦è‰²ã€…調ã¹ã¦ã¿ã¦ã‚‚ã€ æƒ…å ±ãŒæ•£é€¸ã—ã¦ãŸã‚Šã€æƒ…å ±ãŒå¤ã‹ã£ãŸã‚Šã€ å…¬å¼ã§ã‚‚英語ã®ãƒ‰ã‚ュメントã—ã‹ç”¨æ„ã•ã‚Œã¦ãŠã‚‰ãšã€ æ£ç›´ã‹ãªã‚Šè¤‡é›‘ã§åˆ†ã‹ã‚Šã¥ã‚‰ã„ã§ã™ã€‚ç§ã‚‚実際ã ã„ã¶è‹¦æˆ¦ã—ã¾ã—ãŸã€‚ ã¨ã€ã„ã†ã“ã¨ã§ã€ã“ã®ãƒ–ãƒã‚°ã§ã€ WordPressã¨facebookを連æºã™ã‚‹ãŸã‚ã®ã€ 個人ブãƒã‚°å‘ã‘å¿…é ˆè¨å®šã®æ–¹æ³•ã‚’ ãªã‚‹ã¹ãåˆå¿ƒè€…ã«ã‚‚分ã‹ã‚Šã‚„ã™ã„よã†ã«ã¾ã¨ã‚ã¦ãŠãã¾ã™ã€‚ ã¾ãšã¯ç¬¬ä¸€å¼¾ã€OGPã®è¨å®šæ–¹æ³•ã‹ã‚‰ã©ã†ãžã€‚ OGP ã¨ã¯ï¼Ÿ OGP(
HTML5ã§OGPã®è¨å®šã‚’ã™ã‚‹æ™‚ã«htmlã‚¿ã‚°ã«xmlnsã¯ä¸è¦
æ¦‚è¦ â–¶ HTML5ã¯XHTMLã§ã¯ã‚ã‚Šã¾ã›ã‚“。ã“ã®ãŸã‚OGPã®è¨å®šã§å¿…è¦ã¨ã•ã‚Œã‚‹xmlnsã¯ä¸è¦ãªã®ã§ã™ã€‚代ã‚ã‚Šã«ã€Œprefixã€ã¨ã„ã†è¨˜è¿°ã‚’è¡Œã„ã¾ã™ã€‚本ページã¯ãƒ—ãƒãƒ¢ãƒ¼ã‚·ãƒ§ãƒ³ãŒå«ã¾ã‚Œã¦ã„ã‚‹å ´åˆãŒã‚ã‚Šã¾ã™ Geek_Tatoo by Massimo Valiani HTML5ã§ã‚¦ã‚§ãƒ–サイトを作æˆã—ã¦ã„ã¦ã€æ°—ã«ãªã£ãŸã“ã¨ãŒã‚ã‚Šã¾ã—ãŸã€‚ æ°—ã«ãªã£ãŸçž¬é–“ã¯Facebookã‚„Google+ã§ä½¿ç”¨ã•ã‚Œã‚‹OGP（Open Graph protocol）ã®ãŸã‚ã®ãƒ¡ã‚¿ã‚¿ã‚°ã‚’è¨å®šã—ã¦ã„ãŸæ™‚ã®ã“ã¨ã§ã™ã€‚ ãƒãƒƒãƒˆã§æ¤œç´¢ã™ã‚‹ã¨å¿…ãšã¨è¨€ã£ã¦ã„ã„ã»ã©ã€Œxmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml" ã‚’<html>ã®ã‚¿ã‚°ã«è¿½åŠ ã—ã¾ã—ょã†ã€ã¿ãŸã„ãªã“ã¨ãŒæ›¸ã„ã¦ã‚ã‚Šã¾ã™ã€‚ ã“ã‚“ãªæ„Ÿã˜ã§ã™ã。 <html xmlns:og=
Facebookã®OGPè¨å®šã§å€‹äººæƒ…å ±ã‚’å®ˆã‚‹!adminsã‚’app_idã«å¤‰æ›´ã™ã‚‹æ–¹æ³•ã‚‚
ã¨ã“ã‚ã§ã€ã“れらã®è¨˜äº‹ã§ã¯ã€Œfb:adminsã€ã®å€¤ã®å–得方法ã«ã¤ã„ã¦ã‚‚紹介ã—ã¦ã„ã¾ã™ã€‚ã—ã‹ã—ã€ã“ã®å€¤ã‹ã‚‰Facebookã®å€‹äººã‚¢ã‚«ã‚¦ãƒ³ãƒˆã¸ãŸã©ã‚Šç€ãã“ã¨ãŒã§ãã‚‹ãŸã‚ã€é‹å–¶è€…を特定ã•ã‚ŒãŸããªã„人ã¯ã€Œfb:app_idã€ã«å¤‰æ›´ã™ã‚‹ã“ã¨ã‚’オススメã—ã¾ã™ã€‚ éŽåŽ»è¨˜äº‹ã«ã¤ã„ã¦ã‚‚ã€æ°—ã¥ã„ãŸã‚‚ã®ã‹ã‚‰è¿½è¨˜ä¿®æ£ã—ã¦ã„ã予定ã§ã™ã€‚ OGPè¨å®šã§Facebook個人アカウント特定ã®æ–¹æ³•ã¨é˜²å¾¡å¯¾ç– ç§ã‚‚ç©æ¥µçš„ã«ã¯å®Ÿåや顔を出ã—ã¦ã¾ã›ã‚“ãŒã€ã‚ªãƒ•ã‚„サークルや旅行先やセミナーãªã©ã§åƒæ•°ç™¾äººä»¥ä¸Šã®äººã«ã¯ã€Œã‚†ã‚ã´ã‚‡ã‚“ã€ã¨ã—ã¦ãŠä¼šã„ã—ã¦ã‚‹ã®ã§ã€ã‚‚ã¯ã‚„éš ã™æ„味もãªã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“（笑）ブãƒã‚°ã®å˜åœ¨ã‚‚ã€å®¶æ—・兄弟・å‹äººã¿ã‚“ãªå‘¨çŸ¥ã§ã™ã€‚ ã—ã‹ã—ã€ãƒ–ãƒã‚°ã‚„é‹å–¶ã‚µã‚¤ãƒˆã‚’知られãŸããªã„人ã¯ã€ç§ã®çŸ¥ã‚Šåˆã„ã®ä¸ã«ã‚‚ã„ã£ã±ã„ã„ã¾ã™ã€‚趣味嗜好や考ãˆæ–¹ãŒãƒ€ãƒ€æ¼ã‚Œã§ã™ã‹ã‚‰ã。ãã‚“ãªäººãŒFacebookã®OGPè¨å®šã§ã€Œfb:adminsã€ã‚’è¨å®šã—ã¦
『Wordbookerã€ã§ogp:imageã«ã‚µãƒ ãƒã‚¤ãƒ«ç”»åƒã‚’è¨å®š[WordPress]
Kotoriã¯ãƒžãƒ«ãƒ•ã‚¡ãƒ³ç—‡å€™ç¾¤ã¨ã„ã†é›£ç—…ã‚’æ‚£ã£ã¦ã„ã¾ã™ï¼ 今後ã¯ã€ãƒžãƒ«ãƒ•ã‚¡ãƒ³ç—‡å€™ç¾¤ã«é–¢ã™ã‚‹ãƒˆãƒ”ックも扱ã£ã¦ã„ãã¾ã™ï¼ KOTORI Blogã®å…¬å¼ã‚ャラクター「パンDã€ã§ã™ã€‚ ※2013å¹´12月24日追記 WordPressã¨Facebookã®é€£æºã¯ã€ŽJetpackã€ãƒ—ラグインã§è¡Œã£ãŸã»ã†ãŒç°¡å˜ã§ã™ã€‚ ã—ã‹ã‚‚Google+ページã¨Twitterã¨ã®é€£æºã‚‚『Jetpackã€ã§å‡ºæ¥ã¾ã™ã€‚絶対『Jetpackã€ä½¿ç”¨ã—ãŸã»ã†ãŒæ¥½ã§ã™ï¼ï¼ï¼è§£èª¬æ›¸ãã¾ã—ãŸã€‚å‚考ã«ã—ã¦ãã ã•ã„。 Facebookページã¨WordPressを連æºã•ã›ã‚‹[Jetpack] ã¾ãˆãŒã ãã‚‚ãã‚‚WordPressæ›´æ–°ã—ãŸã‚‰Facebookã«ã‚‚投稿ã•ã›ã‚ˆã†ã¨æ€ã£ã¦è‰²ã€…é ‘å¼µã£ã¦ãŸã‚“ã ã‘ã©WordPressã¨Facebookã®é€£æºè‡ªä½“ã¯ãã‚“ãªã«é›£ã—ããªã『Wordbookerã€ã¨ã„ã†ãƒ—ラグインを使ãˆã°ç›´ãã§ãã¾ã—ãŸã€‚ ãŒã—ã‹ã—ï¼ ã‚µ
![『Wordbookerã€ã§ogp:imageã«ã‚µãƒ ãƒã‚¤ãƒ«ç”»åƒã‚’è¨å®š[WordPress]](https://cdn-ak-scissors.b.st-hatena.com/image/square/082d4e3c1cf65f22deee26aec0fe7dc55808c675/height=288;version=1;width=512/https%3A%2F%2Fkotori-blog.com%2Fwordpress%2Fwp-content%2Fuploads%2Fbko5wl1b.gif)
ããŸã‚ã‚“ – WordPress推ã—ブãƒã‚°
WordPressを利用ã—ã¦ãƒ–ãƒã‚°ã‚’é‹å–¶ã—ã¦ã„ã‚‹æ–¹ã«å½¹ç«‹ã¤æƒ…å ±ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚åˆå¿ƒè€…å‘ã‘ã®ãƒ¯ãƒ¼ãƒ‰ãƒ—レス使ã„方ガイド・便利ãªãƒ—ラグインを紹介ã—ã¦ã„ã¾ã™ã€‚
SNSã§ãƒªãƒƒãƒè¡¨ç¤ºã—ã¦ãれるOGPã‚’WordPressã«ã€ãƒ—ラグインを使ã‚ãšè¨å®šã™ã‚‹
Facebookã‚„Twitterãªã©ã®SNSã§è¨˜äº‹ãŒã‚·ã‚§ã‚¢ã•ã‚ŒãŸæ™‚ã€ãƒªãƒƒãƒã«è¡¨ç¤ºã•ã‚Œã‚‹OGPã®è¨å®šã‚’プラグインを使ã‚ãšå®Ÿè£…ã—ã¾ã™ã€‚OGPã«ã¤ã„ã¦ã‚ˆãã‚ã‹ã‚‰ãªã„æ–¹ã¯ã€äºˆå‚™çŸ¥è˜ã¨ã—ã¦ã€ã“ã¡ã‚‰ã®è¨˜äº‹ã«ç›®ã‚’通ã—ã¦ãã ã•ã„。 Facebookãªã©ã§ã‚µã‚¤ãƒˆãŒå…±æœ‰ã•ã‚ŒãŸæ™‚ã€ãƒªãƒƒãƒè¡¨ç¤ºã™ã‚‹OGPã®è¨å®š ã¾ãŸã€ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã®phpã®çŸ¥è˜ã‚‚å¿…è¦ã«ãªã‚Šã¾ã™ã€‚ドットインストールãªã©ã®ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°å¦ç¿’サイトã§åŸºç¤ŽçŸ¥è˜ã‚’ã¤ã‘ã¦ãŠãã¾ã—ょã†ã€‚ PHP入門（基本編） (å…¨32回) | ドットインストール OGPã®è¨å®šæ‰‹é † OGPã®è¨å®šã§å¿…è¦ã¨ãªã‚‹ã‚³ãƒ¼ãƒ‰ã‚„ã‚¿ã‚°ã‚’ã€å¤§ãã2ã¤ã«åˆ†ã‘ã¦ã¿ã¾ã—ãŸã€‚ prefix属性ã®è¨˜è¿° <meta>è¦ç´ ã®è¨˜è¿° <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# website: http://ogp.me/ns/we
Open Graph Object Debugger - Facebook
Facebookã«ãƒã‚°ã‚¤ãƒ³ã—ã¦ã€å‹é”や家æ—ã¨å†™çœŸã‚„è¿‘æ³ã‚’シェアã—ã¾ã—ょã†ã€‚
★★Facebook・Twitterã®OGPè¨å®šæ–¹æ³•ã¾ã¨ã‚｜ferret [フェレット]
é‹å–¶ã—ã¦ã„るホームページやWebサイトã§ã€OGPè¨å®šã¯è¡Œã£ã¦ã„ã¾ã™ã‹ï¼Ÿ OGPã¨ã¯ã€ŒOpen Graph protocolã€ã®ç•¥ç§°ã€‚Facebookã‚„Twitterãªã©ã®SNSã§ã‚·ã‚§ã‚¢ã•ã‚ŒãŸéš›ã«ã€ãã®ãƒšãƒ¼ã‚¸ã®ã‚¿ã‚¤ãƒˆãƒ«ãƒ»URL・概è¦ãƒ»ã‚¢ã‚¤ã‚ャッãƒç”»åƒï¼ˆã‚µãƒ ãƒã‚¤ãƒ«ï¼‰ã‚’æ„図ã—ãŸé€šã‚Šã«æ£ã—ã表示ã•ã›ã‚‹ä»•çµ„ã¿ã§ã™ã€‚SNSã§ã®æ‹¡æ•£ã‚’通ã˜ã¦å¤šãã®äººã«è¨˜äº‹ã‚’ã¿ã¦ã‚‚らã†ãŸã‚ã«ã¯å¿…é ˆã®è¨å®šã¨ã„ãˆã¾ã™ã€‚ ãã“ã§ä»Šå›žã¯ã€æœ€æ–°ã®Facebookã®ä»•æ§˜ã«æº–ãšã‚‹OGPã®è¨å®šã‚„確èªæ–¹æ³•ã€æ³¨æ„点ãªã©ã‚’紹介ã—ã¾ã™ã€‚ OGPã¨ã¯ OGPã¨ã¯Open Graph Protcolã®ç•¥ç§°ã§ã€Facebookã‚„Twitterã€mixiãªã©ã®SNSã§ã‚·ã‚§ã‚¢ã•ã‚ŒãŸéš›ã«ã€ãã®ãƒšãƒ¼ã‚¸ã®ã‚¿ã‚¤ãƒˆãƒ«ãƒ»URL・概è¦ãƒ»ã‚¢ã‚¤ã‚ャッãƒç”»åƒï¼ˆã‚µãƒ ãƒã‚¤ãƒ«ï¼‰ã‚’æ„図ã—ãŸé€šã‚Šã«æ£ã—ã表示ã•ã›ã‚‹ä»•çµ„ã¿ã§ã™ã€‚ 上ã®èµ¤æž ã®ã‚ˆã†ã«è¡¨ç¤ºã‚’目立ãŸã›ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã€URLã ã‘ã®å ´
![★★Facebook・Twitterã®OGPè¨å®šæ–¹æ³•ã¾ã¨ã‚｜ferret [フェレット]](https://cdn-ak-scissors.b.st-hatena.com/image/square/ded3c626dd8aed6f4410bbdd0395c88db2470395/height=288;version=1;width=512/https%3A%2F%2Fferret.akamaized.net%2Fuploads%2Farticle%2F610%2Fog_image%2Fdefault-bdf2027367621662f48bdc85408bf81b.jpg)
facebookã®OGPをプラグインãªã—ã§è¨å®š
é…ã‚Œã°ã›ãªãŒã‚‰ã€ã„ã‚ã—ブãƒã‚°ã«ã‚‚OGPã‚’è¨å®šã—ã¾ã—ãŸã€‚OGPã¯facebookãªã©ã®ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ã§è¨˜äº‹ã‚’シェアã—ãŸæ™‚ã«ã€å†…容をæ£ã—ãä¼ãˆã‚‹ãŸã‚ã®è¨å®šã§ã™ã€‚ OGPã¯WordPressã®ãƒ—ラグインを使ãˆã°ç°¡å˜ã«è¨å®šã§ãã¾ã™ãŒã€ä»Šå›žã¯ãƒ—ラグインãªã—ã§OGPã‚’è¨å®šã—ã¦ã¿ã¾ã—ãŸã€‚ OGP（Open Graph Protocol）ã¨ã¯OGPã¨ã¯ Open Graph Protocol ã®ç•¥ã§ã€facebookã‚’ã¯ã˜ã‚ã€google+ã‚„mixiãªã©ã®ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ãƒ¡ãƒ‡ã‚£ã‚¢ã§è¨˜äº‹ã‚’シェアã—ãŸæ™‚ã«ã€ãã®è¨˜äº‹ã®å†™çœŸã‚„内容ãªã©ã‚’æ£ã—ã表示ã•ã›ã‚‹ãŸã‚ã®è¨å®šã§ã™ã€‚ OGPã‚’è¨å®šã—ã¦ãŠã‘ã°ã€facebookã§ã€Œã„ã„ãï¼ã€ã‚’押ã—ãŸã¨ãã«ã€ãã®ãƒšãƒ¼ã‚¸ã®å†…容をæ£ã—ã表示ã•ã›ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ 写真や記事ã®è¦‹å‡ºã—ãŒé©åˆ‡ã§ã‚ã‚Œã°ã€ãã®è¨˜äº‹ã‚’èªã‚“ã§ã‚‚らãˆã‚‹ç¢ºçŽ‡ã¯ä¸ŠãŒã‚Šã¾ã™ã€‚ã§ã‚‚ã€ã‚¢ãƒ¡ãƒ–ãƒãªã©ã®ä¸€éƒ¨ç„¡æ–™ãƒ–ãƒã‚°ã§ã¯OGPã®è¨å®šãŒã§ããªã„
Google+ API Shutdown  | Google+ Platform  | Google Developers
フィードãƒãƒƒã‚¯ã‚’é€ä¿¡ Google+ API ã®ã‚µãƒ¼ãƒ“ス終了ã«ã¤ã„㦠コレクションã§ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ•´ç† å¿…è¦ã«å¿œã˜ã¦ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ä¿å˜ã¨åˆ†é¡žã‚’è¡Œã„ã¾ã™ã€‚ 2019 å¹´ 3 月 7 日をもã£ã¦ã€ã™ã¹ã¦ã® Google+ API ã¯ã‚µãƒ¼ãƒ“スãŒçµ‚了ã—ã¾ã™ã€‚ã“ã®ã‚µãƒ¼ãƒ“ス終了㯠1 月後åŠã‹ã‚‰æ®µéšŽçš„ã«å®Ÿæ–½ã•ã‚Œã€ã“れら㮠API 呼ã³å‡ºã—㯠2019 å¹´ 1 月 28 æ—¥ã‹ã‚‰æ–続的ã«æ£å¸¸ã«å‹•ä½œã—ãªããªã‚Šã¾ã™ã€‚ デベãƒãƒƒãƒ‘ーã®çš†æ§˜ã«ã¯ã€ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§æœ€è¿‘使用ã•ã‚ŒãŸ Google+ API メソッド㨠Google+ OAuth スコープ リクエストを記載ã—ãŸãƒ¡ãƒ¼ãƒ«ã‚’ãŠé€ã‚Šã—ã¦ãŠã‚Šã¾ã™ãŒã€ãƒ¡ãƒ¼ãƒ«ã‚’å—ã‘å–ã£ãŸã‹ã©ã†ã‹ã«ã‹ã‹ã‚らãšã€Google+ API ã®ä¾å˜é–¢ä¿‚を検索ã—ã€ã‚¢ãƒ—リケーションã‹ã‚‰ã™ã¹ã¦å‰Šé™¤ã™ã‚‹ã“ã¨ã‚’å¼·ããŠã™ã™ã‚ã—ã¾ã™ã€‚ サービス終了ã¨ãªã‚‹ API ã®ã†ã¡ã€ã‚ˆã使用ã•ã‚Œã¦ã„ã‚‹ã‚‚ã®ã¯æ¬¡ã®ã¨ãŠã‚Šã§ã™ã€‚
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
The Open Graph protocol
Firebaseã¦ã‚™SPAã™ã‚‹ã¨ãã®SEO/OGP対応もã†ã“ã‚Œã¦ã‚™ã„ã„ã‚“ã—゙ゃãªã„ã¦ã‚™ã™ã‹2018暫定版
Facebookã®ã‚·ã‚§ã‚¢æŠ•ç¨¿ã«ã€Œä½œæˆï¼šç†è€…åã€ã‚’表示ã™ã‚‹metaã‚¿ã‚°ã®è¨å®šæ–¹æ³• | åˆä»£ç·¨é›†é•·ãƒ–ãƒã‚°â€•å®‰ç”°è‹±ä¹…
OGPã®è¨˜è¿°å¾Œã‚‚ValidãªHTML5文書ã«ã™ã‚‹ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—方法ã®ãƒ¡ãƒ¢
{{#tags}}- {{label}}
{{/tags}}