D君

すべて解決済み！

囲みボックス内にリストを入れると枠内下に余白ができる問題

いつのまにか、ボックス内に箇条書きを入れると、枠内下に余白（すきま）ができるようになりました。

しゃお

リストの下に１行空白がある感じ

WordPressとCocoonのバージョンを更新したあとに発生したので、どちらかのバージョンUPが原因です。

D君

本来であれば、片方ずつ更新して様子見するべきですね。

修正案として試したこと

リスト内外の余白が変更された可能性を考えて、以下をstyle.cssに追記し、記事内のリストにclassとして適用してみましたが、解決せず。

.ul-m0 ul {
margin-bottom: 0;
padding-bottom: 0;
}

.li-m0 li {
margin-bottom: 0;
padding-bottom: 0;
}

解決策

デザインが崩れてしまうことから、余白については以前からいろいろと討論されていました。

WordPressで使われているPHPやCSSに関する知識がまだまだ乏しく、一人で考えても時間がかかりそうだったので、「Cocoonフォーラム」にて質問させていただき、解決しました。

しゃお

教えて頂いた原因

フォーラムでの回答として

• Cocoonの本文の余白は要素の下側だけに設定されている。
• ブロックを組み合わせたときに、不都合が生じないように、要素の一番下のマージンを消す仕様になっている。

というのが原因でした。

D君

以下、ソースの修正修正案

修正案１

CSS

.article .kakomi-box-01 :last-child {
  margin-bottom: 0;
}

• article：HTML5で新しく追加された要素。記事の箇所に使用するセマンティックなタグで、記事のidなどが記載されている。
• kakomi-box-01：独自の名前
• last-child：要素の最後のみにCSSを適用するための疑似クラス

HTML

<div class="kakomi-box-01">
  <ul&gt;
    <li>リスト項目１</li>
    <li>リスト項目２</li>
  </ul>
</div>

• divタグにclass（last-child）を付与することで、divの最後でmargin-bottom:０が指定される。

この修正方法でも良かったのですが、今まで書いてきた記事のすべてのリストにクラスを追加するという修正が必要となり、修正量が多い＆時間がかかるため、今回は別の修正案を採用しました。

 

修正案２

CSS

.entry-content div :last-child {
  margin-bottom: 0;
}

• entry-content内のすべてのdivタグの要素の最後でmargin-bottom:０が指定される。

修正案２の場合、entry-content内のすべてのdivタグに影響するため、どこか不具合が出る可能性がある → 要確認

→ 今のところ影響なし（不具合が出たときは、修正案１へ変更する）

参考および関連リンク

• [解決済] 本文内の余白に関する不具合
• [解決済] 囲みボックスの下側に余白ができてしまう
• [固定] スタイルの余白（Cocoon設定の本文余白）に関する不具合

しゃお

D君

それぞれフォントの違いを見て、そこから選べばOK

2021年も明けたので、PC＆ブログのフォントの見直しを行いました。

代表的なフリーフォントについて簡単解説

Noto Sans ＆ 源ノ角ゴシック（英名：Source Han Sans JP）

D君

無料フォントの代表格！

Beautiful and free fonts for all languages – Google Noto Fonts

Notoフォントは100種類以上ありますが、そのうちの日本語が使えるのは数種類です。

• adobeのHPでアカウントを作成して、ダウンロード
• adobe-fonts / source-han-sans – GitHub

源ノ角ゴシック(Source Han Sans JP)は、上記２つのページから安全にダウンロードできます。

以下の表は日本語が使えるゴシック体のフォントです。

JPは日本語対応版、CJKは日本語以外の中国語と韓国語にも対応

Googleフォント名「Noto」の由来

When text is rendered by a computer, sometimes there will be characters in the text that can not be displayed, because no font that supports them is available to the computer. When this occurs, small boxes are shown to represent the characters. We call those small boxes “tofu,” and we want to remove tofu from the Web. This is how the Noto font families got their name.

引用：Noto Sans – Google Fonts

簡単に和訳すると

コンピュータで表示できない文字があると、「□(小さな箱＝豆腐)」で表示されます。この豆腐をWebから取り除くために開発されたのが、Notoフォントファミリーです。

Noto ＝「No Tofu（ノー豆腐）の略」と覚えておけばOK

Noto Sansと源ノ角ゴシックの違い

ややこしい「源ノ角ゴシック」と「Noto Sans」のまとめ – DTP Transit

ガチで詳しく説明してあるサイトがありますので、気になる方は一読しておくと良いです。

【WEBフォント】Noto Sans系日本語フォントは結局どれを使えばいいのか検証してみる – OKU LOG

「結論、どれがいいのか」に、設定例が記載されているので、参考になります。

Noto SansとNoto Serif の違い

Noto Sansはゴシック体、Noto Serifは明朝体です。

明朝体のNotoフォントが使いたい方は、「Noto Serif JP」もしくは「Noto Serif CJK JP」をダウンロードしましょう。

メイリオ・Meiryo UI

D君

現在主流のWindowsでは、初めから使用可

引用：Meiryo font famiy – Microsoft

メイリオ – Microsoftダウンロードセンター

配布ページは残っていましたが、現在配布は行われていないようです。

古いバージョンからWindows10にアップグレードした場合、Meiryo UIは、Windows７以降ならWindowsアップデートでインストールされています。

• メイリオが使いたい場合は、使用しているアプリ上でフォントを変更する
• メイリオがない場合、「Windows 10 にアップグレードした後、不足しているフォントをインストールする方法 – Microsoft」を参照
• Windows VistaおよびWindows Server 2008でも、Meiryo UIフォントは使用可能（Microsoft）

メイリオ（Meiryo）の由来

メイリオ(Meiryo)の語源は、日本語の「明瞭」からで、画面上でも印刷物でもキレイに見えるようにと名付けられた。

游ゴシック（英名：Yu Gothic）

D君

現在主流のWindowsでは、初めから使用可

游ゴシック 游明朝フォントパック – Microsoft

Microsoft Office 2016に含まれている游ゴシック＆游明朝体

游ゴシックの由来

デザインを手掛けた「字游工房」の游から。

游ゴシックについて

游明朝体と一緒に使うことを想定して開発された、スタンダードな角ゴシック体（字游工房より）

販売価格は、33,000円(１ウェイト)と、結構良い値段

しゃお

フォントって高い！

D君

様々なフォントも含むと考えると、OSの価格は、かなり良心的だね！

ヒラギノ角ゴシック

D君

アップルのOS・Cocoon(WordPressテーマ)では、初めから使用可

ヒラギノ角ゴシックの購入について

Macに標準搭載されていないウェイトやWindowsで使いたい場合は、有料フォントを購入する or MORISAWA PASSPORTでライセンスを購入する必要あり。

販売店情報(ショップ) – SCREEN

販売価格は、11,800円(１ウェイト)、36,850円(基本６書体セット)

OpenType ヒラギノ基本6書体セット [ダウンロード]

created by Rinker

SCREEN GP

• Amazonで探す
• 楽天市場で探す
• Yahooｼｮｯﾋﾟﾝｸﾞで探す

Amazonでも購入できます。

MORISAWA PASSPORT

モリサワではPC１台につき、49,800円（税抜）で、1500以上の書体が常に最新の状態で使用できるようです。

しゃお

フォント研究家やフォント特化ブログでは、安く使えて良いかも

フォント比較

D君

比較は、各フォントの大きめ太字＋通常のウェイトです。

Noto Sans CJK JP

• スッキリしていて、可読性・視認性・判読性が高い
• ヒラギノ角ゴシックよりも現代的で、デジタルな印象が少ない
• Google＆Adobeが３年以上をかけて開発しただけあって、読みやすい＆美しいフォント

源ノ角ゴシック

• 「Noto Sans CJK JP」に同じ

メイリオ

• 視認性・判読性がは非常に高く、遠くからでも読みやすい
• 文字間隔が狭く、長文のある資料や読み物だと疲れやすい
• 全体的に横幅が広めで、デジタル感が強い

Meiryo UI

• メイリオの派生なだけあり、漢字・アルファベット・数字・記号は同じ
• ひらがな・カタカナがメイリオよりもコンパクト
• Office（ExcelやPowerPoint）など、スペースに限りがあるときなどに有効

游ゴシック

• 他のフォントに比べると、適度な文字間隔＆線が細くスッキリしていて、可読性・視認性・判読性が高い
• 全体がキレイで非常に読みやすい
• 標準だと細すぎるという方は、「Medium」ウェイトを使うのもおすすめ

Yu Gothic UI

• 游ゴシックの派生だが、同じものは漢字のみ
• Office（ExcelやPowerPoint）など、スペースに限りがあるときなどに有効

ヒラギノ角ゴシック

• Macで採用されているだけあり、可読性・視認性・判読性が高い
• アルファベットはメイリオに近い
• 数字は他のフォントに比べ、横幅が広め

ヒラギノ角ゴを試す – モリサワ

上記サイトで、ウェイトごとのイメージを確認できます。

代表的なフォントを比較した結果

Windows10のシステムフォントを設定・変更する

試しにNoto Sans CJK JPに変更してみます。

フリーフォントのダウンロード＆インストール

Beautiful and free fonts for all languages – Google Noto Fonts

「jp」と入力すると、すぐに出てきます。

「Noto Sans CJK JP」をクリックし、「DOWNLOAD」からダウンロード

zipファイルがダウンロードされるので、解凍すると「NotoSansCJKjp-hinted」フォルダが作成されます。

拡張子が「otf」のものをすべて選択し、右クリック > 「インストール」で、現在ログイン中のユーザにフォントがインストールされます。

※特定のウェイトだけインストールしたければ、インストールしたいウェイトのotfだけを選んでください。

アプリ「Meiryo UIも大っきらい!!」のダウンロード

GitHubからダウンロードすると、ビルドが必要なので

Tatsu-syo/noMeiryoUI – GitHub

今回は、フリーツールのサイトからダウンロードします。

Meiryo UIも大っきらい!! – freesoft100

zipファイルを解凍し、一応「VirusTotal」でハッシュ検索＆確認しておきます。

検索結果：0/69なので、全く問題なし

ツールの実行＆フォント設定・変更した結果

さっそく実行し、Windows10のシステムフォント「游ゴシック」から

「Noto Sans CJK JP Medium」に変更みると

左側のフォルダ階層（ディレクトリ）を見てください。

游ゴシックでは、文字が細い＆薄いですが、Noto Sans CJK JP Mediumでは、濃い＆見やすくなっています。

しゃお

これだけでもやる価値あるね！

ちなみに、Meiryo UIも大っきらい!!は「個別設定」も可能です。

Macのシステムフォントを設定・変更する

アプリ「TinkerTool」のインストール

Macのシステムフォントは、アプリ「TinkerTool」を入れると簡単に変更できるようです。

「Download」ページへ移動し、「Download」ボタンをクリックすると、「TinkerTool.dmg」のダウンロードが開始します。

ダウンロード完了後、TinkerTool.dmgをダブルクリックして、インストールします。

※dmgファイルを保存したのと同じ場所にアプリアイコンが作成されるので、アプリケーションフォルダに移動しましょう。

インストール後は、dmgファイルは不要なので、削除します。

※アプリが動作しない場合は、下記リンクの「dmgファイルからインストールしたアプリが動作しない場合の対処方法」を参考にしてみてください。

参考：MacでAppStoreやdmgファイルからアプリを追加する際のインストール&エラーの対処法とアンインストール(削除)方法

フォントの設定・変更

TinkerTool起動後、上記画像のように「フォント」タブからフォントや文字サイズを自由に設定・変更できます。

ただし、設定を変更したあとは不具合防止のために必ず再起動しましょう。

参考：Macをさらに使いやすくする隠し設定4選 – コトノバ

しゃお

Macは詳しいサイトにおまかせ

WordPressテーマ「Cocoon」のフォントを設定・変更

Cocoon設定 > 全体 > サイトフォント

好きなフォントを選んで「変更をまとめて保存」を押すだけでフォントの変更が可能

ウェイトまで変えられるのは、便利ですね。

D君

無料テーマとは思えないカスタマイズ性

Cocoonでフォント設定・変更した結果

ウェイトを400から500に設定・変更しました。

変更前は、文字サイズ18pxで少し薄いかな？といった感じでしたが

変更後は、くっきり見やすくなりました。

しゃお

いっとき様子見

フォントのソースはどこにある？

しゃお

スマートなイメージにしたいため、最優先で游ゴシックが表示されるよう設定中

WordPressのテーマ「Cocoon」の方は、変更していなければ、ソース上のフォント設定箇所（font-family）は以下にあります。

外観 > テーマエディター > Cocoonを選択 > style.css（220行目辺り）

font-family: "Yu Gothic", Meiryo, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;

Webフォント（Noto Sansなど）を使いたい場合

Webフォントを使用すると、サイト読み込み時にフォントのダウンロードが発生

→ SEOにも少なからず影響がある！

という問題があります。

しかし、「文字を読みやすく、キレイにしたい」場合、Webフォントを使うのが手っ取り早いです。

そこで、Webフォント＆表示速度も速いサイトにするために、以下３つをやると効果があります。

• フォントの軽量化
• Webサイトに設置
• フォントの遅延読み込み

気になる方は、以下を参照してください。

【サイト高速化!】Noto Sansを軽量化してWEBサイトに使う方法

しゃお

D君

まずは状況を整理して、原因を探るべし！

こんにちは、自称節約家のしゃおです。

Googleアドセンス「　」

急に「アドセンス広告」が表示されなくなりました。

アナリティクスを見てみると、アメリカからのアクセス数だけが異様に増えています。

（駄目だこいつ・・・早くなんとかしないと・・・）

本記事では、アドセンス広告が制限された原因と対処の失敗談＆最適解についてまとめてみました。

結局、アドセンス広告制限は解除されたのか？

D君

いきなり核心を突いていきます！

調査した結果、広告を制限された多くの人が２週間～１ヵ月で解除されているようです。

失敗談︰なかなか解除されない！？

寝る間も惜しんで調査した結果、今回の広告制限対策として、３つの方法が挙がりました。

完全放置

ブログ運営者の中には、完全放置で１ヶ月後に広告制限が解除された方もいましたが、私には気になって無理なので、即刻却下！

ポリシー違反によるアカウント無効化に対する異議申し立て

Google様に異議申し立て後、２・３日で解決したという方がおり、申し立てするべきか非常に迷いました。

送信できるお申し立ては、1 つのアカウントにつき 1 件のみとなります。2 件目以降のお申し立ての審査は行われませんのでご注意ください。

しかし、私なりに考えた結果、①～③の理由で異議申し立ても却下！

①一度しか申し立てできないことを考えると、自力で解決できる可能性が０でないならば、自分でとことんやるべき

②今回解決しても、また同じようなことがあるかもしれませんし、広告制限されて自力で解決できないときのために切り札は残しておきたい。

③そもそも、「ポリシー違反によるアカウント無効化に対する異議申し立て」であり、アカウントは無効化されておらず、アカウントへアクセスは可能

しゃお

今回はこちらの方法で対処

無効な操作として報告

アクセス解析後、怪しいアクセスを無効な操作として報告後、待てど暮らせど変化がない。。。

２週間で広告制限解除されたという方がいたので、私もそれくらいで解除されるだろうと勝手に考えていました。

３週間経過．．．

広告の制限が解除されない！

これは『失敗した！』と思いました。

D君

やっちまったなぁ！

結局、24日間アドセンス広告が制限され、25日目に広告の制限が解除され始めました。

最適解︰サイト管理人が選ぶべきは

最適解については

• そのときの状況
• サイト管理人の考え

によって変わるので、「アドセンス制限解除への選択肢３つ」から、管理人自身が最適だと思う方法を選んでください。

アドセンス広告を貼っている方なら、自分で判断ができなければなりません。

ただし、どの方法を試しても何かしらのリスクがあります。

上記のようにリスクについて考えてみると、１はリスクしかないように思います。

アドセンス広告が完全に停止されたという方もいましたので、分からないから放置だけは絶対にやめましょう！

私が３の方法を選んだのは、将来を見越してのことなので１例として見てみてください。

そもそも論になりますが、１番やるべきなのは、『アドセンス広告が制限されないようにすること』ですけどね！

その辺のことも踏まえて、広告制限 → 解除までの流れを書いていきます。

しゃお

実体験コーナー

状況を整理する

アドセンスの推定収益がいつもの10倍

Googleアドセンス広告の推定収益は、月によって変わりますが、普段の平均と比較して約10倍と、桁が１つ多くなっています。

例）いつもの月間収益が「500円」だとすると、今月は「5,000円」

※詳細な金額は規約違反となるため、金額は簡略化しています。

アメリカからのアクセスが急増

アナリティクスを見てみると、アメリカからのアクセスが急増していました。

普段のアメリカからのアクセス数と比較して、こちらも約10倍となっていました。

例）いつもは10日間のアクセス数が「10」だとすると、急増した10日間は「100」

※詳細なアクセス数は規約違反となるため、数値は簡略化しています。

Google Adsenseチームからメールが届く

アドセンスチームからのメールを開いてみると、上記の画像とともに以下の内容が書かれていました。

お客様
先日、お客様の AdSense アカウントで無効なトラフィックが検出されました。Google ではこの事態を受け、お客様のアカウントでの広告配信を制限いたしました。今後もお客様のサイトのトラフィックは継続的にモニタリングされ、配信制限は Google 側で自動的に見直しおよび更新されます。

この措置が取られた理由
お客様のアカウントにおいて、不正に広告収益をあげる目的と思われる無効なトラフィックが検出されました。

続きは長いので要約すると

禁止事項

• 無効なトラフィック
• 他のユーザーへの広告クリック依頼
• 上記行為のため第三者への資金提供
• 自動クリックツール・ロボットなど不正行為を行うソフトウェアの使用

注意事項など

• 不正と判断された行為についての詳しい情報を希望しても、具体的なアカウントアクティビティに関する情報をサイト運営者には提供できない
• 今後、同アカウントでAdSenseプログラムポリシーの違反が確認された場合、さらなる強制措置が取られるか、アカウントが永久的に無効となることがある

対処方法

• 現在、アカウントへのアクセスは制限していないので、この問題についてポリシーセンターで詳細を確認してね
• この広告配信の制限がお客様に影響を与える期間は 30日未満だが、それ以上となる場合もある
• お客様の広告トラフィックが AdSenseプログラムポリシーに準拠するよう、早めの対応をおすすめ

「ご理解とご協力をお願いします」とのことです。

しゃお

禁止事項は全く身に覚えがないんですけどね。

表示できる広告の数が制限される

ブログを見てみると、確かにアドセンス広告が制限されたようで、何も表示されていません。（青背景箇所「スポンサーリンク」と「AdSenseにおまかせ」）

広告が制限された原因とは？

Adsenseチームのメールから考察すると

アドセンスチームからのメールには、広告制限の理由が書かれています。

無効なトラフィックとは？

無効なトラフィックとは、広告主様の費用やサイト運営者様の収益を作為的に増やす可能性のあるクリックやインプレッションのことです。無効なトラフィックには、意図的な不正トラフィックや偶発的クリックが含まれます。

無効なトラフィックの定義 – AdSense ヘルプ

例として

• サイト運営者が、自身の広告をクリック
• 1 人以上のユーザーが繰り返しクリック
• サイト運営者が自身の広告でのクリックを誘導すること
• 自動クリックツールやトラフィック ソース、ロボット、その他の不正な行為を行うソフトウェア

のような形で、クリック数やインプレッション数を増やすことが「無効なトラフィック」にあたります。

上記４つのうち、原因は黒字なら私、赤字なら私以外となりますが

しゃお

全く心当たりがない。

ということは、他の誰かがクリックしたということ！

犯人だれだー！？

D君

続いて、詳細を調査するため準備をしていきます。

調査 – アクセス解析準備

これら２つの設定は、アドセンスの広告制限やアメリカからの大量アクセスがなくても、自分のブログを守るためにも事前にやっておくことをオススメします。

解析準備①AdSenseとアナリティクスをリンク（連携）

アナリティクスからAdSenseのリンク設定

アナリティクスを開きます。

「管理」をクリック

「AdSenseのリンク設定」をクリック

「＋新しいADSENSEリンク」をクリック

AdSenseプロパティの選択で

「コンテンツ向け AdSense」　→　「続行」をクリック

リンクの設定で

「すべてのウェブサイトのデータ」にチェック　→　「リンクを有効化」をクリック

「完了」をクリックで設定完了です。

正しくリンクされ、「サイト運営者ID」が表示されていることを確認しましょう。

※リンク後、アドセンスのデータがアナリティクスに反映されるまで24時間ほどかかります。

AdSenseからアナリティクスとのリンクを確認

アドセンスを開き

「アカウント」＞「アクセスと認証」＞「Googleアナリティクスとの統合」

リンク済みのサービス: コンテンツに「サイト名」と「URL」が表示され、アナリティクスに移動できればOKです。

解析準備②XSERVERによるアクセス解析設定

アクセス解析対象のドメインを追加

しゃお

私もXSERVERのアクセス解析で怪しいIPを知ることができました！

簡単な設定ですぐに使えるので、この機会に設定しておきましょう！

出典：アクセス解析 – XSERVER

XSERVERのアクセス解析で分かること

月間アクセス推移

アクセス解析のトップ画面には、月間アクセス数が日毎で棒グラフ表示され、最大値や平均値に加え

• 訪問者数、訪問回数
• ページビュー、平均ページビュー
• ヒット率、平均ヒット率
• 転送量、平均転送量(MB)

など８つの項目が数値化されています。

OSとブラウザ&アクセス流入元と検索ワード

トップ画面下にはアクセス元のOSとブラウザが円グラフ表示され、流入元と主な検索ワードも数値化されています。

様々な項目別で表示が可能

今回のアクセス解析では、特に「IPアドレス・ホスト名別」「ドメイン・国別」表示を活用しました！

アクセス解析をやってみた結果

解析結果①アドセンス

広告制限前の10日間は、アメリカからの広告表示・クリック回数が異常

※詳細なアクセス数は規約違反となるため、数値は簡略化しています。

しゃお

広告制限中のアクセス解析もやってみました！

ブログのアクセス数は変わりませんが、アドセンス広告はほとんど表示されていませんでした。

広告表示回数は０ではありませんが、制限前と比べると０みたいなものです。

解析結果③XSERVERによるアクセス解析

ブログへのアクセスIPを調べる

同一IPから、１日に20も30もアクセスがありました。

WHOIS検索でアメリカか特定し、怪しいIPを割り出す

以下のサイトにIPアドレスを入れると、国や管理機関など、ドメインに関する情報を簡単に割り出すことができます。

WHOIS検索 | ドメインの所有者情報を簡単検索 – TECH-UNLIMiTED

ドメイン/IPアドレス サーチ 【whois情報検索】 – cman.jp

検索した結果、５つのうち、１・４・５番目がアメリカのIPでした。

１番目のIPをWHOIS検索

Organization＝組織名で、「Cox Communications」という株式会社

実在する会社のようですが、なぜ私のブログへ大量アクセスしているかは不明

４・５番目は「amazon（aws：amazonaws.com）」で、awsを利用している会社または個人でしょう。

しかし、調べてみると、amazonaws.comはリファラースパムの場合もあるようなので、様子見

迷惑なアクセス(その2) amazonaws.comの正体 – 倉金家ホームページ

リファラースパムとは？Googleアナリティクスでの対策方法を解説！ – AIanalyst BLOG

実際に対処したこと

アクセスが急増しているIPをブロック

XSERVERのサーバーパネルから、特定のIPからブログへのアクセスを拒否します。

「アクセス拒否設定」をクリック

複数ドメイン名がある場合は、設定したいドメイン名で「選択する」をクリック

「アクセス拒否IP追加」タブを選択し、「拒否IPアドレス」を入力し、「確認画面へ進む」

※拒否するIPアドレス（98.179.*.*）の第3・4オクテッドは伏せています。

「追加する」をクリックし、「アクセス拒否IP一覧」に拒否したいIPがあればOK

使用しているサーバがXSERVER以外の場合

使用しているサーバにより若干方法は異なるかもしれませんが、「.htaccess」に直接書き込んでも拒否できるようです。

amazonaws.comからの大量スパムをブロックする方法 – Katata/堅田

XSERVERのファイル管理から、「.htaccess」を確認してみるとファイルの1番最後に以下の内容が書き込みされていました。

deny from 98.179.*.*

指定IPからのアクセスは「deny（拒否）」設定となっています。

無効な操作として報告

無効なトラフィック（今回はアメリカからのクリック）があったので、AdSenseヘルプから「無効なクリックの連絡フォーム」へ報告します。

無効なクリックの連絡フォーム – AdSenseヘルプ

※「AdSense > 」となっているものは、AdSenseログイン後、内容をそのままコピペすればOK

内容を記入し終えたら、「送信」をクリックすれば報告は完了です。

送信してからすぐに思ったのですが

「上記IPは、現在サーバでアクセス拒否設定しています」

と記入するのを忘れていました。

しゃお

記入していれば、AdSense側も「対策しているんだな」ともう少し早めに解除してくれていたかもしれません。

AdSense広告が制限されないためのポイント５つ

レンタルサーバでアクセス解析機能が使えなければ、「.htaccess」に直接記載しましょう！

まとめ

今回初めてAdSenseの広告制限を受けましたが、知識・メンタルともに若干鍛えられた気がします！

そもそも、広告が制限されないように、日頃からポイント５つしておけば何も問題なかったのですがｗ

AdSense広告が制限されないためのポイント５つ

現場からは以上です！

ではまた(#｀･ω･´*)/

『WordPress及びプラグインを更新すると、なぜかRinkerの画像だけ表示されていない』

という問題がありました。

そんなときはどうすべきか？

D君

ぐーぐる先生！

そう！まずは調査ですね。

それから自分なりにゴニョゴニョすると。

試行錯誤の末、簡単な解決方法が分かったので、手順も含めて載せておきます。

便利なプラグイン「Rinker」について

Rinkerとは？

「Rinker」とは、ブログを書くときに簡単に商品リンクを貼るためのプラグイン

たったの５ステップで複数ショップへのリンクが貼れる

1. WordPressで商品リンク > 新規追加をクリック
2. 「商品情報を取得」ボタンからキーワードを入力し、商品を検索
3. 「検索」ボタンをクリックし、商品一覧を表示
4. 「商品リンクを追加」をクリック
5. プレビューで確認

これだけの作業で複数ショップへのリンクが貼れます。

「Rinker」のおすすめポイント

• 記事を書きながら、リンクを作成できる
• 先にリンクを作っておき、記事に追加することも可能
• リンクをショートコードで管理することにより、スマートに記事ができる＆コピペが楽ちん
• 商品データはキャッシュで24時間保存することにより、商品表示が高速
• 登録済みの商品からワンタッチ追加

D君

便利な機能が盛りだくさんなRinkerを無料で使わせて頂き、製作者のやよい様には感謝申し上げます。

簡単でおすすめの解決方法＆手順

WordPress > 商品リンクをクリック後からの手順です。

WordPress表示オプション設定

「表示オプション」をクリック

「ページごとに表示する項目数」をすべての商品数より多い項目数へ変更

この作業をすることで、１ページにすべての商品が表示され、一括での編集が可能となります。

商品リンクの一括編集

すべての商品が表示されたら、タイトル横のチェックボックスにチェックを入れ、すべての商品を選択

商品リンクの「一括操作」から

「編集」へ変更し、「適用」をクリック

ステータスを「公開済み」にし、「更新」をクリック

更新ボタンまでクリックしたら、自分のブログで「Rinker」の商品リンク画像が表示されていることを確認しましょう。

プラグインなどを更新して、商品リンク画像が表示されなくなったときはバックアップから戻そうかとも思いましたが、調べてみると意外と簡単に解決できたりするものですね。

D君

よっ！グーグル先生！

ではまた(#｀･ω･´*)/

shao

がお先生

通過するための対策はしたのかい？

shao

申請前後にやれるだけの対策はやりました！

がお先生

Google先生も忙しいからなあ。そうだ！コレをしてみなさい！！

Googleアドセンス審査の申請前と通過時のまとめ

※ 無料ブログから移行したのは、このうちの18記事

期間が10日以上あったので

• 記事数：６記事増
• 文字数：17000文字増

shao

文字数が２倍以上になっていたのには驚きましたｗ

AdSense申請前に行ったこと

無料ブログから移転

私は以前、livedoorブログで記事を書いていました。

移転理由については

ブログ移転！？続かない原因&移転を決めた最大の理由と今後の目標

しゃおブログ始めたのは良いけど、やる気が続かない。。。D君無料ブログの自由度には限界があるからなーしゃお有料だと何が違うの？D君んー全部違うね！こんにちは、無料ブロガーから有料ブロガーへ転向したしゃおです。※有料ブロガー＝有料サーバを借りて

diynetbank.com

2021.01.03

独自ドメインの取得

私はXserverがドメイン取得無料キャンペーンを行っていたので、そちらで取得しました。

エックスドメイン

キャンペーンを利用することで、ドメイン料を永久無料にすることができるので、ブログを始めるならこういったキャンペーン期間を利用してコスパ良くブログを運営しましょう。

プライバシーポリシーの設置

Googleアドセンス広告を利用するには、プライバシーポリシーの設置は必須です。

私はこちらのサイトを参考にさせていただきました。

https://carbonjam.com/googleadsense/privacy-policy/

carbonjam.com

とても分かりやすくまとめてあります。

AdSense申請後に行ったこと

アドセンスについて調べていると、他にもやるべきことが見つかったので急ぎで実施しました。

shao

プロフィール作成までは申請前にやるのをオススメ！

サイトマップの作成とコンソールサーチへの追加

サイトマップの作成とコンソールサーチへの追加については、こちらで詳しく記載しています。

【超簡単SEO対策】サイトマップ作成とサーチコンソール追加！！

ＳＥＯ対策とは？shaoSEO対策って何ですか？がお先生ggrk(ryshaoふむふむ。SEOとは ”Search Engine Optimization” の略で、「検索エンジン最適化」のことか。shao検索結果でWebサイトが表示されや

diynetbank.com

2019.07.30

問い合わせページの作成・動作チェック

問い合わせページの作成・動作チェックについては、こちらで詳しく記載しています。

【超簡単】WordPress│問い合わせページのおすすめ作成方法

WordPressで問い合わせページは、プラグインのContact From 7を追加すると簡単に作成できます。プラグイン：Contact Form 7 を追加プラグインから新規追加をクリック

diynetbank.com

プロフィール作成

プロフィールページも作成した方がアドセンス審査に通過しているということだったので、私も作成しました。

【プロフィール】ブラックＩＴ企業勤めだったとある趣味ブロガーの話

がお先生月給いくらじゃ？shao２０万ちょっとです。がお先生ボーナスは？shao１０万前後...がお先生昇給は？将来性は？結婚は？shao．．．shao転職します！はじめまして。「Diy Net Bank」管理人の『しゃお』と申します。当ブ

diynetbank.com

2021.09.14

ロゴ作成

申請後、どうせならオリジナリティを出したいということで、作成しました。

shao

ロゴ作成と言っても何をどうすれば良いんだろう？？？

がお先生

いろんなサイトを見てみるのが手っ取り早いぞ。

無料でロゴを作ってくれるサイトもあるぞい！

文字やマーク・キャラどれでいくか？

最初は、サイト名がDiy Net Bankなので、全ての文字を含めたイメージや省略したDNBをロゴにしようと考えていました。

こんな感じ

shao

下手ですみません

なんだかパッとしないので、officeソフトで「D」だけを入力し、フォントを変えてみました。

どのフォントにしようかなと悩んでいた時、ビビッとｷﾀ━━━━(ﾟ∀ﾟ)━━━━!! んですよ！ｗ

Dのキャラ化

文字を回転させると、おや？Dの様子が！

デッ・デッ・デッ・デッ・デッ・デッ・デッ。。。

デデーン！！

目を付けて完成！！

こんな風に踊らせてみたりｗ

ロゴ決定

最終的には、Dという文字自体を強調したかったのと、なるべくシンプルが良いということでロゴは踊りなしにしました！

記事の中では、そのうち踊らせるかもしれませんがｗ

ロゴのキャラ名はそのままですが、【D君】です。

そのうち、Dのキャッチフレーズも決めていきます。

• 謎の生命体D
• ロボD

あたりでしょうか？ｗ

ブログのタイトル編集

ロゴ完成後、ブログのタイトルが寂しいので、こちらも作成することにしました。

最初のブログタイトル

シンプルなのは好きですが、ちょっと味気ない感じ

ブログタイトル変更後

シンプル＋こだわり少々を入れ、現在のロゴの形に決定しました！（背景は変更しています）

メールがなかなか来ない時の最終手段

やれるだけのことをやってから数日

Googleアドセンス審査の結果のメールが来ない。。。

そこで、迷った時こそ

shao

Google先生！

調べてみると、私のようにアドセンス申請の結果がなかなか来ない人がいるようです。

とことん調査した結果、申請中に取れる行動が以下の４つ

この時点で、私は申請してから１０日経っていました。

１は送信されるが、返事がないことが多いみたいなので、却下

２はお互いに時間がかかる上、意味がなさそうなので、却下

３は時間がある時に既に実施済み

そこで、効果のありそうな４の方法を取ることにしました。

Googleアドセンスにフィードバックを送る

Googleアドセンスのページに行き、「フィードバック」をクリック

意見を入力して、「送信」をクリック

これで送信されます。

私は以下のサイトを参考にさせていただきました。

「具体的には」の枠内の○のみを変更し、ほぼそのまま送信しました。

https://www.erawarot-labo.com/google-adsense

www.erawarot-labo.com

すると

shao

ｷﾀ━━━━(ﾟ∀ﾟ)━━━━!!

結果、フィードバック送信から２日、申請から１２日でGoogleアドセンス審査に合格することができました。

これで、ようやく１つ目の目標を達成することができました。

ブログ移転！？続かない原因&移転を決めた最大の理由と今後の目標

しゃおブログ始めたのは良いけど、やる気が続かない。。。D君無料ブログの自由度には限界があるからなーしゃお有料だと何が違うの？D君んー全部違うね！こんにちは、無料ブロガーから有料ブロガーへ転向したしゃおです。※有料ブロガー＝有料サーバを借りて

diynetbank.com

2021.01.03

ブログの再スタートからここまで、本当にGoogle先生にはお世話になりました。

shao

ありがとうGoogle先生！

しかし、ブログの収益化という点では、スタート位置に立ったばかりなので、ここからさらに２つ目の目標達成のために精進していきます。

ではまた(#｀･ω･´*)/

shao

SEO対策って何ですか？

がお先生

ggrk(ry

shao

ふむふむ。SEOとは ”Search Engine Optimization” の略で、「検索エンジン最適化」のことか。

shao

検索結果でWebサイトが表示されやすくするための対策なんだな。

shao

言葉はなんとなく理解できたけど、具体的に何をすれば良いんだろう？

とりあえずググるか！！

shao

ふむふむ。そういうことか！！

それでは説明します！！

がお先生

。。。shao君ワシの出番がｎ(ry

SEOとは？対策とは？

SEOとは、英語で言うと ”Search Engine Optimization” の略で、検索エンジン最適化のこと。


SEO対策とは、検索エンジン最適化のための対策 ＝ 検索エンジンがWebサイトを見つけやすくするために行う方法や手法のこと。

検索エンジンとは？

検索エンジンとは、インターネット上の情報を検索するプログラムのこと。


検索エンジンには、よく使用されているGoogle、Yahoo!に始まり、日本だけでも１０社以上あり、海外まで含めるとまだまだ出てくる。



検索エンジンまで簡単に理解できたところで、さっそく実施すべきSEO対策を紹介していく。

SEO対策はどの検索エンジンに対して行えば良いのか？

それはもちろん、よく使用されている検索エンジンに対して行うべきだろう。

shao

よく使用されてと言えば。。。やっぱりGoogle！

がお先生

そのとおり！

日本で１番検索エンジンのシェアを持つのが「Google」

世界で１番検索エンジンのシェアを持つのも「Google」

つまり、Googleの検索エンジンに対してSEO対策を取れば良いということになる。


ちなみに、Yahoo!はGoogle検索エンジンを採用しています。

次からはサイトマップについて説明する。

サイトマップについて

サイトマップとは？

サイトマップとは、検索エンジンに私のWebサイトはこんな風な作りですよと教えるためのxmlファイルのこと。



ファイル名は決まっていないが、多くは「sitemap.xml」という名前で作成される。





サイトマップの作成は（詳しい人は）手書きでも良いが、私のような初心者には敷居が高いので、便利なプラグインを使用して作成することをオススメする。

サイトマップのプラグイン

サイトマップ（.xml）を簡単に作成するプラグインには

• Google XML Sitemaps
• Yoast SEO
• All in One Seo Pack

の３つが有名らしいが、今回は私も実際に作成した「Google XML Sitemaps」を説明したいと思う。

Google XML Sitemaps 作成

Google XML Sitemaps インストール

Google XML Sitemaps で検索し、今すぐインストールをクリック

有効化をクリックし、プラグインを有効にする

Google XML Sitemaps の設定

設定から、XML-Sitemap をクリック

基本的な設定

赤枠３つのチェックは

・Notify Google about updates of your site

→ あなたのサイトの更新をGoogleに通知します

・Notify Bing (formerly MSN Live Search) about updates of your site

→ あなたのサイトの更新をBingに通知します

・サイトマップの URL を仮想 robots.txt ファイルに追加

→ 検索エンジンにサイトマップの場所を伝えます

というもの。

Additional Pages

変更なし。

投稿の優先順位

後ほど優先順位を決めるので、ここでは「優先順位を自動的に計算しない」をチェック

Sitemap コンテンツ

以下のように、「ホームページ」「投稿（個別記事）を含める」「カテゴリーページを含める」「最終更新時刻を含める。」をチェック

この設定により、普段更新する（検索させたい）ページだけを検索ロボがクロールするようになる。



※ 検索エンジンは、大量の検索ロボットをクロール（巡回）させてWebサイトの情報を収集している。

Excluded Items

変更なし。

Change Frequencies

以下のように変更。

Change Frequencies については各人により異なるので、迷ったならば同様の設定を推奨

チェック！
「タグページ」を設定しないと、カテゴリー別の設定が反映されないという方がおりましたので、私は毎週に設定しています。

優先順位の設定 (priority)

ここで優先順位を設定していく

「ホームページ」「投稿（個別記事）」「投稿優先度の最小値」「カテゴリー別」「タグページ」の優先度を「1.0（優先度高）」に設定

Change Frequencies で設定したタグページも「1.0」

設定を更新をクリック

更新ボタンのクリックが終われば、Google XML Sitemaps の設定は完了です。



サイトマップを作成しただけでは、SEO対策は完了となりません！

確実に以下の手順も行ってください！

サーチコンソールからサイトマップを送信する

これから、Googleの検索エンジンに自分のWebページを見てもらうためのサイトマップを送信していきます。

Google Search Console にログイン

サイトマップをクリック

新しいサイトマップの追加にサイトマップ.xml のパスを指定

サイトマップのパスはサイトマップを作成した画面の上の方にあります。

送信ボタンをクリックし、ステータスが「成功しました」となるのを確認

「成功しました」とならない場合は、少し待ってからＦ５で更新してみてください。

まとめ

以上でサイトマップ作成から、検索エンジンへのサイトマップ送信の手順がすべて完了です。


より良い記事を書いて、検索されるように頑張っていきましょう。

ではまた(#｀･ω･´*)

プラグイン：Contact Form 7 を追加

プラグインから新規追加をクリック

キーワードで「Contact Form」を検索し、今すぐインストールをクリック

インストール中と表示される。

有効化をクリック

問い合わせページの設定

Contact Form 7を有効化すると、リストにお問い合わせが追加される。

お問い合わせをクリック

コンタクトフォーム１をクリック

保存をクリック

表示内容やメールアドレス等変更のない場合はそのまま保存でOK！

ショートコードのコピー

赤枠内のショートコード１行をコピーする。

固定ページに問い合わせを追加する

固定ページから新規追加

ショートコードを貼付け

新規作成したお問い合わせページの本文に先程コピーしておいたショートコードを貼付け

問い合わせの動作チェック

実際に問い合わせページにアクセスし、問い合わせメールを送信

指定したメールアドレスで受信できるかチェック

テーマ「Cocoon」のNO IMAGE画像を設定したので、方法をメモ

NO IMAGE画像とは

NO IMAGE画像とは、アイキャッチ画像（記事のトップ画像）を設定せずに記事を投稿した際に表示される画像のこと。

Cocoon NO IMAGE画像の設定方法

どちらかのCocoon設定をクリック

画像タブをクリック

NO IMAGE画像を選択

画像タブをクリックしたら、１番下のNO IMAGE設定までスクロール

NO IMAGE画像を選択

「ファイルをアップロード」から画像をアップロード、もしくは「メディアライブラリ」から画像を選択

NO IMAGE画像が設定されているか確認

サイトにアクセスし、先程設定したNO IMAGE画像が表示されていることを確認

以前投稿した記事を編集しようと、WordPressの管理画面を立ち上げると赤枠（桃色）内に縦に変な文字が羅列されている。。。

なんじゃこりゃ？

ちなみに横書きに直すと

ailed to load plugin url: https://diynetbank.com/wp-content/themes/cocoon-master/js/affiliate-tags.js

再度WordPressにログインし直しても同じ現象が。。。

どうしよう。。。

とりあえずググってみる

同じような質問がYahoo知恵袋に載っていた。

先頭はailedとなっているが、どうやらfiledのfが切れているらしい。

誰かが言った。

解決方法の一例として、

プラグインをはずして

直らなければ、WordPress再インストールしてみては？

・・・

・・・

無責任かよっ！！

いやいやいや！そんなことしたら、ようやく１記事投稿したのにまた最初かr(ry

なので、再度ググる。

さらにググる。。。

ん？コレは！！

ついに解決方法を発見！

こんな時はコレだ！！

ググった結果

AdBlock解除してみては？という内容を発見！

私はChromeに「 uBlock Origin 」という拡張機能を入れている。

ちなみにAdBlockもuBlock Originも自動で広告（あやしいもの）をブロックしてくれる機能だ。

uBlock Originの機能をOFFにしてみると・・・

赤枠内の縦文字が消えている！！

ありがとうグーグル先生(*´∀｀*)(*>_<*)ﾉ

まとめ

決してWordPressのバグではない。

拡張機能が原因！

おかしな表示やバグ（エラー）が出る場合は、

①　拡張機能を疑い、有意義に使用しよう！

②　プラグインも確認！

③　WordPressを使用している方やこういった事象に詳しい方に相談！

と、３つ書いたが、まずはググって自分で調べよう！！

ではまた(#｀･ω･´*)/

しゃお

D君

無料ブログの自由度には限界があるからなー

しゃお

有料だと何が違うの？

D君

んー全部違うね！

こんにちは、無料ブロガーから有料ブロガーへ転向したしゃおです。

※有料ブロガー＝有料サーバを借りてブログを書いている人

この記事では、無料ブログと有料ブログのメリット＆デメリットを書いています。

現在、無料ブログを運営しているけど、飽きて続かない or 有料ブロガーへの転向を考えている人に、少しでも参考になると幸いです。

ブログが続かない原因

結論から言うと

最大の原因は、『無料ブログに限界を感じたから』

私は今まで、無料で利用できるLivedoorブログを利用していました。

内容として、主は「日々の備忘録」で、私と同じようなことをする人がいたら参考にしていただければと思いブログ記事を書いていました。

文章を書き、 画像を貼り、フォントや文字の大きさ等を編集し、投稿する。

しかし、仕事が忙しかったりすると、なかなか続きません。

投稿していたのは、２０１６年１０月 ～ ２０１７年１２月

期間にして 約１年３ヶ月、記事数にして２０

その後、何度も記事を書こうと思いましたが 、結局そのまま放置していました。

無料ブログなので、

• 編集の自由度が少ない
• 無駄な広告も表示される。

さらに

• 目的が備忘録のみ

私にとってあまり面白みを感じられなかったのだと思います。

移転を決めた最大の理由

今回再度ブログを始めようと思ったきっかけは、環境の変化等いくつかあるのですが、１番は『 Google AdSense 』の存在を知ったからです。

大好きなことを収益に。

何気ない一言ですが、格好良いと思いませんか？

これは、Google AdSenseのページを開くとデカデカと表示されるキャッチコピーです。

Google Adsenseとは？

ざっと説明すると、

サイトに掲載する広告のタイプ選び＋好きな所へ配置　→　広告が表示またはクリックされると利益が発生というものです。

自由度が高いだけではなく、表示されるのは入札単価の最も高い広告ということで、さらに期待が高まります。

調べてみると、Google AdSenseを利用者の平均収入は月５万程度ですが、なんと月１００万以上稼いでいる猛者もいるようです。

夢が広がります。

ということで、私もGoogle AdSenseの利用者を目指します！

目指すと言ったのは、AdSenseはGoogleの審査を受けたのち、承認されないと、広告を貼り付けることができないためです。

Googleからアドセンスの利用を承認してもらうには？

しゃお

これらは、アドセンス審査に合格されるためにどうすれば良いか？でよく回答されている内容です。

• サイトに他人から必要とされる内容が書かれている
• 他のサイトにはない独自性のある記事がある
• ある程度の文字数

今後の目標

目標として、まずは以下の２つ

① Google AdSense の審査に通過すること

② 月のブログ収入でレンタルサーバ代を賄えるようになること

簡単に書いていますが、①は利用者が増加傾向にあるからか、数年前よりも審査に通過しにくくなっているようです。

まずはブログ記事を増やすとともに先人達の知恵を活用させて頂き、 審査の通過を目指します。

②は現在有料のレンタルサーバを使用しているため、毎月１０００円程度を私の少ない小遣いから捻出しなければなりません。

痛い出費ですが、記事を投稿することが楽しくなりますし、ブログでのこれからの目標ができたのは非常に嬉しく、喜ばしいことです。

今の気持ちとして、

『オラ、ワクワクが止まんねえぞ！』

という感じです(笑)

アドセンスに合格しました。

追記 2019年7月

Google AdSense審査を通過したので、2019年7月からアドセンスを記事内に入れています。

①は達成しました！

「アドセンス＋アフィリエイトの合計で」ですが。

努力は報われるってことで！😆

WordPressに移転後、目標を達成

追記 2020年10月

毎月のトータル収入は、最近は安定して5000円を超えており、下回ることはなくなりました。

なので、②も達成！

次の目標

③月のブログ収入が安定して１万以上

④年25万円

③は、月によっては、超えることもあるので、順調に伸びていけばそのうち届くと思います。

④は、2021年の目標ですね。

ではまた(#｀･ω･´*)/