{"id":171,"date":"2016-05-25T15:07:25","date_gmt":"2016-05-25T06:07:25","guid":{"rendered":"http:\/\/shinnoji.main.jp\/jimen75th\/blog\/?p=171"},"modified":"2018-01-12T23:10:52","modified_gmt":"2018-01-12T14:10:52","slug":"google%e3%81%8c%e6%8e%a8%e5%a5%a8%e3%81%99%e3%82%8b%e3%80%8c%e6%88%bb%e3%82%8b%e3%83%9c%e3%82%bf%e3%83%b3%e5%af%be%e5%bf%9c%e3%83%bbceo%e3%80%8d%e3%81%ae%e7%84%a1%e9%99%90%e3%82%b9%e3%82%af%e3%83%ad","status":"publish","type":"post","link":"http:\/\/shinnoji.main.jp\/jimen75th\/blog\/171","title":{"rendered":"Google\u304c\u63a8\u5968\u3059\u308b\u300c\u623b\u308b\u30dc\u30bf\u30f3\u5bfe\u5fdc\u30fbSEO\u300d\u306e\u7121\u9650\u30b9\u30af\u30ed\u30fc\u30eb\u3092\u4f7f\u3063\u3066\u307f\u305f"},"content":{"rendered":"<p>\u7121\u9650\u30b9\u30af\u30ed\u30fc\u30eb\u3001\u3044\u3044\u3067\u3059\u3088\u306d\u3002<br \/>\n\u3068\u3053\u308d\u304c\u5df7\u306b\u914d\u5e03\u3055\u308c\u3066\u3044\u308b\u30d7\u30e9\u30b0\u30a4\u30f3\u306e\u591a\u304f\u306f\u3001\u30d6\u30e9\u30a6\u30b6\u306e\u30d0\u30c3\u30af\u30dc\u30bf\u30f3\u3067\u623b\u3063\u305f\u3089\u6700\u521d\u304b\u3089\u8aad\u307f\u8fbc\u307f\u76f4\u3057\u3067\u30f4\u30a1\u30fc\u3001\u3068\u3044\u3046\u3053\u3068\u304c\u3042\u3063\u3066\u30e6\u30fc\u30b6\u30d3\u30ea\u30c6\u30a3\u4e0a\u3088\u308d\u3057\u304f\u306a\u3044\u306e\u3067\u3059\u3002<\/p>\n<p>Google\u5148\u751f\u304c\u5bfe\u5fdc\u7b56\u3068\u3057\u3066\u30b5\u30f3\u30d7\u30eb\u306eJavascript\u3092\u3064\u304f\u3063\u3066\u304f\u308c\u305f\u306e\u3067\u3001\u3044\u308d\u3093\u306a\u6848\u4ef6\u3067\u4f7f\u3048\u308b\u3088\u3046\u306b\u3061\u3087\u3063\u3068\u624b\u3092\u5165\u308c\u3066\u307f\u307e\u3057\u305f\u3002<\/p>\n<p>\u5143\u306b\u3057\u305f\u306e\u306f\u3053\u3061\u3089\u306e\u30b5\u30f3\u30d7\u30eb\u3067\u3059\u3002<br \/>\n<a href=\"http:\/\/scrollsample.appspot.com\/items\" target=\"_blank\">http:\/\/scrollsample.appspot.com\/items<\/a><\/p>\n<p>\u89e3\u8aac\u306f\u4e0b\u8a18\u30d6\u30ed\u30b0\u8a18\u4e8b\u3092\u3054\u89a7\u304f\u3060\u3055\u3044\u3002<br \/>\n<a href=\"https:\/\/www.suzukikenichi.com\/blog\/how-to-configure-search-engine-friendly-infinite-scroll\/\" target=\"_blank\">Google\u304c\u63a8\u5968\u3059\u308bSEO\u306b\u9069\u3057\u305f\u7121\u9650\u30b9\u30af\u30ed\u30fc\u30eb\u306e\u69cb\u6210\u65b9\u6cd5<\/a><\/p>\n<ul>\n<li>\u3042\u3089\u304b\u3058\u3081\u30da\u30fc\u30b8\u3092\u5206\u5272\u3057\u3066\u304a\u304f\u3002\u3044\u308f\u3086\u308b\u30da\u30fc\u30b8\u30cd\u30fc\u30b7\u30e7\u30f3<\/li>\n<li>\u5206\u5272\u3055\u308c\u305f\u30da\u30fc\u30b8\u306e\u3046\u30611\u3064\u3092\u8868\u793a\uff081\u30da\u30fc\u30b8\u76ee\u3067\u306a\u304f\u3066\u3082\u898b\u3089\u308c\u308b\u3088\u3046\u306b\u3059\u308b\uff09<\/li>\n<li>\u305d\u306e\u4e0a\u4e0b\u306b\u524d\u306e\u30da\u30fc\u30b8\u3001\u6b21\u306e\u30da\u30fc\u30b8\u3092Ajax\u3067\u8aad\u307f\u8fbc\u3093\u3067\u3044\u304f<\/li>\n<li>\u4eca\u8868\u793a\u3057\u3066\u3044\u308b\u90e8\u5206\u304c\u4f55\u30da\u30fc\u30b8\u76ee\u306b\u76f8\u5f53\u3059\u308b\u304b\u306b\u5408\u308f\u305b\u3066\u3001URL\u3092\u52d5\u7684\u306b\u66f8\u304d\u63db\u3048\u308b<\/li>\n<\/ul>\n<p>\u81ea\u5206\u306a\u308a\u306b\u66f8\u304d\u63db\u3048\u3066\u307f\u305f\u30bd\u30fc\u30b9\u306f\u4e0b\u8a18\u3067\u3059\u3002jQuery\u3092\u8aad\u307f\u8fbc\u3093\u3060\u5f8c\u306b\u5b9f\u884c\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n<pre>\r\n\r\n$(function (){\r\n\/\/infinite scroll\r\nvar prev_data_selector = '.prev.page-numbers'; \/\/\u300c\u524d\u3078\u300d\u30ea\u30f3\u30af\u306ea\u30bf\u30b0\u306e\u30bb\u30ec\u30af\u30bf\r\nvar next_data_selector = '.next.page-numbers'; \/\/\u300c\u6b21\u3078\u300d\u30ea\u30f3\u30af\u306ea\u30bf\u30b0\u306e\u30bb\u30ec\u30af\u30bf\r\nvar itemWrapperSelector = '.list_infinite'; \/\/\u7121\u9650\u30ed\u30fc\u30c7\u30a3\u30f3\u30b0\u306ewrapper\u3068\u306a\u308b\u30bf\u30b0\u306e\u30bb\u30ec\u30af\u30bf\r\nvar itemWrapper = $(itemWrapperSelector);\r\nvar itemInnerSelector = '.list_infinite_item'; \/\/\u7121\u9650\u30ed\u30fc\u30c7\u30a3\u30f3\u30b0\u306e\u672c\u4f53\uff08\u672c\u6587\uff09\u3068\u306a\u308b\u30bf\u30b0\u306e\u30bb\u30ec\u30af\u30bf\r\nvar itemPagerSelector = '.pagination'; \/\/\u30da\u30fc\u30b8\u30e3\u30fc\u306e\u30bb\u30ec\u30af\u30bf\r\nvar itemPager = $(itemPagerSelector);\r\nvar prev_data_url;\r\nvar next_data_url;\r\nvar next_data_cache;\r\nvar prev_data_cache;\r\nvar last_scroll = 0;\r\nvar is_loading = 0;\r\n\r\nif(itemWrapper[0]) {\r\n\tprev_data_url = $(prev_data_selector).attr('href');\r\n\tnext_data_url = $(next_data_selector).attr('href');\r\n\tfadeInItem(true);\r\n\tinitPaginator();\r\n\tloadPrevious();\r\n    \/\/ if we have enough room, load the next batch\r\n    if ($(window).height()>itemWrapper.height()) {\r\n      if (next_data_url!== '') {\r\n        loadFollowing();\r\n      } \r\n    }\r\n}\r\n\r\nfunction initPaginator() {\r\n\t$(document).off( 'scroll');\r\n  $(document).on( 'scroll', function(){\r\n    \/\/ handle scroll events to update content\r\n    var scroll_pos = $(window).scrollTop();\r\n    if (scroll_pos >= 0.9*($(document).height() - $(window).height())) {\r\n      if (is_loading===0) {\r\n\t\t  loadFollowing();\r\n\t  }\r\n    }\r\n    if (scroll_pos <= 0) {\r\n      if (is_loading===0) {\r\n\t\t  loadPrevious();\r\n\t  }\r\n    }\r\n    \/\/ Adjust the URL based on the top item shown\r\n    \/\/ for reasonable amounts of items\r\n    if (Math.abs(scroll_pos - last_scroll)>$(window).height()*0.1) {\r\n      last_scroll = scroll_pos;\r\n      $(itemInnerSelector).each(function() {\r\n        if (mostlyVisible(this)) {\r\n          history.replaceState(null, null, $(this).attr('data-url'));\r\n          return(false);\r\n        }\r\n      });\r\n    }\r\n  });\r\n}\r\n\r\n\r\nfunction loadFollowing() {\r\n  if (next_data_url){\r\n    is_loading = 1; \/\/ note: this will break when the server doesn't respond\r\n    itemPager.hide();\r\n    if (next_data_cache) {\r\n      showFollowing(next_data_cache);\r\n      is_loading = 0;\r\n    } else {\r\n\t\t$.ajax({\r\n\t\t\turl: next_data_url,\r\n\t\t\ttype: 'get',\r\n\t\t\tdataType: 'html',\r\n\t\t}).success(function(data){\r\n\t        showFollowing(data);\r\n   \t\t     is_loading = 0;\r\n\t\t});\r\n    }\r\n  }\r\n}\r\n    function showFollowing(data) {\r\n\tvar out_html = $($.parseHTML(data));\r\n      itemWrapper.append(out_html.find(itemWrapperSelector).filter(itemWrapperSelector)[0].innerHTML);\r\n\t  initPaginator();\r\n      next_data_url = out_html.find(next_data_selector).filter(next_data_selector).attr('href');\r\n      next_data_cache = false;\r\n\t\t$.ajax({\r\n\t\t\turl: next_data_url,\r\n\t\t\ttype: 'get',\r\n\t\t\tdataType: 'html',\r\n\t\t}).success(function(preview_data){\r\n\t        next_data_cache = preview_data;\r\n\t\t});\r\n    }\r\n\r\nfunction loadPrevious() {\r\n  if (prev_data_url){\r\n    is_loading = 1; \/\/ note: this will break when the server doesn't respond\r\n    itemPager.hide();\r\n    if (prev_data_cache) {\r\n      showPrevious(prev_data_cache);\r\n      is_loading = 0;\r\n    } else {\r\n\t\t$.ajax({\r\n\t\t\turl: prev_data_url,\r\n\t\t\ttype: 'get',\r\n\t\t\tdataType: 'html',\r\n\t\t}).success(function(data){\r\n\t        showPrevious(data);\r\n   \t\t     is_loading = 0;\r\n\t\t});\r\n    }\r\n  }\r\n}\r\n    function showPrevious(data) {\r\n\tvar out_html = $($.parseHTML(data));\r\n      itemWrapper.prepend(out_html.find(itemWrapperSelector).filter(itemWrapperSelector)[0].innerHTML);\r\n\t  initPaginator();\r\n      var item_height = $(itemInnerSelector + ':first').height();\r\n      window.scrollTo(0, $(window).scrollTop()+item_height); \/\/ adjust scroll\r\n\t  prev_data_url = out_html.find(prev_data_selector).filter(prev_data_selector).attr('href');\r\n      prev_data_cache = false;\r\n\t\t$.ajax({\r\n\t\t\turl: prev_data_url,\r\n\t\t\ttype: 'get',\r\n\t\t\tdataType: 'html',\r\n\t\t}).success(function(preview_data){\r\n\t        prev_data_cache = preview_data;\r\n\t\t});\r\n    }\r\n\r\nfunction mostlyVisible(element) {\r\n  var scroll_pos = $(window).scrollTop();\r\n  var window_height = $(window).height();\r\n  var el_top = $(element).offset().top;\r\n  var el_height = $(element).height();\r\n  var el_bottom = el_top + el_height;\r\n  return ((el_bottom - el_height*0.25 > scroll_pos) && \r\n          (el_top < (scroll_pos+0.5*window_height)));\r\n}\r\n\r\n\r\n});\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>\u7121\u9650\u30b9\u30af\u30ed\u30fc\u30eb\u3001\u3044\u3044\u3067\u3059\u3088\u306d\u3002 \u3068\u3053\u308d\u304c\u5df7\u306b\u914d\u5e03\u3055\u308c\u3066\u3044\u308b\u30d7\u30e9\u30b0\u30a4\u30f3\u306e\u591a\u304f\u306f\u3001\u30d6\u30e9\u30a6\u30b6\u306e\u30d0\u30c3\u30af\u30dc\u30bf\u30f3\u3067\u623b\u3063\u305f\u3089\u6700\u521d\u304b\u3089\u8aad\u307f\u8fbc\u307f\u76f4\u3057\u3067\u30f4\u30a1\u30fc\u3001\u3068\u3044\u3046\u3053\u3068\u304c\u3042\u3063\u3066\u30e6\u30fc\u30b6\u30d3\u30ea\u30c6\u30a3\u4e0a\u3088\u308d\u3057\u304f\u306a\u3044\u306e\u3067\u3059\u3002 Google\u5148\u751f\u304c\u5bfe\u5fdc\u7b56 &hellip; <a href=\"http:\/\/shinnoji.main.jp\/jimen75th\/blog\/171\" class=\"more-link\"><span class=\"screen-reader-text\">&#8220;Google\u304c\u63a8\u5968\u3059\u308b\u300c\u623b\u308b\u30dc\u30bf\u30f3\u5bfe\u5fdc\u30fbSEO\u300d\u306e\u7121\u9650\u30b9\u30af\u30ed\u30fc\u30eb\u3092\u4f7f\u3063\u3066\u307f\u305f&#8221; \u306e<\/span>\u7d9a\u304d\u3092\u8aad\u3080<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[9],"tags":[],"aioseo_notices":[],"_links":{"self":[{"href":"http:\/\/shinnoji.main.jp\/jimen75th\/blog\/wp-json\/wp\/v2\/posts\/171"}],"collection":[{"href":"http:\/\/shinnoji.main.jp\/jimen75th\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/shinnoji.main.jp\/jimen75th\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/shinnoji.main.jp\/jimen75th\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/shinnoji.main.jp\/jimen75th\/blog\/wp-json\/wp\/v2\/comments?post=171"}],"version-history":[{"count":3,"href":"http:\/\/shinnoji.main.jp\/jimen75th\/blog\/wp-json\/wp\/v2\/posts\/171\/revisions"}],"predecessor-version":[{"id":189,"href":"http:\/\/shinnoji.main.jp\/jimen75th\/blog\/wp-json\/wp\/v2\/posts\/171\/revisions\/189"}],"wp:attachment":[{"href":"http:\/\/shinnoji.main.jp\/jimen75th\/blog\/wp-json\/wp\/v2\/media?parent=171"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/shinnoji.main.jp\/jimen75th\/blog\/wp-json\/wp\/v2\/categories?post=171"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/shinnoji.main.jp\/jimen75th\/blog\/wp-json\/wp\/v2\/tags?post=171"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}