Bloggerでrobots.txtを設定してみた

Bloggerにて、検索エンジンにクロールしてもらう際、有用なページと無用なページがあると思います。

今回は、クロールを制御するための設定ファイルである、robots.txtを編集してみました。

Bloggerでツイートボタンにバルーンを表示してみた

当ブログではいろいろSNSボタンを設置していますが、ツイッターのツイートボタンだけバルーンが表示されていないのが浮き出ていてなんかおかしいです。

今回は、Twitterのツイートボタンにバルーンをつけてみました。

Bloggerでカエレバのリンク部分をCSSで装飾してみた

Bloggerにてカエレバで作成した広告を貼るとき、ショップのリンク部分が味気なかったので、CSSにてボタン風に装飾してみました。

Bloggerで表示するフォントを変更する方法

ブログのフォントを見やすくするため、全体をWindowsでは「メイリオ」、Macintoshでは「ヒラギノ角ゴ Pro W3」にする方法を書きたいと思います。

なお、メイリオやヒラギノ角ゴ Pro W3がインストールされていない環境においては、ブラウザの設定で「sans-serif（ゴシック体）」に指定されているフォントで表示される設定になります。

Bloggerをカスタマイズするときに参考にしたサイト

今まで、いろいろBloggerをカスタマイズしてきましたが、いろいろのサイトの方々のやってきた方法を参考にさせていただきました。

今回は、主に参考にさせていただいたサイトを紹介したいと思います。

BloggerのSNSボタン表示がモバイル用では変だったので修正してみた

Bloggerにおいて、SNSボタンを表示させた際、不揃いになってしまうので横並びでそろえる方法を下記記事にて試してみました。

BloggerでSNSボタンを横並びにそろえる方法

しかしながら、スマートフォンで見てみると、ボタンの間隔が広いせいかずれていたので修正をしてみました。

確認に使用したスマートフォンは「Y!mobile 402SH」になります。従って、ほかのスマートフォンではずれて表示される場合がありますのでご了承願います。

Bloggerでヘッダタイトル画像にh1タグをつけてSEO対策をしてみた

検索エンジンでの検索順位を上げるためにh1タグが大きな役割を担っているとのことなので、当ブログにh1タグがあるかどうか調べたところありませんでした。

普通はページタイトルにh1タグをつけるとのことですが、当ページでは画像のためつけられるかどうか調べたところ、つけられるみたいなので実施してみました。

Bloggerにてページの先頭に戻るボタンを設置してみた

ページを見ていくと先頭に戻りたいとき、わざわざスクロールしなければならないわずらわしさをなくすため、先頭に戻る用のボタンを設置してみました。

なお、モバイルページの場合、記事に画像がかぶってしまうため設置しませんでした。

BloggerでFeedlyボタンを追加してみた

主力RSSリーダーの一つであるFeedlyでブログを購読していただけたらと思い、ボタンを設置してみました。

Bloggerで個別ページに最新記事の一覧を表示する方法（国別リダイレクト対応版）

こちらの記事にて、個別ページに最新記事の一覧を表示する方法を書きましたが、国別リダイレクトにより、アクセスしているアドレスは.jpドメインなのに最新記事のリンクは.comドメインになっている状態なので、アクセスした国別ドメインでリンクを作成する方法に変更しました。

Bloggerの表示速度を高速化するためbundle.cssを内部化してみた

Google Search Consoleの「その他のリソース」の中に「PageSpeed Insights」というツールがあり、すべての端末でウェブページの読み込み時間を短くする方法がわかります。

実際、計測してみたところ、下記のような改善項目がありました。

＜モバイル＞

パフォーマンスが大幅に改善する項目
次のCSS 配信を最適化してください
https://www.blogger.com/static/v1/widgets/2143686045-widget_css_mobile_2_bundle.css
https://www.blogger.com/dyn-css/authorization.css?targetBlogID=ブログID...

＜PC＞

パフォーマンスが大幅に改善する項目
次のCSS 配信を最適化してください
https://www.blogger.com/static/v1/widgets/4243091423-css_bundle_v2.css
https://www.blogger.com/dyn-css/authorization.css?targetBlogID=ブログID...

上記のCSSをいったん無効化したうえで、内部化して改善してみました。

Bloggerの「ページ」ガジェットでルート相対パスでURLを書いてみた

Bloggerの「ページ」ガジェットにおいて、外部リンクを追加する際、ページタイトルとウェブアドレス（URL）を記載することになるのですが、ウェブアドレス（URL）のテキストボックスには最初から「http://」が書いてあるので絶対パスで書いていました。

しかし、国別リダイレクトの影響でリンクが「.com」と「.jp」が混在してしまうので何か良い方法はないかと思い、相対パスを試してみましたが、ページによっては変なリンクになってしまいます。

そこで、ルート相対パスによる設定を行いました。

BloggerにてGoogleの国別リダイレクト対策を利用して特定コンテンツを日本国内のみに表示させてみた

Bloggerにおいては、表現の自由と問題となるコンテンツに対するGoogleの取り組みの一環として、国別のURLにリダイレクト（ccTLD）されます。

日本であれば、

　???.blogspot.com → ???.blogspot.jp

となります。

そこで、リダイレクトを利用して、特定コンテンツの内容を日本国内のみで表示させる方法を書きます。

今回は、Javascriptを利用します。

BloggerにGoogle+バッジを表示してみた

Google+のフォロー数が上がればブログアクセス数が上がるのではないかと考え、Google+バッジをブログのサイドメニューに貼り付けてみました。

Bloggerで広告を404ページで表示させない方法

Google AdSenseを404ページに表示させているとポリシー違反になってしまします。

広告の配置に関するポリシー － Adsenseヘルプ

404ページにおける広告非表示設定について書きます。

BloggerからGoogle Adsenseを申請した

通常Google Adsenseに申請をする際は独自ドメインが必須ですが、GoogleのホストパートナーであるBloggerは独自ドメインでなくても申請ができます。

しかし、Bloggerを始めてすぐには申請ができないようになっており、利用条件を満たしていないと申請ができないようになっているようです。

申請できるようになった経過等について書きたいと思います。

改・Bloggerトップページを個別のページにする方法

先日、

Bloggerトップページを個別のページにする方法

にて、個別ページにリダイレクトさせて疑似的にトップページにしていましたが、リダイレクトさせずにできる方法を書きます。

BloggerでSNSボタンを横並びにそろえる方法

Bloggerにおいて、SNSボタンを表示させた際、不揃いになってしまうので横並びでそろえる方法を試してみました。

BloggerでPocketボタンを設置してみた

ブログの記事を後から読みたい人もいると思います。

「あとで読む」サービスの代名詞であるPcketのサービスを利用している人向けにPocketボタンを設置することにより、ブログのアクセス数が上がればいいかなという希望的観測のもとやってみました。

BloggerにGoogle+1ボタンを設置してみた

SNSとブログを連携させればブログアクセス数アップにつながる可能性が大いにあります。

今回は、Googleで行っているSNSのサービスであるGoogle+1ボタンを設置することにより、ブログのアクセス数が上がればいいかなという希望的観測のもとやってみました。