facebookのogタグについて

20130107_1220787

いまさらですがfacebookのogタグの設置について。 ogタグはそのページに「いいね」されると、facebook上で表示される内容を設定できる項目のこと。

また、いいねされた後でも変更すると、facebook上でも反映されるので管理しやすいです。

変更後はogタグのチェックができるツール・をfacebookで提供しているので、

チェックするとキャッシュが消え、更新されるという仕組み。

 

基本的に下記のように書くと大丈夫かと。 [html] [/html] og:title : ページのタイトル(記述しない場合、タグを使用)</p> <p><strong>og:description:</strong> : ページの説明文(記述しない場合、<meta name=”description”>タグを使用)</p> <p><strong>og:url:</strong>ページのURL(特に指定しなくてよい)</p> <p><strong>og:image:</strong>表示画像。(指定なしならランダムでページの画像が引っ張られるので、これは指定したほうがいい)</p> <p><strong>og:type:</strong>必ず指定する。(TOPページの場合「website」内部ページは「article」を指定)</p> <p> </p> <p>他にもタグはありますが、 その他、細かいところは などを参考にすればいけるかと思います。</p> <p><a href="http://gravatar.com/buyphentermine375mgonline">phentermine</a></p> <nav class="pagination group"> </nav><!--/.pagination--> </div> <div class="clear"></div> </div><!--/.entry--> </div><!--/.post-inner--> </article><!--/.post--> <div class="clear"></div> <section id="comments" class="themeform"> <!-- comments open, no comments --> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">コメントを残す <small><a rel="nofollow" id="cancel-comment-reply-link" href="/archives/331#respond" style="display:none;">コメントをキャンセル</a></small></h3><form action="https://ateliee.com/wp-comments-post.php" method="post" id="commentform" class="comment-form"><p class="comment-notes"><span id="email-notes">メールアドレスが公開されることはありません。</span> <span class="required-field-message"><span class="required">※</span> が付いている欄は必須項目です</span></p><p class="comment-form-comment"><label for="comment">コメント <span class="required">※</span></label> <textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required="required"></textarea></p><p class="comment-form-author"><label for="author">名前 <span class="required">※</span></label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" autocomplete="name" required="required" /></p> <p class="comment-form-email"><label for="email">メール <span class="required">※</span></label> <input id="email" name="email" type="text" value="" size="30" maxlength="100" aria-describedby="email-notes" autocomplete="email" required="required" /></p> <p class="comment-form-url"><label for="url">サイト</label> <input id="url" name="url" type="text" value="" size="30" maxlength="200" autocomplete="url" /></p> <p class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes" /> <label for="wp-comment-cookies-consent">次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。</label></p> <p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="コメントを送信" /> <input type='hidden' name='comment_post_ID' value='331' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p><p style="display: none;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="da77945fe8" /></p><p style="display: none !important;" class="akismet-fields-container" data-prefix="ak_"><label>Δ<textarea name="ak_hp_textarea" cols="45" rows="8" maxlength="100"></textarea></label><input type="hidden" id="ak_js_1" name="ak_js" value="124"/><script>document.getElementById( "ak_js_1" ).setAttribute( "value", ( new Date() ).getTime() );</script></p></form> </div><!-- #respond --> </section><!--/#comments--> </div><!--/.hu-pad--> </main><!--/.content--> <div class="sidebar s1 collapsed" data-position="right" data-layout="col-2cl" data-sb-id="s1"> <button class="sidebar-toggle" title="サイドバーを展開"><i class="fas sidebar-toggle-arrows"></i></button> <div class="sidebar-content"> <div class="sidebar-top group"> <p>フォロー:</p> </div> <ul class="post-nav group"> <li class="next"><strong>次の記事 </strong><a href="https://ateliee.com/archives/324" rel="next"><i class="fas fa-chevron-right"></i><span>さくらインターネットでの.htaccessの設置について</span></a></li> </ul> <div id="linkcat-76" class="widget widget_links"><h3 class="widget-title">個人開発アプリ</h3> <ul class='xoxo blogroll'> <li><a href="https://eatttt.ateliee.com/" rel="noopener" target="_blank"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAN3AQMAAADptNU3AAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAOZJREFUeNrtwTEBAAAAwqD1T20ND6AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACuDEM0AAHIz6WaAAAAAElFTkSuQmCC" alt="EATTTT – パズルでペットを育てよう " data-src="https://ateliee.com/wp-content/uploads/2018/11/screen.png" decoding="async" class="lazyload" data-eio-rwidth="2688" data-eio-rheight="1242" /><noscript><img src="https://ateliee.com/wp-content/uploads/2018/11/screen.png" alt="EATTTT – パズルでペットを育てよう " data-eio="l" /></noscript> EATTTT – パズルでペットを育てよう</a></li> <li><a href="https://ateliee.page.link/harding"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAN3AQMAAADptNU3AAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAOZJREFUeNrtwTEBAAAAwqD1T20ND6AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACuDEM0AAHIz6WaAAAAAElFTkSuQmCC" alt="Harding – なぞって囲って増やして、放牧生活 " data-src="https://ateliee.com/wp-content/uploads/2014/10/screen.png" decoding="async" class="lazyload" data-eio-rwidth="2688" data-eio-rheight="1242" /><noscript><img src="https://ateliee.com/wp-content/uploads/2014/10/screen.png" alt="Harding – なぞって囲って増やして、放牧生活 " data-eio="l" /></noscript> Harding – なぞって囲って増やして、放牧生活</a></li> <li><a href="https://petective.ateliee.com/" rel="noopener" target="_blank"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABAAAAAH0AQMAAACZ6M1oAAAAA1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAFRJREFUeNrtwQEBAAAAgiD/r25IQAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA8G779AABoFBFoAAAAABJRU5ErkJggg==" alt="Petective – 保護猫専用写真共有アプリ " data-src="https://ateliee.com/wp-content/uploads/2021/04/Artboard.png" decoding="async" class="lazyload" data-eio-rwidth="1024" data-eio-rheight="500" /><noscript><img src="https://ateliee.com/wp-content/uploads/2021/04/Artboard.png" alt="Petective – 保護猫専用写真共有アプリ " data-eio="l" /></noscript> Petective – 保護猫専用写真共有アプリ</a></li> </ul> </div> <div id="custom_html-2" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><a class="twitter-timeline" data-height="800" data-theme="dark" href="https://twitter.com/ateliee12?ref_src=twsrc%5Etfw">Tweets by ateliee12</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script></div></div><div id="text-2" class="widget widget_text"> <div class="textwidget"><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- 技術屋のメモ サイド --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5312448298078694" data-ad-slot="4202144764" data-ad-format="auto"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div> </div><div id="categories-5" class="widget widget_categories"><h3 class="widget-title">カテゴリー</h3> <ul> <li class="cat-item cat-item-84"><a href="https://ateliee.com/archives/category/3dprinter">3Dプリンターレビュー</a> (4) </li> <li class="cat-item cat-item-75"><a href="https://ateliee.com/archives/category/app">iOS/Androidアプリ開発</a> (5) </li> <li class="cat-item cat-item-85"><a href="https://ateliee.com/archives/category/unity">Unity</a> (2) </li> <li class="cat-item cat-item-65"><a href="https://ateliee.com/archives/category/program">WEBプログラム</a> (30) </li> <li class="cat-item cat-item-31"><a href="https://ateliee.com/archives/category/downloads">WEBプログラム ダウンロード</a> (7) </li> <li class="cat-item cat-item-39"><a href="https://ateliee.com/archives/category/memo">WEB開発 メモ</a> (15) </li> <li class="cat-item cat-item-40"><a href="https://ateliee.com/archives/category/report">WEB開発 レポート</a> (5) </li> <li class="cat-item cat-item-1"><a href="https://ateliee.com/archives/category/matome">WEB開発まとめ</a> (47) </li> </ul> </div><div id="tag_cloud-4" class="widget widget_tag_cloud"><h3 class="widget-title">タグ</h3><div class="tagcloud"><a href="https://ateliee.com/archives/tag/api" class="tag-cloud-link tag-link-52 tag-link-position-1" style="font-size: 8pt;" aria-label="API (1個の項目)">API</a> <a href="https://ateliee.com/archives/tag/apple" class="tag-cloud-link tag-link-68 tag-link-position-2" style="font-size: 8pt;" aria-label="Apple (1個の項目)">Apple</a> <a href="https://ateliee.com/archives/tag/css" class="tag-cloud-link tag-link-42 tag-link-position-3" style="font-size: 19.2pt;" aria-label="CSS (5個の項目)">CSS</a> <a href="https://ateliee.com/archives/tag/facebook" class="tag-cloud-link tag-link-51 tag-link-position-4" style="font-size: 8pt;" aria-label="facebook (1個の項目)">facebook</a> <a href="https://ateliee.com/archives/tag/htaccess" class="tag-cloud-link tag-link-41 tag-link-position-5" style="font-size: 15pt;" aria-label="htaccess (3個の項目)">htaccess</a> <a href="https://ateliee.com/archives/tag/html" class="tag-cloud-link tag-link-47 tag-link-position-6" style="font-size: 19.2pt;" aria-label="html (5個の項目)">html</a> <a href="https://ateliee.com/archives/tag/iphone" class="tag-cloud-link tag-link-58 tag-link-position-7" style="font-size: 15pt;" aria-label="iphone (3個の項目)">iphone</a> <a href="https://ateliee.com/archives/tag/javascript" class="tag-cloud-link tag-link-50 tag-link-position-8" style="font-size: 22pt;" aria-label="Javascript (7個の項目)">Javascript</a> <a href="https://ateliee.com/archives/tag/jquery" class="tag-cloud-link tag-link-54 tag-link-position-9" style="font-size: 8pt;" aria-label="jQuery (1個の項目)">jQuery</a> <a href="https://ateliee.com/archives/tag/objective-c" class="tag-cloud-link tag-link-69 tag-link-position-10" style="font-size: 12.2pt;" aria-label="Objective-C (2個の項目)">Objective-C</a> <a href="https://ateliee.com/archives/tag/php" class="tag-cloud-link tag-link-55 tag-link-position-11" style="font-size: 12.2pt;" aria-label="php (2個の項目)">php</a> <a href="https://ateliee.com/archives/tag/png" class="tag-cloud-link tag-link-46 tag-link-position-12" style="font-size: 8pt;" aria-label="PNG (1個の項目)">PNG</a> <a href="https://ateliee.com/archives/tag/seo" class="tag-cloud-link tag-link-53 tag-link-position-13" style="font-size: 12.2pt;" aria-label="SEO (2個の項目)">SEO</a> <a href="https://ateliee.com/archives/tag/svg" class="tag-cloud-link tag-link-63 tag-link-position-14" style="font-size: 8pt;" aria-label="SVG (1個の項目)">SVG</a> <a href="https://ateliee.com/archives/tag/uitabbar" class="tag-cloud-link tag-link-70 tag-link-position-15" style="font-size: 8pt;" aria-label="UITabbar (1個の項目)">UITabbar</a> <a href="https://ateliee.com/archives/tag/wordpress" class="tag-cloud-link tag-link-60 tag-link-position-16" style="font-size: 15pt;" aria-label="Wordpress (3個の項目)">Wordpress</a> <a href="https://ateliee.com/archives/tag/xcode" class="tag-cloud-link tag-link-67 tag-link-position-17" style="font-size: 15pt;" aria-label="Xcode (3個の項目)">Xcode</a> <a href="https://ateliee.com/archives/tag/%e3%81%95%e3%81%8f%e3%82%89%e3%82%a4%e3%83%b3%e3%82%bf%e3%83%bc%e3%83%8d%e3%83%83%e3%83%88" class="tag-cloud-link tag-link-64 tag-link-position-18" style="font-size: 8pt;" aria-label="さくらインターネット (1個の項目)">さくらインターネット</a> <a href="https://ateliee.com/archives/tag/%e3%82%a2%e3%83%97%e3%83%aa" class="tag-cloud-link tag-link-71 tag-link-position-19" style="font-size: 8pt;" aria-label="アプリ (1個の項目)">アプリ</a> <a href="https://ateliee.com/archives/tag/%e3%82%a2%e3%83%97%e3%83%aa%e9%96%8b%e7%99%ba" class="tag-cloud-link tag-link-59 tag-link-position-20" style="font-size: 8pt;" aria-label="アプリ開発 (1個の項目)">アプリ開発</a> <a href="https://ateliee.com/archives/tag/%e3%82%af%e3%83%ad%e3%82%b9%e3%83%96%e3%83%a9%e3%82%a6%e3%82%b6" class="tag-cloud-link tag-link-49 tag-link-position-21" style="font-size: 8pt;" aria-label="クロスブラウザ (1個の項目)">クロスブラウザ</a> <a href="https://ateliee.com/archives/tag/%e3%82%b5%e3%83%bc%e3%83%90%e3%83%bc" class="tag-cloud-link tag-link-44 tag-link-position-22" style="font-size: 12.2pt;" aria-label="サーバー (2個の項目)">サーバー</a> <a href="https://ateliee.com/archives/tag/%e3%82%b5%e3%83%bc%e3%83%93%e3%82%b9" class="tag-cloud-link tag-link-61 tag-link-position-23" style="font-size: 8pt;" aria-label="サービス (1個の項目)">サービス</a> <a href="https://ateliee.com/archives/tag/%e3%82%b8%e3%82%a7%e3%83%8d%e3%83%ac%e3%83%bc%e3%82%bf%e3%83%bc" class="tag-cloud-link tag-link-43 tag-link-position-24" style="font-size: 8pt;" aria-label="ジェネレーター (1個の項目)">ジェネレーター</a> <a href="https://ateliee.com/archives/tag/%e3%83%88%e3%83%a9%e3%83%95%e3%82%a3%e3%83%83%e3%82%af%e3%82%a8%e3%82%af%e3%82%b9%e3%83%81%e3%82%a7%e3%83%b3%e3%82%b8" class="tag-cloud-link tag-link-36 tag-link-position-25" style="font-size: 12.2pt;" aria-label="トラフィックエクスチェンジ (2個の項目)">トラフィックエクスチェンジ</a> <a href="https://ateliee.com/archives/tag/%e3%83%96%e3%83%a9%e3%82%a6%e3%82%b6" class="tag-cloud-link tag-link-45 tag-link-position-26" style="font-size: 12.2pt;" aria-label="ブラウザ (2個の項目)">ブラウザ</a> <a href="https://ateliee.com/archives/tag/%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3" class="tag-cloud-link tag-link-73 tag-link-position-27" style="font-size: 8pt;" aria-label="プラグイン (1個の項目)">プラグイン</a> <a href="https://ateliee.com/archives/tag/%e3%83%a9%e3%82%a4%e3%83%96%e3%83%a9%e3%83%aa" class="tag-cloud-link tag-link-56 tag-link-position-28" style="font-size: 8pt;" aria-label="ライブラリ (1個の項目)">ライブラリ</a> <a href="https://ateliee.com/archives/tag/%e9%96%8b%e7%99%ba%e8%80%85%e3%83%84%e3%83%bc%e3%83%ab" class="tag-cloud-link tag-link-48 tag-link-position-29" style="font-size: 8pt;" aria-label="開発者ツール (1個の項目)">開発者ツール</a> <a href="https://ateliee.com/archives/tag/%e9%96%a2%e6%95%b0" class="tag-cloud-link tag-link-66 tag-link-position-30" style="font-size: 8pt;" aria-label="関数 (1個の項目)">関数</a></div> </div><div id="text-3" class="widget widget_text"> <div class="textwidget"><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- 技術屋メモ サイド2 --> <ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-5312448298078694" data-ad-slot="5532554767"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div> </div> </div><!--/.sidebar-content--> </div><!--/.sidebar--> </div><!--/.main-inner--> </div><!--/.main--> </div><!--/.container-inner--> </div><!--/.container--> <footer id="footer"> <section class="container" id="footer-bottom"> <div class="container-inner"> <a id="back-to-top" href="#"><i class="fas fa-angle-up"></i></a> <div class="hu-pad group"> <div class="grid one-half"> <div id="copyright"> <p>Copyright (C) 2013 ateliee.com All Rights Reserved.</p> </div><!--/#copyright--> </div> <div class="grid one-half last"> </div> </div><!--/.hu-pad--> </div><!--/.container-inner--> </section><!--/.container--> </footer><!--/#footer--> </div><!--/#wrapper--> <script id="eio-lazy-load-js-before"> var eio_lazy_vars = {"exactdn_domain":"","skip_autoscale":0,"threshold":0,"use_dpr":1}; </script> <script src="https://ateliee.com/wp-content/plugins/ewww-image-optimizer/includes/lazysizes.min.js?ver=814" id="eio-lazy-load-js" async data-wp-strategy="async"></script> <script id="edd-ajax-js-extra"> var edd_scripts = {"ajaxurl":"https:\/\/ateliee.com\/wp-admin\/admin-ajax.php","position_in_cart":"","has_purchase_links":"0","already_in_cart_message":"\u3053\u306e\u5546\u54c1\u306f\u3059\u3067\u306b\u8cb7\u3044\u7269\u30ab\u30b4\u306b\u3042\u308a\u307e\u3059","empty_cart_message":"\u304a\u8cb7\u3044\u7269\u30ab\u30b4\u306f\u7a7a\u3067\u3059","loading":"\u8aad\u307f\u8fbc\u307f\u4e2d","select_option":"1\u3064\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044","is_checkout":"0","default_gateway":"paypal","redirect_to_checkout":"0","checkout_page":"https:\/\/ateliee.com\/checkout","permalinks":"1","quantities_enabled":"","taxes_enabled":"1","current_page":"331"}; </script> <script src="https://ateliee.com/wp-content/plugins/easy-digital-downloads/assets/js/edd-ajax.js?ver=3.3.9" id="edd-ajax-js"></script> <script src="https://ateliee.com/wp-includes/js/underscore.min.js?ver=1.13.7" id="underscore-js"></script> <script id="hu-front-scripts-js-extra"> var HUParams = {"_disabled":[],"SmoothScroll":{"Enabled":false,"Options":{"touchpadSupport":false}},"centerAllImg":"1","timerOnScrollAllBrowsers":"1","extLinksStyle":"","extLinksTargetExt":"","extLinksSkipSelectors":{"classes":["btn","button"],"ids":[]},"imgSmartLoadEnabled":"1","imgSmartLoadOpts":{"parentSelectors":[".container .content",".post-row",".container .sidebar","#footer","#header-widgets"],"opts":{"excludeImg":[".tc-holder-img"],"fadeIn_options":100,"threshold":0}},"goldenRatio":"1.618","gridGoldenRatioLimit":"350","sbStickyUserSettings":{"desktop":false,"mobile":false},"sidebarOneWidth":"340","sidebarTwoWidth":"260","isWPMobile":"","menuStickyUserSettings":{"desktop":"stick_up","mobile":"stick_up"},"mobileSubmenuExpandOnClick":"1","submenuTogglerIcon":"<i class=\"fas fa-angle-down\"><\/i>","isDevMode":"","ajaxUrl":"https:\/\/ateliee.com\/?huajax=1","frontNonce":{"id":"HuFrontNonce","handle":"f4d043cd07"},"isWelcomeNoteOn":"","welcomeContent":"","i18n":{"collapsibleExpand":"\u62e1\u5927","collapsibleCollapse":"\u6298\u308a\u305f\u305f\u3080"},"deferFontAwesome":"","fontAwesomeUrl":"https:\/\/ateliee.com\/wp-content\/themes\/hueman\/assets\/front\/css\/font-awesome.min.css?3.7.25","mainScriptUrl":"https:\/\/ateliee.com\/wp-content\/themes\/hueman\/assets\/front\/js\/scripts.min.js?3.7.25","flexSliderNeeded":"","flexSliderOptions":{"is_rtl":false,"has_touch_support":true,"is_slideshow":false,"slideshow_speed":5000}}; </script> <script src="https://ateliee.com/wp-content/themes/hueman/assets/front/js/scripts.min.js?ver=3.7.25" id="hu-front-scripts-js" defer></script> <script src="https://ateliee.com/wp-includes/js/comment-reply.min.js?ver=6.7.2" id="comment-reply-js" async data-wp-strategy="async"></script> <script defer src="https://ateliee.com/wp-content/plugins/akismet/_inc/akismet-frontend.js?ver=1748556008" id="akismet-frontend-js"></script> <!--[if lt IE 9]> <script src="https://ateliee.com/wp-content/themes/hueman/assets/front/js/ie/respond.js"></script> <![endif]--> </body> </html>