Blogger(blogspot)の個別記事のURLから「年月」の数字を消して表示する(非表示にする)方法です。
blogger(blogspot)はURLに年月の数字が付いてしまう
Bloggerは、投稿記事のURLに、以下のような「年月」の数字が付いてしまうのがデフォルトとなっています。URL例:
- https://〇〇〇.blogspot.com/2021/09/blog-post.html
- https://〇〇〇.blogspot.com/2021/09/keshitai.html
(但し、ブログの投稿ではなく、「固定ページ」として投稿すれば、日付(年月)は付きません。代わりにhttp://〇〇〇.blogspot.com/p/kobetsu-page.html というように /p/ は付きます。)
ふつうのブログ記事を書いている場合、年月の数字が付いていても気にならない人も多いのかもしれませんが、年月にはあまり関係ない、普遍的な内容の記事が多い場合、この年月の数字が邪魔になることがあります。
また、記事を読む前に、URLの年月が古いだけで(古い記事は)、それだけで読まれなくなることもあります。
そこでBlogger(blogspot)の個別記事のURLから「年月」の数字を消して表示する(非表示にする)方法があるので、メモがてら残しておきます。
但し、以下の方法は、「公式」ではないので、あくまで自己責任ということで予めご了承ください。
blogger(blogspot)のURLの年月を消す方法
やり方は簡単で、以下のサイトで紹介している(リンク先にある)文字列を、bloggerのHTMLの <head> の直下にコピペするだけです。参考サイト
- How To Remove The Date From Blogger Post URL
https://tipsnfreeware.com/remove-the-date-from-blogger-url/ - How to remove date from blogger post url | Blogger permalink without date
https://www.youtube.com/watch?v=3nMNdP_aQgI -
How To Remove Date From Blogger Post URL
https://www.bloggingqna.com/remove-date-from-blogger-post-url/
URLから年月を消した実例
- https://tnfbestbuy.blogspot.com/
1.上記サイトに以下のようなコードがあるのでコピーする
<script type="text/javascript">
//<![CDATA[
// BloggerJS v0.3.1
// Copyright (c) 2017-2018 Kenny Cruz
// Licensed under the MIT License
var urlTotal,nextPageToken,postsDatePrefix=!1,accessOnly=!1,useApiV3=!1,apiKey="",blogId="",postsOrPages=
["pages","posts"],jsonIndex=1,secondRequest=!0,feedPriority=0,amp="&"[0];function
urlVal(){var e=window.location.pathname,t=e.length;return".html"===e.substring(t-5)?0:t>1?1:2}function
urlMod(){var e=window.location.pathname;"p"===e.substring(1,2)?(e=(e=e.substring(e.indexOf("/",1)+1)).substr(0,e.indexOf(".html")),history.replaceState(null,null,"../"+e)):(e=(e=postsDatePrefix?e.substring(1):e.substring(e.indexOf("/",7)+1)).substr(0,e.indexOf(".html")),history.replaceState(null,null,"../../"+e))}function urlSearch(e,t){var n=e+".html";t.forEach(function(e){-1!==e.search(n)&&(window.location=e)})}function urlManager(){var e=urlVal();0===e?accessOnly||urlMod():1===e?getJSON(postsOrPages[feedPriority],1):2===e&&(accessOnly||history.replaceState(null,null,"/"))}function getJSON(e,t){var n=document.createElement("script");if(useApiV3){var o="https://www.googleapis.com/blogger/v3/blogs/"+blogId+"/"+e+"?key="+apiKey+"#maxResults=500#fields=nextPageToken%2Citems(url)#callback=bloggerJSON";nextPageToken&&(o+="#pageToken="+nextPageToken),nextPageToken=void 0}else o=window.location.protocol+"//"+window.location.hostname+"/feeds/"+e+"/default?start-index="+t+"#max-results=150#orderby=published#alt=json-in-script#callback=bloggerJSON";o=o.replace(/#/g,amp),n.type="text/javascript",n.src=o,document.getElementsByTagName("head")[0].appendChild(n)}function bloggerJSON(e){var t=[];if(useApiV3||void 0===urlTotal&&(urlTotal=parseInt(e.feed.openSearch$totalResults.$t)),useApiV3){try{e.items.forEach(function(e,n){t.push(e.url)})}catch(e){}nextPageToken=e.nextPageToken}else try{e.feed.entry.forEach(function(n,o){var r=e.feed.entry[o];r.link.forEach(function(e,n){"alternate"===r.link[n].rel&&t.push(r.link[n].href)})})}catch(e){}urlSearch(window.location.pathname,t),urlTotal>150?(jsonIndex+=150,urlTotal-=150,getJSON(postsOrPages[feedPriority],jsonIndex)):nextPageToken?getJSON(postsOrPages[feedPriority]):secondRequest&&(nextPageToken=void 0,urlTotal=void 0,jsonIndex=1,secondRequest=!1,0===feedPriority?(feedPriority=1,getJSON("posts",1)):1===feedPriority&&(feedPriority=0,getJSON("pages",1)))}function bloggerJS(e){e&&(feedPriority=e),urlManager()}bloggerJS(); //]]>
</script>
※上記はあくまでサンプルです。文字化けや変更が生じている可能性もありますので、上記を直接貼り付けるのではなく、自己責任の下、必ず引用元のサイトのコードを参考にしてください。
//<![CDATA[
// BloggerJS v0.3.1
// Copyright (c) 2017-2018 Kenny Cruz
// Licensed under the MIT License
var urlTotal,nextPageToken,postsDatePrefix=!1,accessOnly=!1,useApiV3=!1,apiKey="",blogId="",postsOrPages=
["pages","posts"],jsonIndex=1,secondRequest=!0,feedPriority=0,amp="&"[0];function
urlVal(){var e=window.location.pathname,t=e.length;return".html"===e.substring(t-5)?0:t>1?1:2}function
urlMod(){var e=window.location.pathname;"p"===e.substring(1,2)?(e=(e=e.substring(e.indexOf("/",1)+1)).substr(0,e.indexOf(".html")),history.replaceState(null,null,"../"+e)):(e=(e=postsDatePrefix?e.substring(1):e.substring(e.indexOf("/",7)+1)).substr(0,e.indexOf(".html")),history.replaceState(null,null,"../../"+e))}function urlSearch(e,t){var n=e+".html";t.forEach(function(e){-1!==e.search(n)&&(window.location=e)})}function urlManager(){var e=urlVal();0===e?accessOnly||urlMod():1===e?getJSON(postsOrPages[feedPriority],1):2===e&&(accessOnly||history.replaceState(null,null,"/"))}function getJSON(e,t){var n=document.createElement("script");if(useApiV3){var o="https://www.googleapis.com/blogger/v3/blogs/"+blogId+"/"+e+"?key="+apiKey+"#maxResults=500#fields=nextPageToken%2Citems(url)#callback=bloggerJSON";nextPageToken&&(o+="#pageToken="+nextPageToken),nextPageToken=void 0}else o=window.location.protocol+"//"+window.location.hostname+"/feeds/"+e+"/default?start-index="+t+"#max-results=150#orderby=published#alt=json-in-script#callback=bloggerJSON";o=o.replace(/#/g,amp),n.type="text/javascript",n.src=o,document.getElementsByTagName("head")[0].appendChild(n)}function bloggerJSON(e){var t=[];if(useApiV3||void 0===urlTotal&&(urlTotal=parseInt(e.feed.openSearch$totalResults.$t)),useApiV3){try{e.items.forEach(function(e,n){t.push(e.url)})}catch(e){}nextPageToken=e.nextPageToken}else try{e.feed.entry.forEach(function(n,o){var r=e.feed.entry[o];r.link.forEach(function(e,n){"alternate"===r.link[n].rel&&t.push(r.link[n].href)})})}catch(e){}urlSearch(window.location.pathname,t),urlTotal>150?(jsonIndex+=150,urlTotal-=150,getJSON(postsOrPages[feedPriority],jsonIndex)):nextPageToken?getJSON(postsOrPages[feedPriority]):secondRequest&&(nextPageToken=void 0,urlTotal=void 0,jsonIndex=1,secondRequest=!1,0===feedPriority?(feedPriority=1,getJSON("posts",1)):1===feedPriority&&(feedPriority=0,getJSON("pages",1)))}function bloggerJS(e){e&&(feedPriority=e),urlManager()}bloggerJS(); //]]>
</script>
2.自分のbloggerの「HTMLの編集」を開いて、<head> 直下に貼る
自分のbloggerの編集画面 > テーマ > カスタマイズ > HTMLの編集 > <head> 直下に 上のサイトからコピーしたコードを貼る以上です。
特にコードを自分でいじる必要はありません。
以上の方法で、試しで自分のbloggerでやってみたところ、URLの 年月 /year/month/ を消すことができました。
但し自分の場合、このブログでは年月を消す必要は今のところないので、元に戻しました。
デメリット
上のURLから年月を消す方法のディメリットとしては、以下のようなことが考えられます。- SEO的にマイナスになるかもしれない
- 表示速度が少し遅くなるかもしれない
1に関しては、一度、
https://〇〇〇.blogspot.com/2021/09/keshitai.html
にアクセスしてから、
https://〇〇〇.blogspot.com/keshitai.html
に転送されるような形になるので、「転送」部分をどうSEOで判断されるのかが気になります。
例えば最悪、同じコンテンツのページが同じサイト内に2つあるとみなされたりするのかもしれません。但し、最近の検索エンジンは賢いので、その辺りはすぐに同一ページだと理解してくれるとは思いますが、確証はありません。
2に関しても、実際に作動させれば分かりますが、転送中であることが目視でも分かるほど、若干、タイムラグがあるので、その分、PageSpeed Insightsなどの評価も落ちるのかもしれません。
これまである程度運用したbloggerを上記の方法でURLを変えてしまうと、サイト評価がガタっと落ちてしまう可能性があるのでお勧めではありません。あくまでこれからゼロから始める場合や、実験的にやってみたい方は(自己責任で)トライしてみるとよいでしょう。
Bloggerは、
- 無料
- 広告表示なし
- アドセンスも可(アドセンスを導入しやすい)
- その他のアフィリエイトも可
- 表示速度が比較的早い
- カスタムドメイン可
などメリットが多いブログ・サービスです。
しかし、ページURLの年月が非表示にできない(URLをすべてカスタムできない)、というのが1つのデメリットになっていました。
Google(blogger)側が、デフォルトでURLから年月を消せるようにしてくれるのが一番良いのですが、現状、bloggerのURLの年月表示が気になっている方のご参考になれば幸いです。