はるなぴログ

WEBサイト作成技術研究

アイコン(アバター)の作り方を考える

ブログでもそうですがツイッターなどのSNSではアイコンはとても重要です。企業のロゴと同じで、見る人に真っ先に認知されるところだからです。 企業がロゴを使ってブランド価値を高めるのと同じように、個人ブロガーもアイコンやアバターを工夫することで拡…

自作テーマの対象ブラウザ範囲を考える

今回は自作テーマの対象ブラウザをどこまでの範囲とするかについて考えてみます。 具体的には自作テーマでIE11対応を切っていくことができるのかどうかについて調査して分かったことを書きます。 なぜInternet Explorer 11サポートが問題になるかというと、I…

リンク否認ツールの使い方についてウェブマスター オフィスアワーで回答がありました

魚拓サイトからの大量の被リンクや怪しい海外サイトからの被リンクをもらっていたのでGoogleサーチコンソールでリンクの否認をしてみました。 ところが、そもそも私の場合には「使う必要がない」というご指摘をいただきました。 すぐに訂正記事を出しました…

【2018年版】メディアクエリのブレークポイントを考える

はてなブログで自作テーマを制作するにあたりメディアクエリを考えてみます。 2018年現在のベストなブレークポイントを考えてみようというわけです。 今使っているテーマはInnocentですが、このテーマは細かくメディアクエリのブレークポイント設定をしてい…

はてなアンテナでお気に入りブロガーサイトの更新を知る方法

はてなアンテナ使ってますか? 今回ははてなアンテナでお気に入りブロガーさんのサイト更新を知る方法について説明します。 はてなアンテナを使い始めてからはサイトの更新をチェックするのがとても楽になりました。お勧めです! はてなアンテナとは はてな…

サーチコンソールでバックリンク拒否の結果は確認できない(らしい)

先日Googleサーチコンソールでバックリンク否認をしてみた結果について報告記事を書きました。 すると今日「サーチコンソールでバックリンク拒否の結果は確認できない」という記事を発見しました(というのは私の記事へのリンクがあったためです)。 またnof…

逆SEOの効果はあるのか?

ウェブ魚拓サイトや危険なサイトからの被リンクをもらってしまっている「はるなぴログ」です。 逆SEOを受けていることはほぼ確実なので、その後の経過を報告します。 今までに行った対策とその結果から逆SEOに効果があるのかどうかについて考えてみます。 こ…

ファーストビューを意識してブログをカスタマイズする

ファーストビューとはサイトが表示されたときに訪問者が一番初めに目にすることのできる領域のことを指します。 スクロールせずに見ることができる範囲と言ってもいいでしょう。 今回はファーストビューを意識してブログをカスタマイズする方法について考え…

はてなブログでオリジナルテーマ自作の構想を練る

はるなぴログも大分テーマのカスタマイズが進んできました。 そこで今回は、はてなブログでオリジナルテーマ自作の構想を練ってみたいと思います。 はてなブログテーマInnocentの問題点は何か? 自作してみたいオリジナルテーマの内容を考えてみる Innocent…

はてなブログがGoogleアドセンス審査に落ちる理由を推測

今回ははてなブログがGoogleアドセンスの審査に落ちる理由について推測してみました。 あくまで独自の推測ですからどこまで当たっているか全く保証はありませんが何度も落ちる方はご参考にしてみてください。 少しでもご参考にしていただける点がありました…

GDPR対応で個人ブロガーがまずしておくこと

GDPR対応で個人ブロガーがまずしておくことは何か? GDPR対応が今話題ですね。個人サイトは何をしたら良いでしょう。ヨーロッパからのアクセスが中心という方はほとんどいないと思います。事業としてブログを運営しているという方も同じでしょう。 個人サイ…

はてなブログテーマInnocentに色の統一感を出すカスタマイズ

はてなブログテーマInnocentは素のままではとてもシンプルです。 もともと自分でCSSをいじってカスタマイズすることを前提としたテーマなのです。今回は、はてなブログテーマInnocentに色の統一感を出すカスタマイズを施していきます。 はてなブログテーマIn…

見出しを見栄えよくするCSS設定

見出しを見栄えよくするCSS設定を備忘録として書いておきます。 はてなブログテーマInnocentを使っています。InnocentはCSS編集をして自分好みに改造することが前提で作られています。 Innocetデフォルトの見出しは、ただ単にフォントサイズが大きくなっただ…

極悪サイトからの被リンクで逆SEOされたので断然バックリンク拒否する

とんでもない極悪サイトから被リンクをもらって逆SEOされたことがほぼ明白になりました。 当然ここはバックリンク拒否です! 該当する被リンクページが1ページしかなかったので、逆SEOしてきた相手の狙いも分かってきてしまいました。 Googleサーチコンソー…

魚拓サイトで逆SEOされたらしいのでバックリンク否認してみた

記事を大量に魚拓されてたようです!もしかしたら逆SEOされた? 何でこんな個人サイトが逆SEOされなければいけないのでしょうか? よく分かりませんが思い切ってGoogleサーチコンソールからバックリンク否認をしました。 魚拓サイトとは? 逆SEOとは バック…

Googleアドセンスの審査が不承認となったので対策を考えてみる

Googleアドセンスの審査に落ちました! ある程度は考えてから申し込みしたので不承認となったのはとてもショックです。 とはいえ、いつまでもガックリもしていられません。対策を考えなくては! とは言え落ちた原因がなかなか分からず前途多難というところで…

ブログの文字が小さすぎなのでフォントサイズをCSSで大きくしてみた

はてなブログのテーマのフォントサイズって小さいものが多いと思いませんか? はるなぴはどうも小さすぎるように思うのでCSSカスタマイズで大きくしてみました。 今回はブログの読みやすさについても深堀りして考えてみました。 一行の文字数とフォントサイ…

静的サイトジェネレータHugoがSass(SCSS)対応(pipeline)

静的サイトジェネレータHugoがSass(SCSS)に対応(pipeline)とのことです。 gohugo.io ずっとHugoを追いかけてきています。最近はサイトを作らずニュースだけの追いかけですが… Hugoの進化が早いのでニュースの追いかけだけでもなかなか大変です。早くサイ…

はてなブログテーマInnocentにナビゲーションバーを設定する方法

はてなブログテーマInnocentにナビゲーションバーを設定する方法について備忘録として書いておきます。 はるなぴのサイトを例に具体的なHTMLを載せてありますので是非ご参考にしてみてください。分かりやすい記事を心がけて書きました。 ナビゲーションバー…

はてなブログにヘッダー画像を設定する方法(余白、はみ出し対応)

はてなブログにヘッダー画像を設置しようとしたら思った以上に苦労したので備忘録として書いておきます。 何に苦労したかというとヘッダー画像のサイズが合わなかったこと。余白が変になったりパンくずリストから下にヘッダー画像がはみ出してしまったりと散…

プライバシーポリシーの書き方

プライバシーポリシーの書き方について備忘録として書いておきます。 GoogleアドセンスやAmazonアフィリエイト(Amazonアソシエイト)をするならプライバシーポリシーは必須ですよね。 何を書くかさえ分かってしまえば後は自分で文章を考えてアレンジしてい…

はてなブログ本気から20日で読者100人突破

ブログ運営報告です。 はてなブログで本気入れ始めて20日で読者100人突破しました! これを機に読者の方の役に立つ記事をこれからもどんどん書いていこうというモチベーションが湧いてきました。 はてなブログを開設するも… 初めての読者ができて本気モード…

お問い合わせフォームの作成と設置方法

お問い合わせフォームの作成と設置方法について備忘録として書いておきます。 Google Adsenseやアフィリエイトをするならお問い合わせフォームは必須ですね。はるなぴは将来のことを考えて早めにお問い合わせフォームを早めに設置することにしました。 Googl…

独自ドメイン化のあとGoogleサーチコンソールのインデックスを引き継ぎする方法

独自ドメイン化のあとでGoogleサーチコンソールのインデックスを旧サイトから新サイトに引き継ぎする方法について備忘録として書いておきます。 はてなブログProを独自ドメイン化した後やることのひとつにGoogleサーチコンソールのインデックスを新ドメイン…

お名前ドットコムでDNS設定した後はてなブログProを独自ドメイン化する方法

お名前ドットコムでDNS設定した後はてなブログProを独自ドメイン化する方法について備忘録として書いておきます。 はてなブログをProにすることに比べれば独自ドメインを導入することはそれほどお金はかかりません。 はてなブログProでいつか独自ドメイン化…

はてなブログProで独自ドメイン取得するときに注意するべきこと

はてなブログProで独自ドメイン取得するときに注意するべきことについて備忘録として書いておきます。 はてなブログを無料版からProにした後すぐにお名前ドットコムで独自ドメインを取得しました! ついに自分の土地を持ったという感じです!ドメイン名はhal…

はてなブログProの30日間無料体験を試してみた結果と感想

はてなブログProの30日間無料体験をお試ししてみましたので感想など報告します。 Proにすることで可能になったことをいろいろと試してみました。結果は「有料であってもProにしていく価値がある」いうこととなりました。 はてなブログProの30日間無料体験 は…

Zenbackがhttps化非対応(混在コンテンツ)らしく止めるかどうか迷う話

Zenback(ゼンバック)というブログパーツサービスを利用しているのですが、https化(常時SSL化)に対応していないため混在コンテンツとなっており止めるかどうか思案中です。 Zenbackには拡散効果があるという話もあり、導入を止めるかどうかは判断が難しい…

はてなブログでhttps化した後に混在コンテンツを解消する方法(微妙)

はてなブログでhttps化の後に混在コンテンツ(Mixed Contents)を解消する方法について記載します。 (注)本記事には追記があります。内容を一部修正していますので最後までお読みください。混在コンテンツの原因はZenbackサービスの組み込みにあります。 …

はてなブログでコードブロックをコンソール風(背景色が黒)にするCSSカスタマイズ

はてなブログテーマInnocentでコードブロックの背景を黒にするCSSカスタマイズを紹介します。背景を黒、文字色を白にすることによってコンソール風の表現を狙います。 はるなぴはコンソール表示がいちばんプログラミングしている感じが出ていて好きです。 In…