はるなぴログも大分テーマのカスタマイズが進んできました。 そこで今回は、はてなブログでオリジナルテーマ自作の構想を練ってみたいと思います。 はてなブログテーマInnocentの問題点は何か？ 自作してみたいオリジナルテーマの内容を考えてみる Innocentからの乗り換えがスムーズにできる 適切なSEOを考慮する モバイルファーストレスポンシブ対応可能 モダンブラウザをメインに考える モバイル用スピードアップデートに対応できるパフォーマンス 導入後即使用可能な出来合い感のあるテーマ SNSボタンは基本カスタマイズしないでオプションとする https化（常時SSL化）に無理がない はるなぴログで導入したカスタマイズを適用する はてなブログテーマInnocentの問題点は何か？ まずは今使っているテーマInnocentの問題点を洗い出してみます。 Innocentは非常に優れたテーマでSEOも

今回の記事ははてなブログがGoogleアドセンスの審査に落ちる理由についての推測です。 今回も過去記事のリライト版です。いったん削除したのですが人気が高いので復活しました。 それだけGoogleアドセンス審査が難化しているのかなと思います。審査に落ちる理由を知りたくて困っている方が増えているみたいですね。 はてなブログの場合は、更に独自ドメイン化や、はてなブログProへの移行タイミング、記事の人気化の度合いなどの要素が複雑に絡み合ってアドセンス審査に落ちる方が多くなっているように思います。 あくまで独自の推測ですからどこまで当たっているか全く保証はありませんが何度も落ちる方はご参考にしてみてください。 リライトにあたってはアドセンスに合格した時の情報も合わせて追記しています。少しでもご参考にしていただける点がありましたら幸いです。 アドセンス審査に2回落ち 落ちた理由はヒントで知らされる

GDPR対応で個人ブロガーがまずしておくことは何か？ GDPR対応が今話題ですね。個人サイトは何をしたら良いでしょう。ヨーロッパからのアクセスが中心という方はほとんどいないと思います。事業としてブログを運営しているという方も同じでしょう。 個人サイトでGDPR対応と言ったらまずGoogleアナリティクスの設定変更です。 本当はGoogleから「一般データ保護規則（GDPR）に関する重要なお知らせ」というメールが来ていたのですが（和文、英文）見落としている方が多いと思います。 Googleアナリティクスの設定を変更してデータ保持期間を無期限にしよう GDPRとは Googleアナリティクスの設定を変更してデータ保持期間を無期限にしよう Googleアナリティクスの設定変更をしていない方はデータ保持期間が26か月になっていると思います。 これを永続化できるよう設定変更します。 まずGoogle

はてなブログテーマInnocentは素のままではとてもシンプルです。 もともと自分でCSSをいじってカスタマイズすることを前提としたテーマなのです。今回は、はてなブログテーマInnocentに色の統一感を出すカスタマイズを施していきます。 はてなブログテーマInnocent サイドバー見出しのカスタマイズ 記事リストのデザインを考える サイトタイトルの色も統一する ナビゲーションバーも同じ色使いにカスタマイズする はてなブログテーマInnocent イノセントは、はてなブログテーマの中でも特に人気の高いテーマです。2018年8月現在では人気順で第三位に入っています。 その理由は何と言ってもカスタマイズがしやすいから！人気の高いテーマだけにカスタマイズ記事も豊富です。 そのため見出しをカスタマイズし、サイドバーをカスタマイズし、ナビゲーションバーをカスタマイズし、というようにカスタマイズし放

見出しのデザインをCSSでカスタマイズしてみます。 ボックス風の見出しに吹き出しを付けたりチェックボックス画像を用いたりしておしゃれなデザインを追求してみました。 サンプルCSSをつけましたので自由にコピペしてご使用ください。 H2の見出しデザイン 以前のブログの見出しデザインとの比較 目立つ見出しデザインにCSSカスタマイズ 表示確認はスマホ、タブレットでも行いましょう H3の見出しデザイン チェックボックス画像を用いた見出しデザイン H4の見出しデザイン はてなブログテーマInnocentの見出しデザイン 外部CSSを直リンクする方法 CSSコピペサンプル H2の見出しデザイン H2は記事タイトルに次ぐ重要度なので、ある程度目立たせる見出しデザインにする必要があると考えました。 それも前にも増してです。CSSのカスタマイズで見出しのデザインを修正します。 以前のブログの見出しデザインと

とんでもない極悪サイトから被リンクをもらって逆SEOされたことがほぼ明白になりました。 当然ここはバックリンク拒否です！ 該当する被リンクページが1ページしかなかったので、逆SEOしてきた相手の狙いも分かってきてしまいました。 Googleサーチコンソールで悪質サイトからの被リンクに気づいた なぜクロアチアドメインのURLから被リンクが送られるのか？ 逆SEOされていたことがほぼ明白になった Googleサーチコンソールで悪質サイトからの被リンクに気づいた 先日はGoogleサーチコンソールの情報によって、ウェブ魚拓サイトから大量の被リンクをもらっていたことに気付きました。詳しいことは以下の記事をご参照ください。 www.halu7.com これはもしかしたら逆SEOではないかということで、被リンク数の少ないものもひとつずつていねいに確認していったところ…ビンゴ！極悪サイトから被リンクをも

記事を大量に魚拓されてたようです！もしかしたら逆SEOされた？ 何でこんな個人サイトが逆SEOされなければいけないのでしょうか？ よく分かりませんが思い切ってGoogleサーチコンソールからバックリンク否認をしました。 魚拓サイトとは？ 逆SEOとは バックリンク否認の方法 被リンク拒否するドメインを含むファイルを作る リンクの否認 なぜこんな個人サイトが逆SEOされたのか？ 魚拓サイトとは？ 魚拓サイトとは、URLを入力してボタンを押すとウェブページを丸ごとコピーしてキャッシュくれるサイトです。 誹謗中傷されたりしたサイトの証拠を残すというような目的で使われたりしています。 今回は魚拓サイトに的を絞りますが実は他にも怪しいリンクをもらっています。こちらはリンク本数は大したことないのですが、どうやら過去にフィッシングサイトを運営していた形跡あり。これも逆SEOの一種かなと思っています。 詳

ブログの文字サイズって小さいことが多いと思いませんか？ 今回は一行の文字数とフォントサイズ、行間、文字間隔など、読者が読みやすいCSS設定について考えていきます。 1行の最適な文字数を元にブログの読みやすさについて深堀りしてみました。 デフォルトの文字サイズサイズが小さい設定で読みにくいように思えたのでCSSカスタマイズで大きさを調整し、最適なブログデザインを目指します。 はてなブログテーマの文字サイズ設定が小さい pタグのフォントサイズを調査 1行の文字数をどのくらいにしたら読みやすいブログデザインになるのか ブログでの横書き表示は1行35文字ぐらいが読みやすい スマホでは1行15文字から20文字程度が読みやすい ブログの行間や文字間隔についても考えてみる ブログのフォントサイズを読みやすいサイズにするCSS設定 はてなブログテーマInnocentのフォントサイズを大きくするCSSカスタ

はてなブログにナビゲーションバーを設置する方法について備忘録として書いておきます。 本記事はいったん削除していたのですが今でも一定のアクセスがあります。ナビゲーションバー設置でお困りの方にNot Found表示では申し訳ないので復活させました。 はるなぴのサイトを例に具体的なHTMLを載せてありますので是非ご参考にしてみてください。分かりやすい記事を心がけて書きました。 ナビゲーションバーを設置する理由 Innocetテーマでナビゲーションバーを設置する方法 ナビゲーションバー設置用HTMLタグ設定 ナビゲーションバー表示用CSS設定 ナビゲーションバー用JavaScriptの設定 ナビゲーションバーが動くかどうかテストしてみる PC版ナビゲーションバーの動作確認 スマホ版ナビゲーションバーの動作確認 タブレット版ナビゲーションバーの動作確認 ナビゲーションバーとヘッダー画像の設置でブログ

はてなブログにヘッダー画像を設置しようとしたら思った以上に苦労した経験を備忘録として書いておきます。 何に苦労したかというとヘッダー画像のサイズが合わなかったこと。余白が合わないとかパンくずリストから下にヘッダー画像がはみ出してしまったりと散々でした。 ヘッダー画像を設置していないとカスタマイズしたとみなされないような雰囲気ってあるみたいですね。はるなぴはヘッダー画像は個人ブロガーには必ずしも必要ないんではないかと思う時もあります。 ヘッダー画像があると表示が重たくなりますし、表示が崩れたりなんだりとブログの内容と関係ないところで苦労しなくてはなりませんからね。 でも不満ばかりも言っていられません。頑張りましょう！ ヘッダ画像設定での苦労話 ヘッダー画像をCSSで設定する はてなブログ設定のヘッダ画像の外し方 はてなフォトライフに作成したヘッダ画像を登録 はてなフォトライフの画像をCSSを

プライバシーポリシーをコピペで作ろうとしていませんか？ 雛形やテンプレートを提供してコピペOKとしているサイトもありますがプライバシーポリシーの丸コピーは危険だと、はるなぴは考えています。 その理由は2つあります。コピペが危険だという理由を含め、プライバシーポリシーの書き方とはてなブログでの設置方法について詳しく説明します。 プライバシーポリシーとは プライバシーポリシー設置の必要性 プライバシーポリシーのコピペは危険 プライバシーポリシーの内容をきちんと理解しよう コピーコンテンツの危険性 プライバシーポリシーの書き方 個人情報保護の書き方 アクセス解析ツールについての書き方 広告について（Google AdSenseやアフィリエイトなど）の書き方 プライバシーポリシー以外に書いておく必要のある内容 免責事項の書き方 著作権についての書き方 運営者情報の書き方 はてなブログでのプライバシ

独自ドメイン化のあとでGoogleサーチコンソールのインデックスを旧サイトから新サイトに引き継ぎする方法について備忘録として書いておきます。 はてなブログProを独自ドメイン化した後やることのひとつにGoogleサーチコンソールのインデックスを新ドメインに引き継ぎすることがあります。 しかしこれがなかなかの曲者。うまくいかず困っている人が多いみたい。 はるなぴも設定はしてみたもののGoogleサーチコンソールのインデックスがなかなか更新されずハラハラしていました。 今回はサーチコンソールの新旧引き継ぎ方法を備忘録として記録しておきます。ご参考にしてみてくださいね。 Googleアナリティクスとサーチコンソールを連携する Googleサーチコンソールから連携する方法 新サイトのサーチコンソールを作成する 登録した新サイトの所有権の確認 旧サイトのサーチコンソールでアドレス変更をする はてなブ

お名前.comでDNS設定した後はてなブログProを独自ドメイン化する方法について記録しておきます。 ドメインを取得した後にDNSの設定をし、はてなブログでの設定をしてようやく独自ドメイン化が完了します。更にリンクの張り替えなどの作業が待っています。 はてなブログProでいつか独自ドメイン化しようと考えている方は参考にしてみてくださいね。 お名前.comでDNS設定 DNSとは DNS設定方法 はてなブログProに取得したドメインを設定する方法 独自ドメイン化をした後にすること 外部リンクのURL修正 お名前.comでDNS設定 お名前.comでDNSを設定する方法について書きます。 お名前.comでドメインを取得する方法については先日書きました。 www.halu7.com でも、このままはてなブログProに取得したドメインを設定してもダメです。まずDNS設定をすることが必要です。 DN