Cookie（クッキー）とは、訪問したサイトからあなたのパソコンやスマホのブラウザに保存されている情報ファイルの事をCookieと言います。

例えばショッピングサイトや、アフィリエイトサイト（特にセルフバック）時に「続行するには、Cookieを有効にしてください！」とメッセージが表示され、どうしたら良いの？と思った事はありませんか？

この記事では、パソコン操作が苦手な主婦でも簡単に設定できるように図解を入れ詳細に解説していきますので、是非参考にしてください。

Cookie設定

まず最初にCookie 設定の有効と無効の違いについて解説していきますね。

Cookie 有効と無効の違い

アフィリエイトをする時、特にセルフバックをする時は事前にCookie設定が有効になっている事を確認すると良いですよ。

Cookieが無効になっていると、自己アフィリエイトの成果が発生しない、あるいは購入した案件の特典が配布されない！と言った問題が生じてしまいます。

私は、2018年にアフィリエイトを始めた時、うっかりミスでチェックし忘れ！自己アフィリエイトで購入したのに、報酬は発生しませんでした。

セキュリティーソフトを新しく導入したり、うっかり無効にしてしまったと言うケースも良く耳にしますので、不安な方は、事前にチェックしておきましょう。

Cookie 確認方法

それではここから各ブラウザ事にCookieの確認方法を解説していきますね。

ChromeのCookie設定

パソコンでChrome (クローム）を開きます。

①　画面右上にあるその他のアイコン（3つのドットが縦並びになっている）をクリックします。

➁　設定をクリックします。

③　Cookieの設定画面が表示されます。

設定は以下のようにしていただければOKです。　↓　↓　↓

これでChromeのCookie設定は終了となります。
設定終了後は、パソコンを再起動させてくださいね。

FirefoxのCookie設定

ここからはFirefoxでのCookie設定方法を解説していきますね。

①　キーボードのALTキーを押してメニューバーを表示させます。

➁　ツール（T)をクリックします。
③　オプション（O)をクリックします。

④　オプション画面でプライバシーをクリックします。

⑤　履歴の項目でFirefoxに（W）窓の▼をクリックします。

⑥　記憶させる履歴を詳細設定するをクリックします。

⑦　サイトから送られてきたCookieを保存する（A）

　　サードパーティーのCookieを保存する（C）の両方に✓を入れます。

⑧　OKボタンをクリックします。

これでFirefoxのCookeは有効となりました。
設定終了後は、パソコンを再起動させてくださいね。

SafariのCookie設定

それでは最後になりましたが、Safari(サファリ）でのCookie設定について解説していきますね。

①　Safari(サファリ）を開きます。

➁　メニューバーの左上にある「Safari」タブをクリックし、「環境設定」をクリックします。

③　画面上部の「プライバシー」アイコンをクリックします。

④　「CookieとWebサイトのデータ」から常にブロック以外を選択して下さい。
　　「アクセス中のWebサイトのみ許可」
　　「アクセス中のWebサイトのみ許可」
　　「常に許可」　の3つから選択して下さい。　

これでSafariでのCookie設定は終了です。　設定後は、画面左上のクローズボタンを押して画面を閉じて下さいね。

Mac再起動の方法

①　ダイアログボックスで確認

①　「Control＋電源ボタン」を同時に押すと、以下の様な画面が表示されます。

➁　「R」キーを押すとMacが再起動されます。

ダイアログボックス非表示のショートカットキー

①　「Command ∔ Control ∔ 電源ボタン」で再起動します。

Ｗindows 再起動の方法

どのブラウザ―でもCookie設定終了後は、パソコンの再起動が必要となります。この期jではパソコン再起動の方法4つご紹介しますので、あなたのやり易い方法で再起動して下さい。

それでは、①から④までの方法をそれぞれ順番にその手順を解説していきます。

①　スタートメニューから再起動

①スタートメニューから再起動

1. 「スタート」上でマウスを左クリックします
2. 電源をクリックします
3. 再起動をクリックします
4. パソコンが再起動を確認してください

➁　スタートを右クリックして再起動

同じスタートボタンからの再起動方法ですが、①とは異なる再起動方法を解説しています。 ②スタートを右クリックして再起動

1. 「スタート」マウスを右クリックします
2. 「シャットダウンまたはサインアウト」にマウスを合わせる
3. 再起動をクリックします
4. パソコンが再起動を確認してください

Alt + F4キーで再起動

こちらは、Altキーを使用した再起動方法を解説しています。 ③「Alt」キー＋「F4」キーで再起動

1. 「Alt」キーと「F4」キーを同時に押します
2. 「Windowsのシャットダウン」が画面に表示されます
3. 「次の中から選んでください」で再起動を選びます
4. OKをクリックします
5. パソコンが再起動を確認してください

Ctr + Alt + Delete キーで再起動

こちらの方法は、パソコンが動かなくなった時の処理としてお使いの方も多いかと思いますが、③同様にCtrlキーを使用した再起動方法を解説しています。

1. 「Ctrl」キー＋ 「Alt」キー ＋「Delete」キーを押します
2. 画面右下の電源マークをクリックします
3. 表示された中から「再起動」をクリックします

以上でブラウザのCookie設定とパソコン再起動の解説は終了となります。

お使いのパソコンやWindows,Macバージョンなどにより、多少操作方法は今回ご紹介した方法とは違うかもしれませんが、基本的な事は変わらないと思いますので、是非参考にしてCookie設定を行っていただけたら幸いです。

再度までお読みいただき、ありがとうございます。

この記事の中でご不明な点や質問がございましたら、お問いあわせよりお気軽にお寄せ下さいね。

サブディレクトリでLPを作成したのだけど、アナリティックスで分析できないのでしょうか？とのご質問をいただきましたので、他にも同じ悩みをもっている方がいると思い、記事にする事にしました。

結論、サブディレクトリをGoogle　Analyticsに追加する事はとても簡単です！
それでは、早速手順を解説していきますので、最後までご覧いただけると幸いです。

この記事では、WordPressテンプレートColorful（カラフル）での設定方法について解説していきます。

サブディレクトリのLPをGoogleアナリティックスで分析する方法

先ず、あなたの作成したLPのアドレスがあなたのサーバーでサブディレクトリの登録をしてあることを前提に
話しを進めていきますので、よろしくお願いします。

もしもこれからサブディレクトリを作成する方は、LPColorful（カラフル）をサブディレクトリに設定する方法を初心者向けに解説 をぜひご参照下さい.

サブディレクトリのアドレスとは、ドメイン/lp→このlpの部分がサブディレクトリと呼ばれる部分になります。

例：　https://shiawasenarougo.com/lp

それでは、早速解説していきましょう。

Google Analytics設定手順

ここでは、もう既にGoogleアカウントをお持ちであると推定して話を進めて行きますので、万が一まだGoogleアカウントをお持ちでない方、アナリティックスを知らない方は、まずこちらの記事をご覧下さい。Googleアナリティクス初期設定方法を初心者向けに解説

Step 1. Google Analyticsにログイン　（UAバージョン）

UAとはユニバーサルアナリティックスと言って、一般的に知られているGoogle Analyticsですが、2023年7月1日でこのサービスは廃止されますので、早めに、GA4に移行することをおススメします。

ですが、それまでは両方使えますので、使い慣れた方法でサブディレクトリのアクセスを見たい方のために、二つの方法を書いておきますので、是非ご参照下さい。

アナリティックスにログインしたら、管理画面の下にある⚙「管理」をクリックします。

Step 2 ビューを作成

「管理」をクリックするとこのような画面が表示されます。

1. 親ドメインを選択します。　親ドメインはプロパティー蘭に表示されますので、複数のドメインがある方は、▼をクリックして該当するドメインを選択してください。
2. 次に「ビューを作成」をクリックします。

画面は新しいレポートビューにかわりますので、ここでサブディレクトリの情報を記入していきます。

ウェブサイトを選択
レポートビューの名前を付けます―後でわかりやすい様な名前を付けて下さい。
レポートのタイムゾーンは、日本を選択してください。

フィルタを作成していきます

ここでは、2つのフィルタを作成します。
1：サブディクトリーに限って集計するフィルタ
2：あなたのIPアドレスを除外するフィルタ

それでは、先ず最初にサブディクトリーに流入した人に限って集計するための「フィルタ」を作成していきましょう。

①作成したビューの名前からしたヘカーソルを移動させ「フィルタ」をクリックします。
➁フィルタ追加をクリックします。

1.サブディレクトリのみを集計するフィルタ設定方法

①新しいフィルタを作成をクリック
➁フィルタ名：おススメなのは、サブディクトリー名をそのまま使用する事です。
③フィルタの種類：「定義済み」「右のみを含む」「サブディレクトリへのトラフィック」「等しい」を選択します。
④サブディレクトリの/ｘｘ/を記入します。例）https://shiawasenarougo.com/lp/ ←この部分です。
⑤保存ボタンをクリック

2.自分のIPアドレスの除外するフィルタ設定方法

①新しいフィルタを作成（これは前回と同じです）
➁フィルタ名：「除外」がわかるような名前を付けて下さいね。
③フィルタの種類：「定義済み」
④フィルタの種類を選択：▼をプルダウンして「除外」を選択
⑤参照元化リンク先を選択します：▼をプルダウンして「IPアドレスからのトラフィック」を選択
⑥式を選択します：▼をプルダウン「等しい」「前方が一致」「最後が一致」の中から選択
私は「等しい」を選択しましたが、様々な意見があるようなので、あなたの判断にお任せします。

作成したフィルタの確認

まずは、設定の確認をしてみましょう。2つフィルタを確認できますね。
1.除外（自分のIPアドレスを除外）
2.サブディレクトリのみを集計分析

実際にこのフィルタが動作しているかをあなたのサイトを開き、アナリティックスのリアルタイムでご確認下さい。

自分のIPアドレスが除外されていない場合の対処法

通常は、上記の方法であなたのIPアドレスは除外されますが、中には除外されないケースも見受けられます。
そんな時は、こちらの「あなたの IPv6 接続性をテストしましょう」
こちらのサイトで、あなたのIPアドレスを再度調べてご記入下さい。IPv4とIPv6の両方が表示されますので、
新たに追加するのは、IPv6のアドレスとなります。

LP Colorul(カラフル）にコードを貼る準備

さていよいよサブディレクトリで作成したLPにアナリティックスのトラッキングコードを設置していきます。

私はColorful(カラフル）でLPを作成しましたので、その方法を解説していきます。

トラッキングコードをコピーします

トラッキングコードは、サブディレクトリのある親ドメインを選択し、「トラッキングコード」をクリック

グローバルサイトタグ（gtag.js）のコードをコピーします。

Colorul（カラフル）にコードを貼る場合

先ず、LP Colorful(カラフル）で作成しているWordPressにログインします。

「ダッシュボード」「外観」「プログラムの追加」の順番にクリックします。すると「head内」にプログラムを追加するがありますので、この箇所に先ほどコピーしたコードを貼ります。

そして「変更を保存ボタン」を忘れずにクリックして終了となります。

これでGoogle Analytics UA(ユニバーサルアナリティックス)の設定は完了となります。

GA4の設定方法について解説

GA4では、ユニバーサルアナリティクスの様にビューがありません。それではサブディレクトリだけの分析はできないの？無理なんじゃない？と私自身考えてしまいました。

でも、よ~く考えてひらめいた事があります。サブディクトリのサイトのみをGA4でアクセス解析をすれば良いのでは？

どうやらこれ、正解でした。と言うことで、GA4では新たにプロパティを設定して、そのコードをサブディレクトリに設置すればよいのです。

と言うことでこれはGA4の設定方法と同じになりますので、もうお馴染みかもしれませんが、一応これから設定する人もいると想定し、順番に解説していきます。

①Googleアナリティックスにログインし、画面下の⚙「管理」ボタンをクリックします。

プロパティ作成

①「プロパティを作成」をクリックします。

➁新しいプロパティを作成していきます。

★ここではサブディレクトリーの設定なので、UAとの接続は不要となりますので、解説は省略します。
これからメインドメイのUAとGA4を設定する人は、UAとGA4の接続をここですることをおススメします。★

③次の作業でプロパティの設定をしていきます。
こちらの情報は、あなたのサイトの状況に合わせて記入してくださいね。

データストリーム設定

こちらではデータ収集の設定をしていきますが、Android及びIOSはFirebase SDKと言うアプリの導入が必要となりますので、ここではウェブに限って解説をしていきます。

①「ウェブ」をクリックします。

➁次にウェブサイトのURLとストリーム名を記入します。
http：//　または https://を選択し、あなたのサイトアドレスを続けて記入し、ストリーム名も最後に記入します。

③「ストリーム作成」ボタンをクリックします。

ウェブストリーム詳細の設定

この設定は、ユニバーサルアナリティックス（UA）には無かった設定となります。

「データストリーム」をクリックするとたった今作成したウェブストリームアドレスが表示されます。
そのアドレスの上をクリックすると下の様なウェブストリーム詳細画面が表示されます。

「拡張計測機能」の右側にある⚙「歯車」をクリックして、内容を確認します。

↓↓↓
画面はこのように「拡張計測機能」一覧が表示されますので、不要だと思うものは、外して下さい。
調整が終了したら、右上の「保存」ボタンをクリックしてください。

コードをサブディレクトリーにコピペします。

Colorul（カラフル）にコードを貼る場合

先ず、LP Colorful(カラフル）で作成しているWordPressにログインします。

「ダッシュボード」「外観」「プログラムの追加」の順番にクリックします。すると「head内」にプログラムを追加するがありますので、この箇所に先ほどコピーしたコードを貼ります。

そして「変更を保存ボタン」を忘れずにクリックして終了となります。

★UAのコードとGA4のコードが2つ設置されています★

Google Analyticsで実際に動いているかをご確認下さい。

サブディレクトリのサイトをサーチコンソールに設定する方法

サーチコンソールにログインします。　サイトURLの隣にある▼をクリックします。

「プロパティを検索」と表示され、あなたのサーチコンソールに登録されているあなたのサイトURLが全て表示されます。　この画面の一番したにある「＋プロパティ―を追加」をクリックします。

画面は、「プロパティタイプの選択」が表示されますので、ここで右側のURLプレフィックスの中に
サブディレクトリアドレスを記入し、続行をクリックします。

「所有権を自動確認しました」と表示されますので、「完了」をクリックします。

念の為、サーチコンソールに戻り、サイトURLの隣の▼をプルダウンして、今設定したサブドメインが追加されている事をご確認してください。データは24時間後に見る事が可能となります。

以上でサブディレクトリのGoogle AnalyticsとSeach Consoleの設定は終了となります。
大変お疲れさまでした。

WordPressを運営してからしばらくすると必ずやって来るスパムコメント！

1件ずつ対応するには、時間の無駄だし、放置しておくのはなんだか怖いし・・・こんな経験をしたことありませんか？

そこでこの記事では、スパムと思われるコメント・トラックバックそしてお問いあわせまでを自動判定してくれるプラグインの紹介をしていきます。

そのプラグインの名前は、「Akismet Spam Protection」

それではさっそくインスロールから設定まで順番に解説していきましょう。

Akismet Spam Protection インストール

「ダッシュボード」「プラグイン」「新規追加」をクリックします。
「キーワード」入力欄に「Akismet Spam Protection」と入力します。
「今すぐインストール」ボタンをクリックします。

[有効化」ボタンをクリックします。

これでAkismet Spam Protectionのインストールは完了です。
ここからは、設定方法について解説していきます。

Akismet APIキーの設定

英語の箇所もありますが、全て順番通りに進めて行けば全く問題はありませんので、安心して作業を進めてっくださいね。

AkismetのAPIキーを取得

「ダッシュボード」→「設定」→「Akismet Spam Protection」をクリックします。

「Akismet アカウント設定」をクリックします。

Akismet　「APIキーを取得」をクリックします。

「Activate Account(アクティベイト アカウント）」をクリックします。

WordPressで使用しているアカウントの「メールアドレス」「ユーザー名」「パスワード」を記入します。

ここまででWordPressでの設定は終了となります。
続いて、APIキーの取得へ移ります。

一番左側 「Name Your Price（ネーム ユア プライス）」を選択します。
これをクリックすると無料で使用が可能となります。

次にこのような画面になります。
赤い←箇所ををごらんください。

\4500のボタンが自由に移動できますので、左端のゼロになるまで移動させます。

画面は以下の様に変わりますので、必要事項を記入していきます。

• Personal Site URL: URLを入力
• I don’t have ads on my site にチェック
  (私のサイトには広告を掲載していません)
• I don’t sell products/services on my site にチェック
  (私のサイトでは商品を販売していません)
• I don’t promote a business on my site にチェック
  (私のサイトではビジネスを宣伝していません)
• First Name： 名前を入力
• Last Name: 名字を入力

「Continue with Personal Subscription」をクリック
↓　↓　↓　↓　↓
Akismet API キーが表示されますので、これをコピーします。
これでAkismet　APIキーの取得は完了となりました。

WordPressとAkismetを接続させる

WordPressへ戻りAPIキーの入力をし、接続します。

このような画面になれば設定は完了となります。お疲れさまでした。

Akismet 詳細設定

APIキーを入力し、赤枠の通りに設定し、変更保存をクリックしてすべて完了となります。

まとめ

インストールから設定までは大丈夫でしたか？

ここでおさらいの意味もこめて、再度手順を書き出しておきますので是非参照してください。

一度設定すれば、後は何もすることはありませんので、スパム対策の面からも是非このプラグインをインストールすることをおススメします。

その他のプラグインについては、こちらの記事でご紹介しています。
↓　↓　↓　↓　↓
Cocoonに必要なプラグインはどれ？

この記事は検索エンジン結果で上位を表示させるための施策記事をまとめたものになります。
ですから、詳細記事はそれぞれ別にありますことを、あらかじめお伝えしておきます。

SEO対策とは、「Search　Engine Optimization」 (サーチ　エンジン　オプティマイゼーション）＝検索エンジン最適化と言う意味になります。

「あなたのサイトを検索結果で上位にするため」にSEO対策がとても大切になってきます。

この記事は、いまよりも上位表示を目指したいかたにおススメします。

それは、ある施策を取ったところ検索エンジンで上位を表示される記事が増えて来ました。
あるものは、20位だった記事がリライトの後は2位にまで上昇しました。

今でも2位をキープ出来ていますし、他の記事も同様に上昇してきています。

それはたった一つの事に集約されます。

「ユーザーのことを考え尽くし、良質なコンテンツを作成」

検索エンジン上位に表示されるために必要なことはズバリこれです！
↓　↓　↓　↓　↓

上記の事をきちんと実行し、ユーザビリティーを第一に考えていくことがとても大切です！
ユーザビリティーと言われても良くわからない人は、ユーザーを最優先に考える事、どんな記事がユーザーにとって有益か？と言う事を考えてください。

それでは順番に解説していきましょう。

検索上位にするためのSEO対策の基本

Google の理念に沿ったサイト作成が肝！

すでに知っている方も多いと思いますが、Google が掲げる10の事実を再度ご一読ください。

1. ユーザーに焦点を絞れば、他のものはみな後からついてくる。
2. 1 つのことをとことん極めてうまくやるのが一番。
3. 遅いより速いほうがいい。
4. ウェブ上の民主主義は機能する。
5. 情報を探したくなるのはパソコンの前にいるときだけではない。
6. 悪事を働かなくてもお金は稼げる。
7. 世の中にはまだまだ情報があふれている。
8. 情報のニーズはすべての国境を越える。
9. スーツがなくても真剣に仕事はできる。
10. 「すばらしい」では足りない。

引用：Googleが掲げる10の事実

簡単に言ってしまうと、この10の事実に沿った記事を作成する＝検索エンジン上位に入る事が可能
この10の事実に反してしまうと＝検索エンジンから抹消されてします（圏外はるか遠くに飛ばされます）

効果的なキーワード選定

検索エンジンで上位表示されたければ、キーワード選びに手抜きは禁物です。
こちらの記事でしっかりとキーワード選定をマスターしましょう。
↓　↓　↓　↓　↓
キーワードを極めれば集客が出来る！キーワード選定ツールを使う目的と使い方を分かりやすく解説

Cocoon インストール後の初期設定

Cocoonインストール後の初期設定を初心者向けに詳細解説

Cocoon　SEO初期設定

Cocoonならブログ初心者でもSEO設定が簡単にできる！用語も合わせて解説

クローラビリティ―の最適化を図る

せっかく記事を書いてもその記事をGoogleに見つけてもらわないと全く何も意味もありませんよね。
そこで活躍するのが、Google XML（グーグル　エックス　エム　エル）サイトマップの送信となります。

XML サイトマッププラグインのインストールから設定方法までの詳細を解説しています。
↓　↓　↓　↓　↓
【 XML サイトマップ】を初心者向に使い方と設定方法を解説

XML Sitemaps他、インストールしておきたいプラグイン情報はこちらからごらいただけます。
↓　↓　↓　↓　↓
Cocoonに必要なプラグインはどれ？　

ユーザビリティーなサイトに改良する

ユーザビリティなサイトは、Google 検索エンジンからも高評価を受けています。
ですから、考えられる手段は全て使うことをおススメします。
↓　↓　↓　↓　↓
ブログ全体のユーザビリティ向上をブログ初心者向に詳細に解説

ブログ記事内容のユーザビィリティ向上はこちらの記事で詳細を書いていますので、是非参照してください。
↓　↓　↓　↓　↓
【初心者向】ブログ記事をユーザビリティ対策して検索エンジン上位を狙う

内部SEO対策

内部SEO対策の詳細を記載した記事をぜひご覧ください
↓　↓　↓　↓　↓
SEO内部対策で検索エンジン上位も夢じゃない！

外部SEO対策

良質な外部リンクを取得するための最重要ポイントは、あなたのブログ記事の質を高める事！

それにより、外部サイトからもあなたのサイトを紹介してもらえるようになります。

ブログ記事を書き始めてすぐには、とても難しいと思いますが、ランキングサイトに登録したり、
ＳＮＳでの情報発信などにより、外部リンクを獲得できるようになりますので、地道に進んでくださいね。

決して外部リンクを購入したりすることだけはしないようにしましょう。
検索エンジンからのペナルティーを受け、検索結果が落ちてしまいます。

まとめ

ブログ記事のSEO対策は、決して難しいことではなく、まじめのコツコツを良いコンテンツを発信していくことが正道だと感じています。

この記事は、ブログ全体のユーザビィリティ向上ついて初心者向に解説していきます。

ブログ全体のユーザビリティ向上

検索エンジン向けユーザビィリティ向上

ユーザー向けユーザビィリティ向上

ブログ記事内容のユーザビィリティ向上はこちらの記事で詳細を書いていますので、是非参照してください。
↓　↓　↓　↓　↓
【初心者向】ブログ記事をユーザビリティ対策して検索エンジン上位を狙う

検索エンジン向けSEO対策

それでは、ここから検索エンジン向けSEO対策をみていきましょう。

検索エンジンにあなたのサイトを認識させる（クローラビリティ―の確保）

ブログ記事を作成・編集しただけでは、検索エンジンにあなたのサイトの存在を知らせることはできません。
そこでXMLサイトマップと言うプラグインを使うことによって、確実に検索エンジンにあなたのサイトを通知することが可能となります。
よろしければ、こちらの記事を参照になりXMLサイトマップを活用してください。
↓　↓　↓　↓　↓
【XML サイトマップ】を初心者向に使い方と設定方法を解説

常時SSL化

検索エンジンはSSL化されたURLを優先的にランキングシグナルとして捉（とら）えています。
もしあなたのサイトURLが暗号化されたhttpsになっていなければすぐに対応してくださいね。

またSSL化されたサイトは、ユーザーに安心や安全を提供することができますので、検索エンジン向けだけでなくユーザ向けSEO対策としても有効な方法です。

常時SSL化の実施方法はこちらの記事で詳細を記載していますので、参照してください。
↓　↓　↓　↓　↓
常時SSL化の実施方法をX-ServerとCocoonで詳細に解説

URLの正規化と最適化を図る

URLの最適化も検索エンジンだけではなく、ユーザビリティ―の面からもとても大切なポイントとなります。

例えば、
https://〇〇〇.com/?p=123
https://〇〇〇.com/how-to-bake-apple-pie

上記のURLを見た時に、記事の内容が分かるのはどちらでしょうか？
そうですよね、後者の方だと思います。

このようにURLを記載する事で、ユーザーだけでなく検索エンジンにも理解してもらえるので有利となります。

URLの正規化については、こちらの記事で詳細を記載していますので、ぜひ参照してください。
↓　↓　↓　↓　↓
URLの正規化を図る方法2種類を詳細に解説

ここまでが、検索エンジン向けのSEO対策となります。
もちろんこれからお話しするユーザビリティの向上も結果的には検索エンジンに影響を及ぼすことになりますので、ぜひ施工（せこう）してくださいね。

ユーザビリティの向上

ユーザー向けにSEO対策を図ることは、ユーザビリティに繋がります。
そして徹底したユーザビリティを極めることこそが、検索エンジン上位にランキングする要となっています。

それでは順番に解説していきますので、是非最後までお付き合いくださいね。

レスポンシブウェブデザイン（モバイルフレンドリー）

レスポンシブウェブデザインとは、どのデバイス（端末）でも同様にサイトを閲覧できるデザインを言います。

レスポンシブウェブデザインに対応しているテーマを使うことで、初心者でも簡単に難しい設定もせずにできるのがとても嬉しいですね。

ですが、ここでひと手間かけるのが、本当の意味でのユーザビリティ向上につながります。

ひと手間とは？

記事を投稿したら、必ずご自身のスマホやタブレットでの表示を確認してくださいね。
特にテーブルを挿入している記事はなおさら注意が必要です。

ここで気を付けて見るポイントは

このツールを使うことで、あなたのサイトがモバイルフレンドリーかどうかを調べる事が可能です。
ご自身の目で確かめる事が一番良いのですが、お時間の無い人はこのツールでも良いかと思います。
↓　↓　↓　↓　↓
「Googleのモバイルフレンドリーテスト」

HTMLサイトマップの作成

クローラーもHTMLサイトマップを訪問してまだ未登録（クロールしていない）ページを見つけようとしてくれますのでSEO的にも効果がありますので、サイトマップは必須です。

プラグイン『PS Auto Sitemap」を使った設定方法の詳細を解説しています。
↓　↓　↓　↓　↓
PS Auto Sitemapのインストールから設定方法までを解説

Cocoonをお使いの方向けの記事となります。
↓　↓　↓　↓　↓
CocoonでHTMLサイトマップの設定方法を初心者向に解説

リンク切れがないようにする

リンク切れは、検索エンジンのランキングにはあまり影響はないようですが、ユーザビリティの面から考えると、これは避けたい事案ですよね。

そこで便利なプラグイン「Broken Link Checker」をおススメします。

「Broken Link Checker」インストールから設定方法まで詳細に解説している記事をぜひ参照ください。
↓　↓　↓　↓　↓
WordPress【Ｂroken Link Checker】でリンク切れに対処

アンカーテキストは、リンク先のページ内容がわかるようにする

アンカーテキストとは？検索エンジンに「リンク先のページ内容を伝える」役目を持っています。

たとえば、
↓　↓　↓　↓　↓
文賢評判を検証！ブログ初心者向けに文賢4つのメリット＆3つのデメリットを解説！
↑　↑　↑　↑　↑
青文字になりアンダーラインもひかれています
このようなテキストにリンクが貼ってあるものを、アンカーテキストと読んでいます。

検索エンジンに好まれるアンカーテキスト

それでは一体、どんなアンカーテキストが検索エンジンとユーザーにとってより良いのでしょうか？
いくつかパターンを書いておきますので、ごらんください。

こちらのページをご覧ください。
https://〇〇〇.com/xxxをご覧ください。
【初心者向】ブログ記事をユーザビリティ対策して検索エンジン上位を狙うをご覧ください。

上記3つのテキストリンクのパターンの場合、3番目の「ブログ記事を・・・・」が最適であることをお分かりいただけましたか？

なぜ3番目が最適かと言うと、1番目・2番目は共にリンク先のページには一体どんな事が書いてあるのか？パット見ただけでは判断できません。

一目見て内容が分からないリンクは、検索エンジン的にもユーザビリティの面からも不利になってしまいます。

スクショ（スクリーンショット）画像は、画像の下に解説文を書く

スクリーンショットの画像を掲載すると、その画像の文字はかなり小さめになってしまいます。
クリックして画像を大きくできるように設定する！これも手です。

ですが、この機能を知らなかったり、使えない人がいたら？

と言うことで、画像の下に繰り返しになりますが、同じ内容を書きだします。

ちょっと見ずらいので、画像の下に同じことを書き出します。

↓　↓　↓　↓　↓

↑　↑　↑　↑　↑　これがポイントとなります。

どうでしょうか？

一見すると不要な書き込みですが、こうすれば画像で見ずらい文字もハッキリと示す事が可能となります。
このようなちょっとしたひと手間をかけることが、ユーザビリティ向上につながります。

画像や動画の挿入と最適化

画像や動画をブログサイトの中に入れる事は、視覚的に考えてもとても効果的な方法です。
そして文字だけで読むよりも、数倍も記憶に残ったり、理解する速度も速くなると言われています。

なので、文章の内容に沿った画像や動画を挿入する事がとても大切になってきます。

無料で写真やイラストが見つけられるサイトのご紹介です。

alt(オルト）属性・代替テキストをいれる

alt(オルト）属性・代替テキストをいれる目的は、

1. 検索エンジンに正しく画像の内容がわかるようになる
2. 視覚障害者でも画像の内容がスクリーンリーダーで読んだ時にわかる

alt(オルト）属性・代替テキストについての詳しい解説と設定時の注意などを書いた記事を参照してください。
↓　↓　↓　↓　↓
alt(オルト)属性の正しい書き方をブログ初心者向けに解説

画像の最適化

あなたがWebサイトを訪問して、そのサイトの表示速度が遅い場合、あなたはどんな行動を取りますか？

「そのサイトの大ファンまたはそのサイトしか情報を得られない事を知っている」以外は、すぐ離脱すると思います。

そこでこのような事態を避けるために、画像の最適化（画像ファイルを軽くする）をすることをおススメします。

画像の最適化が最も即効性があり、初心者でも出来る事の一つだと考えています。

おススメ画像圧縮プラグインは、Imagifyです。Imagifyのインストールから設定方法までは、こちらの記事に図解を入れて詳細に解説していますので、ぜひご覧ください
↓　↓　↓　↓　↓
Imagify画像圧縮プラグイン（初心者向）設定方法の詳細を解説

ページの高速化

訪れたいサイトのページが重すぎるのは、ユーザビリティ―の面から言って最悪の状態です。
一番の大きな問題は、画像の大きさだと言われています。

先程お話ししたプラグイン【Imagify】は、どのプラグインよりも強力に画像を圧縮しますので、画像に関してはこれで問題は無いと思います。

Cocoonをお使いの方は、「高速化」も簡単にする方法をこちらの記事で詳細に解説しています。
↓　↓　↓　↓　↓
Cocoonならブログ初心者でもSEO設定が簡単にできる！用語も合わせて解説

タイトルタグ・見出しタグの最適化

タイトルを考える時の大切なポイント3つ

1. 検索エンジンに認識されやすい
2. ユーザーが記事内容を簡単に推測できるようにする
3. ユーザーが興味を持ちクリックしたくなるようなタイトルにする

タイトルを考える時のコツ5つ

1. キーワードを出来るだけ文章のはじめの方に置く
2. 文字数は30~32文字程度に収める
3. ユーザーのメリットが伝わるようにする
4. どんな結果が得られるのかを伝えるようにする
5. 数字を入れると良い

記事タイトルをより詳細に知りたい方は、こちらの記事をご一読ください。
↓　↓　↓　↓　↓
読まれるブログ記事「タイトル」の決め方、初心者でもポイントをおさえれば簡単に書ける！

見出しタグの最適化

見出しタグの最適化については、見出しタグルールの詳細も是非一緒にご一読ください。
↓　↓　↓　↓　↓
【HTML】見出しタグh1~h6の効果的な使い方を初心者向に解説

広告やバナーの数を控える

広告やバナーは無用だと言うのが私の持論です。
↓　↓　↓　↓　↓

ユーザビリティの低下

SEO対策にはユーザビリティを向上させることが最も大切なことだとお伝えしています。

ここでちょっと考えて欲しいのは、あなたがサイトを閲覧中に大きな広告やバナーが目に飛び込んで来たら、
その広告どうしていますか？

私は煩わしいので「x」をクリックして消しています。
でもそのクリックする手間が惜しい時もありますよね？　そうです、そのサイトから速攻離脱します。

不要な広告やバナーはユーザビィリティを低下させる原因だと私は感じています。

類似商品の広告・バナーの表示はマイナスになる

ここである仮説を立てていきましょう。

あなたのサイト：物販サイト（物を販売するサイト）
扱うジャンル：ファッション小物
売りたい商品：ハンドバック

ユーザーがあなたのサイトを見つけて、あ~このハンドバック素敵！と思った時、類似したハンドバックの広告・バナーが目の前に飛び込んで来たら、ユーザーはどのような行動を取るでしょう？

予測されるユーザーの行動バターン4つ

1. 広告の商品に興味を持ち、そのサイトから購入する→クリック型広告の報酬（低額）が発生します。
2. 広告の商品に興味を持ちクリック後あなたのサイトに戻る→クリック型広告の報酬（低額）が発生します。
3. 煩わしい広告の「ｘ」をクリックしてあなたのサイトを見続ける
4. 煩わしい広告と一緒にあなたのサイトから離脱する

心理学的に言うと、余り多くの選択肢を与えない方が人は決定しやすい傾向を持っています。

ここで勘の良い人ならもうお気づきだと思いますが、余計な広告は見せずにあなたの売りたい商品だけを提示する事が最適だと言うことです。

新記事・更新情報を検索エンジンに通知する

記事の投稿・更新情報を検索エンジンが拾ってくれるのをひたすら待っていては、時間の無駄です。
そこで迅速に情報を伝えてくれるプラグイン【WebSub/PubSubHubbub】を使うことをおススメします。
↓　↓　↓　↓　↓
【初心者向】WebSub/PubSubHubbubを使うメリットと設定方法

まとめ

ブログサイトのユーザビリティを向上させるのは、2つのポイントをおさえる必要があります。

1. 検索エンジン向け
2. ユーザ向け

検索エンジン向けユーザビィリティ向上

ユーザー向けユーザビィリティ向上

この両方のユーザビリティを向上させてこそ、良い記事になると考えています。

そして絶対に忘れてはいけないもう一つのユーザビリティは、ブログ記事内容に関するものです。
↓　↓　↓　↓　↓
【初心者向】ブログ記事をユーザビリティ対策して検索エンジン上位を狙う

あくまでもユーザーにとってより良い情報を提供するためには、どんな事が必要か？
それを念頭に置いて記事を書く事で、あなたのブログ記事も必ず検索上位に表示されるようになります。

長くなってしまいましたが、ここまでがブログ全体のユーザビィリティ向上記事となります。

実際におこなってみて、疑問や不安などが出てくると思います、いつでもお気軽にご相談くださいね。

この記事は、自動で画像を圧縮するＷordPressのプラグイン【Imagify WebP & Image Compression 】のインストールから設定そして使い方までをブログ初心者にもわかりやすく図解入りで解説しています。

画像の圧縮化を破壊、スピードアップをすることは、ユーザビリティーと検索エンジンの両方に利点がありますので、是非お試しください。

それではさっそくはじめましょう。

WordPress プラグインImagifyのインストール

Imagify インストール

「ダッシュボード」→「プラグイン」→「新規追加」をクリックします
検索窓に【Imagify】と入力し、「今すぐインストール」ボタンをクリックします。

インストールできたら、「有効化」ボタンをクリックします。

Imagify APIキーを取得

有効化が完了しました。
Imagifyの設定画面が開きますので、ここでアカウント登録をしてAPIキーを取得します。
それでは、【1】の「SIGN UP, IT’S FREE」ボタンをクリックしてください。

下の画像の「今ここ」になります。
↓　↓　↓　↓　↓

次にAPIキーを受け取るためのemailアドレスを記入し、「SIGN UP」ボタンをクリックします。
↓　↓　↓　↓　↓

登録したemailアドレス宛に、APIキーが送られて来ますので、大切に保管しておいてくださいね。
↓　↓　↓　↓　↓

Imagify API キーを挿入

届いたメールの中に記載されているAPIキーを入れて接続していきます。

「I HAVE MY API KEY」ボタンをクリックします。
下の画像【2】の今ここになります。

APIキーを入力する画面が表示されますので、先程届いたAPIキーをコピペします。
コピペしたら、「CONNECT　ME」ボタンをクリックします。

画面が以下のようになったら、接続成功ですので、「OK」ボタンをクリックします。
↓　↓　↓　↓　↓

Imagify 設定

Imagifyの設定に移ります。
「Go TO SETTINGS」ボタンをクリックします。
下の画像【3】今ここになります。

Imagify 一般設定

1. 画像最適化レベル：画像の圧縮度を「NORMAL」「AGGRESSIVE」「ULTRA」の3段階から選びます。デフォルトのまま「AGGRESSIVE」でOKです。
2. 自動最適化：アップロードした画像を自動で圧縮する様、チェックをいれていおきましょう。
3. 元の画像をバックアップ：元の画像をサーバーに保管します。私はチェックをはずしました。
4. EXIFデータの保管：EXIFデータは、画像に含まれるさまざまな情報（撮影した場所・カメラの種類・日時などの全ての情報です）を言います。チェックを外しておくことで、この情報は自動的に消去されます。
   個人情報を守るためにチェックは外しておきましょう。

Imagifyの設定方法

WebP（ウェブピー）は、Google が開発した画像形式ですが、Apple, Safariなどに対応できていないので、チェックは外しておきましょう。

Imagify Mecia Library

ここの設定で画像の横幅の上限を決めます。これにより、大きすぎる画像を小さくしてくれます。
デフォルトのまま2048pxでOKです。

次にWordPressで自動作成されたサムネイルのサイズを圧縮するか？決めていきます。
サムネイルは画像が小さいので、私は全てチェックを外しています。

注）画像サイズを追加すると毎月の使用量にも影響がでますので、ご注意ください。

表示オプション

ここにチェックを入れておくと、WordPress画面の上部にImagifyへのショートカットキーが設置されます。

設定内容を確認後「変更を保存」ボタンをクリックしてください。

これで設定は完了しました、大変おつかれさまでした。

Imagifyをおススメする理由

最後になってしまいましたが、Imagifyをおススメする理由を書いておきたいと思います。

以前は、「Compress JPEG & PNG images」「EWWW Image Optimizer」「Tiny PNG」などをいろいろと試した結果「Imagify」にたどり着きました。

圧縮率が高いのに、圧縮後の画像が鮮明であることをネットで知り、早速使ってみたのが1年以上前の事になります。本当に画像鮮度が落ちないのに、画像サイズは縮小されているので、おススメします。

月25MBまでは無料で使用する事が可能です。

上限まで到達してしまった場合は、画像の圧縮化を翌月まで待つか有料版に切り替えてストレスなく画像の圧縮化をするか？となります。

お知らせ

ＷordPressの画像圧縮プラグインの中でもかなり優秀な「Imagify」ですが、どうやらブログ初心者の方には、英語のみと言うのが難点なようです。

この記事の手順でそのまま進めて行けば、問題なくインストールから設定まで出来ると思います。

ですが、不安の残る方や、よくわからないと言う方はメールまたはチャットやLINEなどの通話を通じてご相談を受けていますので、どうぞ遠慮せずにお知らせくださいね。

その他のプラグインについては、こちらの記事でご紹介しています。
↓　↓　↓　↓　↓
Cocoonに必要なプラグインはどれ？

この記事では、見出しタグh1～h6までの正しい使い方を初心者向にできるだけ詳細に解説していきます。

HTML見出しタグとは？

見出しタグとは、見出しをつくるためのタグとなり、ｈ1からｈ６まで6種類あります。

気を付けて欲しいのは、hに続く数字が大きくなるほど、文字の大きさは小さくなります。

見出しタグ h1~h6の使い分けかた6つのルール

見出しを使う時には、見出しを使うルールをきちんと守って行くことで、検索エンジン・ユーザビリティーの両方にとって良い効果が期待できます。

ルールと言っても、決して難しいことではありませんので、余り心配することはありません。

見出しを使うルール1：順番

見出しは、h1から番号順に使っていきます。
好きな見出しのデザインだからと言って、いきなり番号を飛ばして使うことは、避けてくださいね。

見出しを使うルール2：h1タグの使用は一回だけ

それでは実際に上記2つの件を例をあげて解説していきますので、是非ごらんください。

ブログサイトのタイトル部分:デフォルトでh1に設定されています。

↓　↓　↓　↓　↓

記事タイトル: デフォルトでh1に設定されています。
記事内でh1タグを使用するのは、このタイトル部分だけです。

「WorｄPress」→「投稿」→「新規投稿追加」をクリックして、「タイトル追加」と言う文字の入った四角の中に記入していきます

それでは、ここで記事タイトル(h1)を付けると気に、忘れてはいけない大切なポイント3つとコツ5つを解説していきますので、ぜひ参考にして魅力的なタイトルを付けてくださいね。

タイトルを考える時の大切なポイント3つ

1. 検索エンジンに認識されやすいよう明確なタイトルにする
2. ユーザーが記事内容を簡単に推測できるようにする
3. ユーザーが興味を持ちクリックしたくなるようなタイトルにする

タイトルを考える時のコツ5つ

1. 誰に向けた記事なのかがわかるようにする
2. キーワードを出来るだけ文章のはじめの方に置く
3. 文字数は30~32文字程度に収める
4. ユーザーのメリット（結果）が得られるかを伝わるようにする
5. 数字を入れると良い

見出しを使うルール3：h2~h6は何回でも使用可能

順番を守って行けば、同じタグを何回でも使う事は可能です。

見出しを使うルール4：画像やイラストは使わない

見出しタグの中は、基本的には文字を入力していきます。

見出しを使うルール5：見出しの後には本文を書く

見出しだけを使って、本文を書かない？書き忘れている？人がいますが、見出しはあくまでも見出だと言うことを
忘れないでくださいね。

見出しを使うルール6：適度なキーワード配分

キーワードは、文章の最初に入れた方が良いです。
ですが、余り頻繁にキーワードを入れすぎるのも、検索エンジンから悪い評価を受けると言われ始めていますので、その点注意を図りながら適度なキーワード配分を心掛けてくださいね。

まとめ

見出しタグは、見出しタグのルールを守り、ｈ1からｈ６までを順番に活用してください。

そして忘れてはならないのが、h1は記事の中で1回だけ使用します。
使う場所は、記事タイトルとなります。

h2からｈ6までは、臨機応変（りんきおうへん）に何回でも使う事が可能です。

あくまでも読み手（ユーザー）があなたの記事を読みやすくするために見出しタグを活用してください。

この記事は、alt(オルト）属性について、SEOに適切で効果的な書き方についてできるだけ具体的にそして詳細に解説していきます。

すでにブログ記事を書かれている人もこれからの人も、基本をしっかりと押さえれば大丈夫ですので、この記事を読まれた後、すぐに実行してくださいね。

それでは、さっそくalt(オルト)属性の用語の意味と始めていきましょう

alt（オルト）属性とは？

alt(オルト)属性と言う言葉、聞いたことがあってもそれって何？と言うかたが多いと思います。

alt(オルト)属性は、画像の代わりとなりその画像を説明するテキスト情報を示しています。

alt（オルト）属性のメリット3つ

それではさっさくalt(属性）の3つのメリットをみていきましょう

1. 検索エンジンが画像の情報として正しく認識する事が可能になります。
2. 画像が表示されない時（リンク切れ・ネット速度が遅いなど）に画像の代わりに表示される
3. 視覚障害を持つ人がスクリーンリーダーで記事を読み上げた時に、画像の情報を正しく伝える事ができる。

alt（オルト）属性の正しい書き方

alt(オルト)属性はこのように記載されます。

WordPressでalt(オルト)属性を設定する方法

画像をメディアライブラリーにアップロード（挿入）すると、下の画像のようになると思います。

メディアを追加画面になります

1. 画像の右上に☑がついているのが、アップロードした画像
2. 画面右側に添付ファイルの詳細が見えます
3. 代替テキストに文字を入力していきます。
   ↓　↓　↓　↓　↓

alt(オルト)属性・代替テキストの入れ方

• 具体的な内容を書く
• 重複しない様に、画像の特徴を書く
• 画像にリンク先が設定されている場合は、リンク先の内容を説明する
• 必要最低限のキーワードを入れる

具体的な内容を書く

画像の内容が分かるように記載する

alt=”ストレスで頭を抱える女性”

重複しない様に、画像の特徴を書く

似たような画像の場合は、重複をさけ画像の特徴を書く

alt=”手をあごにあて考えている女性”

画像にリンク先が設定されている場合は、リンク先の説明をする

alt=”〇〇△△講座へリンク

最低限のキーワードを入れる

キーワードのちりばめすぎは逆効果になりますので、要注意が必要です。

alt=”Seo効果のあるalt属性の書き方を解説”

alt(オルト)属性・代替えテキストが不要な画像

1. 装飾としての画像：例えば背景画像、ラインマーカーや罫線（けいせん）がこれにあたります。
2. 既に画像のキャプション（説明）が表示されている場合

alt(オルト)属性を簡単に確認する2つの方法

alt(オルト)属性が適正に設定されているか？不安になってしまう方は、こちらの方法で簡単に確認する事が可能です。

1. Google Chrome拡張機能「Alt＆Meta viewer」を使う
2. Chromeの検証機能を使う

Chrome 拡張機能「Alt＆Meta viewer」使い方

Alt&Meta viewerと検索
↓　↓　↓　↓　↓

リンクを選択すると画面はChromeに追加画面となりますので、Chromeに追加ボタンをクリック

調べたいサイト（URL）を開けてAlt Meta viewer タグをクリックします。

すると画像の上にalt属性・代替テキストを画像のサイズが表示されます。
↓　↓　↓　↓　↓

Chromeの検証機能を使う

調べたいサイト（URL）を開けてマウスの右クリックをし、ポップアップしたメニューボックス一番下の「検証」をクリックします。

画面には、サイトの横にページソースが表示されますので、この中で画像の検索をしていきます。

私は、前者の「Alt Meta viewer」を使い簡単に確認を取っています。

まとめ

SEO対策とユーザビリティー、Webアクセスビリティ―のためにもalt（オルト）属性・代替テキストはとても大切で効果的であるとお話ししてきました。

ここでおさらいの意味もこめてalt（オルト）属性・代替テキストについてまとめておきますので、ぜひ参照ください。

alt(属性）は3つのメリットがあります。

1. 検索エンジンが画像の情報として正しく認識する事が可能になります。
2. 画像が表示されない時（リンク切れ・ネット速度が遅いなど）に画像の代わりに表示される
3. 視覚障害を持つ人がスクリーンリーダーで記事を読み上げた時に、画像の情報を正しく伝える事ができる。

alt(オルト)属性・代替テキストの入れ方

• 具体的な内容を書く
• 重複しない様に、画像の特徴を書く
• 画像にリンク先が設定されている場合は、リンク先の内容を説明する
• 必要最低限のキーワードを入れる

alt(オルト)属性・代替えテキストが不要な画像

1. 装飾としての画像：例えば背景画像、ラインマーカーや罫線（けいせん）がこれにあたります。
2. 既に画像のキャプション（説明）が表示されている場合

alt(オルト)属性を簡単に確認する2つの方法

1. Google Chrome拡張機能「Alt＆Meta viewer」を使う
2. Chromeの検証機能を使う

この記事では、ブログ記事全体のSEO対策の一つとしてCocconでのHTMLサイトマップ作成方法をブログ初心者に解説しています。

なんとCocoonをお使いの方は、プラグインを使わずにサイトマップが自動生成できるシステムが備わっています。

とても簡単にできますので、ご安心くださいね。

もしもお好みで変更したい方のためにも、編集方法を記載していますので、ぜひご活用ください。

CocoonでHTMLサイトマップを作る方法

CocoonにはHTMLサイトマップが作れるショートコードが設定されていますので、プラグインを導入する必要はありません。

なんと、固定ページにサイトマップ【sitemap】と記入するだけでサイトマップが作成可能です。
↓　↓　↓　↓　↓
「ダッシュボード」→「固定ページ」「新規追加」

「タイトル追加」部分に「サイトマップ」と記入します。
テキスト画面に【sitemap】と記入します。

最後に「公開」ボタンをクリックして完了となります。

簡単なサイトマップページを生成できるsitemapショートコードの使い方 Cocoon 公式サイト

デフォルト設定は「ダッシュボード」「外観」「テーマエディター」「Cocoon Child: テーマのための関数 (functions.php)」の中に見つけることができます。

デフォルト設定で実際に表示されるのは、こんな感じとなります。
私は、デフォルト設定のまま使用しています。

固定ページ
記事一覧
カテゴリ―

またお好みで表示設定を変更する事も可能ですので、ぜひお試しください。

こちらに編集例を記載していますので、ぜひ参照してください。

page=""　→　page（固定ページの一覧） single=""　→　single（投稿記事ページの一覧） category=""　→　category（カテゴリーの一覧） archive=""　→　archive（月別アーカイブ） 各項目の表示：「1」を”ここ”に記入 各項目の非表示：「0」を”ここ”に記入 例えば、カテゴリーページだけ表示させたい時はこんな感じで書きます。 固定ページ プロフィール 広告ポリシー 広告ポリシー Home お問い合わせ 特定電子メール法に基づく表記 サイトマップ プライバシー・免責事項 記事一覧 A8.net(ネット)セルフバック方法を初心者向けに解説 A8.net(ネット)無料会員登録手順の詳細を解説 A8.netで登録した住所の変更方法を初心者向に解説 alt(オルト)属性の正しい書き方をブログ初心者向けに解説 Cocoon でのアイキャッチ画像設定方法を初心者向けに解説 Cocoon でブログサイトを構築【初心者向】順番に詳細を解説 Cocoon のフッター・サイドバーにお問い合わせを設定 Cocoon ブログ記事内のリンクの末尾にアイコンを設定する方法 Cocoon ボックスメニューをグローバルメニューの代わりに設定 Cocoon【初心者向】固定ページでプロフィール記事作成方法を解説 CocoonでHTMLサイトマップの設定方法を初心者向に解説 CocoonでSNSボタンを非表示にする方法を解説 Cocoonならブログ初心者でもSEO設定が簡単にできる！用語も合わせて解説 Cocoonなら初心者でも簡単にブログが構築できる！ Cocoonにおススメカードを簡単に設定する方法 Cocoonにアドセンス広告を簡単に設置する方法を解説 Cocoonに必要なプラグインはどれ？ CocoonをWordPressにインストール方法を初心者向けに解説 Cocoonインストール後の初期設定を初心者向けに詳細解説 Cocoonウィジェットでサイドバーの設定方法を初心者向けに解説 Cocoonカルーセル設定方法を初心者向けに解説 Cocoonフロントページへ戻るナビを設定する方法 Cocoonブロックエディタ―使い方を初心者に解説 Cocoonボックスメニューをサイドバーに表示する方法を初心者向けに解説 Cocoon目次・読む時間・コメントを非表示にする設定方法 Cocoon記事に関するまとめページ Contact Form 7 【初心者向】自動返信メールとThank you ページの設定方法 Cookie設定はパソコン操作が苦手な主婦でも簡単 Google サーチコンソール登録方法を初心者向けに解説 Googleアドセンスに関する記事まとめ Googleアナリティクスから自分のアクセスを除外する方法 Googleアナリティクス初期設定方法を初心者向けに解説 Imagify画像圧縮プラグイン（初心者向）設定方法の詳細を解説 Invisible reCaptcha 海外在住者におススメのスパム対策プラグイン LP 作成ツールColorful（カラフル）で初心者でも簡単・綺麗なLPが出来る LPColorful（カラフル）をサブディレクトリに設定する方法を初心者向けに解説 MailChimp 初心者向けアカウント設定方法！ PS Auto Sitemapのインストールから設定方法までを解説 SEO内部対策で検索エンジン上位も夢じゃない！ SEO対策でサイト上位を目指す秘策！ SSL化したのに【保護されていない通信】となる原因と対策 THE ESSENCE 成約率をアップさせるライティングを学べる教材 URLの正規化を図る方法2種類を詳細に解説 Widows Paint で余分な画像の消し方と切り取り方法を解説 Windows Paint でモザイクのかけ方を解説 Windows Paint パレットに無い色はどうやって見つける？ Windows Paintでまっすぐな線や画像を描く方法を解説 Windows Paintで出来ることは？ Windows Paintで画像の反転と吹き出し方法の詳細を解説 Windows Paintで画像の大きさを変える方法を解説 Windows Paintで複数の画像を1枚の画像にする方法を解説 Wiseで海外送金は簡単・スピーディー・送金手数料節約 WordPress functions.phpエラーの訂正方法 WordPress と無料ブログのどっちがおすすめ？ WordPress カテゴリーとタグの違い詳細解説 WordPress タグ一覧がサイドバーに表示されない WordPress 異なるサイズの画像自動生成を初心者が簡単に阻止する方法 WordPress【Ｂroken Link Checker】でリンク切れに対処 WordPressを学ぶならMasterPressがおススメ！ WordPressを自動バックアップするプラグインUpdraftPlusの設定方法 WordPress不要な画像を削除する方法とプラグイン【DUNI】設定方法 WordPress構築記事のまとめ WP Contact Form 7 メールが届かない解決法 WP Fastest Cache 【初心者向】インストールから設定までを解説 WP Multibyte Patch日本語文字化け対策プラグインは必須！ WPでアフィリエイトを簡単に始める準備を解説 【HTML】見出しタグh1~h6の効果的な使い方を初心者向に解説 【SEO対策】初心者でも検索上位を狙える基本設定のまとめ 【XML サイトマップ】を初心者向にインストールから設定方法までを解説 【初心者向】WebSub/PubSubHubbubを使うメリットと設定方法 【初心者向】WordPress のインストール方法 【初心者向】X－Server申込みから支払い方法まで解説 【初心者向】お名前.comで取得したドメインとX-Serverの関連付け方法を解説 【初心者向】お名前ドットコムで独自ドメインを取得する方法の詳細を解説 【初心者向】ブログ記事をユーザビリティ対策して検索エンジン上位を狙う あなたのブログを検索上位にあげる10コのポイントを詳しく解説 お役たち情報記事のまとめ もしもアフィリエイト無料会員登録方法の詳細を解説 もしもアフィリエイト（キャッシュバック）初心者向けに解説 アドセンス合格後ads.txt ファイルの設定方法の詳細解説 アフィリエイトが独学で成功しない3つの理由をアフィリエイトで稼いだシニアが解説 アフィリエイトでシニア世代のお金の不安解消 アフィリエイトにおすすめ教材＆便利なツール アフィリエイトの仕組みと種類を初心者向け詳細に解説 アフィリエイト入門：アフィリエイトに関する記事のまとめ インフォトップ決済方法：初めてインフォトップを使う人向け情報 キーワードを極めれば集客が出来る！キーワード選定ツールを使う目的と使い方を分かりやすく解説 ココナラ　似顔絵アバター サブディレクトリで作ったLPをアナリティックスで分析する方法 シニアがアフィリエイトで失敗する6つの特徴と4つの成功マインド シニアがネットビジネスを始めるための6つの神器 シニアに絶対おすすめの最強ネットビジネスはたった1つだけ！ スパム対策Akismetのインストールから設定までを初心者向に解説 ディスカバリーアカデミーに関する記事のまとめ ディスカバリーアカデミーよくある質問 [FAQ] ディスカバリーアカデミーインフォトップでの購入から入学までの手順 ディスカバリーアカデミー・シニアもできた15分の学習時間！後は実践で成功へ ディスカバリーアカデミー・受講生が伝える4つのデメリット！ ディスカバリーアカデミー・添削付きで学べるアフィリエイト教材のレビュー ディスカバリーアカデミー添削制度はシニアにも優しかった！実際の添削と率直な感想 ディスカバリーアカデミー講義1~4を受講した率直な感想 ネットビジネスとは？と根強いネットビジネスへの誤解 ネットビジネスに必要なパソコン操作の基本 ネットビジネス参入時の不安を解消する5つの方法 ネット詐欺に遭わないためのマインドと詐欺回避法 ブログの画像フォーマットって？初心者向け詳細を解説 ブログタイトルが読まれる対策をブログ初心者向に詳細解説 ブログ全体のユーザビリティ向上をブログ初心者向に詳細に解説 ブログ初心者サイト設計図作成を4ステップで簡単に解説 ブログ画像のサイズを初心者向け詳細解説 プラグイン WP Revisions Control ポイントサイトで簡単に隙間時間にお小遣い稼ぎ！ メインメニュー（グローバルメニュー）にアイコンを設定する方法を初心者向に解説 ラッコキーワード無料登録方法と使い方を初心者向けに解説 初心者向Gmail 作成手順とメールの振り分け方 初心者向けレンタルサーバーはＸ-Ｓerverがおすすめな訳 初心者向にSEO対策に効果的なパーマリンク設定方法を解説！ 実録！危険なネットワークビジネスの実体と回避法 常時SSL化の実施方法をX-ServerとCocoonで詳細に解説 扇動マーケティングは成約率を大幅にアップさせたい人の為の教材！ 文賢評判を検証！ブログ初心者向けに文賢4つのメリット＆3つのデメリットを解説！ 時短家電で時間捻出、ネットビジネスに時間を有効活用しましょう！ 楽天アフィリエイト特長と登録方法解説 海外からWordPressにログインできない時のX-Server解決法 海外在住から日本クラウドソーシングサービスで在宅ワークを見つける 海外在住でも入れる保険！見つけた 海外在住の在宅ワークならオンラインアシスタント「フジ子さん」 海外在住アフィリエイターの直面する7つの問題と解決策 海外在住アフィリエイターの確定申告はどうするの？ 海外在住者でも利用可能な日本の銀行を解説 海外在住者に朗報！有料VPN（ビーピーエヌ）と無料VPNを検証した結果 海外在住者の年金受給の方法と年金見込み額を知る方法 海外在住者向けアドセンス税務情報の手続きを図解入りで解説 無料イラストや画像を見つける・ウェブの色を調べる方法を解説 画像編集に関する記事のまとめ 絶対読まれるブログ記事構成初心者向に詳細解説 複数のＸ(旧Twitter)アカウントを作成・管理する方法 見つけた！海外在住でも作れる日本のクレジットカード!！ 読まれるブログ記事「タイトル」の決め方、初心者でもポイントをおさえれば簡単に書ける！ 賢威の評判ってどう？実際に使ったシニアアフィリエイターがその実態をお伝えします 進・ノンバトルアフィリエイト物販アフィリで結果を出したい人のための教材 Ｃocoonサイトアイコン（ファビコン）の設定方法を【初心者向】詳細に解説 Ｘ(旧Twitter)アカウント新規登録方法の詳細を初心者向け解説 月別アーカイブ 2023年12月 2023年11月 2022年5月 2022年4月 2021年8月 2021年7月 2021年6月 2021年5月 2021年4月 2021年3月 2021年2月 2021年1月 2020年6月 2020年1月 2019年12月 と入力します。 公開ボタンをクリックします。 これでデフォルトのサイトマップは完了しました。 是非、お好みの方法でサイトマップを作成してみてくださいね。   ]]> https://shiawasenarougo.com/ps-auto-sitemap/ Thu, 22 Jul 2021 11:39:38 +0000 https://shiawasenarougo.com/?p=5519 この記事は、HTMLサイトマップの作成を自動で行うPS Auto Sitemapと言うプラグインの導入から設定方法までを初心者向に詳しく解説していきます。 まず最初に2つのサイトマップの違いをしっかりと確認してくださいね。 ↓　↓　↓　↓ XMLサイトマップは検索エンジンにあなたのサイトを見つけてもらうためのプラグイン HTMLサイトマップはサイトに訪問してくれたユーザのためのプラグイン XMLサイトマップの導入から設定方法まで、こちらの記事で詳細を記載していますので、ぜひご覧ください ↓　↓　↓　↓　↓ 【 XML サイトマップ】を初心者向に使い方と設定方法を解説 それでは、ここからはHTMLサイトマップを作成するプラグインPS Auto Sitemapについて解説していきましょう。 PS Auto Sitemap とは まず最初にPS Auto Sitemap（ピーエス　オート　サイトマップ）はあなたのサイトに訪れたユーザーにサイトの記載内容が簡単にみつかるサイトマップを自動で作成するプラグインとなります。 このプラグインを確認したところ最終更新が6年前となっています。 今現在2021年ですので、最終更新は2015年と言うことですね。 ここがちょっと気になる点です。 インストール前には必ずバックアップを取った上で行うようにしてください。 バックアップのおススメプラグインの説明はこちらの記事を参照してください。 ↓　↓　↓　↓　↓ WordPressを自動バックアップ【初心者向】おススメのプラグインはこれ！　Coming soon PS Auto Sitemap　インストールから設定まで PS Auto Sitemap インストール手順 「ダッシュボード」→「プラグイン」→「新規追加」→「PS Auto Sitemap」→ 「今すぐインストール」の順番にクリックします。 「有効化」ボタンをクリックします ↓　↓　↓　↓　↓ これでプラグインは無事インストールが終了しました。 PS Automap Sitemap 設定方法　（固定ページ） 「PS Auto Sitemap」を使ってHTMLサイトマップの自動生成方法 「ダッシュボード」「設定」「PS Auto Sitemap」をクリックします。 ↓　↓　↓　↓　↓ 「PS Auto Sitemap」の設定画面が開きますので、画面一番下のご利用方法までスクロールダウンします。 ↓　↓　↓　↓　↓ <!– SITEMAP CONTENT REPLACE POINT –> ↑　↑　↑　↑　↑ このコードを全て< から＞までコピーします。 コピーのショートカット: Ctr＋C 固定ページに上記のコードを貼り付ける作業に入ります。 「ダッシュボード」→「固定ページ」→「新規追加」とクリックすると新規固定ページを追加画面になります。次に、タイトルを追加箇所に「サイトマップ」と記入します。 「ビジュアルボタン」と「テキストボタン」が画面右上に見えますので、「テキストボタン」をクリックします。 このテキストページに先ほどのコピーしたコードを貼り付けます。 ↓　↓　↓　↓　↓ 貼り付け（ペースト)のショートカットキー:Ctrl+V この後、公開ボタンをクリックして固定ページでの作業は完了となります。 ↓　↓　↓　↓　↓ PS　Auto Sitemap 設定　（プラグインサイド） あともう一息で全ての設定が終わりますので、頑張ってくださいね。 「ダッシュボード」→「固定ページ」→「固定ページ一覧」 「固定ぺージ一覧」の中から「サイトマップ」を見つけます。 サイトマップ　　　　　　　　　　　　　　　　　　　　　　　　　　　　公開済み　　　37 上記からIDをコピーします→　今回私の場合のサイトマップIDは、「37」となっています。   再びPS Auto Sitemap設定画面へ戻ります。 「ダッシュボード」→「設定」→「PS Auto Sitemap」をクリックします。 「PS Auto Sitemap」の設定画面が開きます サイトマップを表示する記事の空欄にさきほどのサイトマップページのID「37」を記入します。 ↓　↓　↓　↓　↓ これで「PS Auto Sitemap」の設定は全て完了しました。 まとめ ユーザビリティ―にかかせない項目の1つがサイトマップとなります。 サイトマップには、2種類あることをお伝えしました。 XMLサイトマップは検索エンジンにあなたのサイトを見つけてもらうためのプラグイン HTMLサイトマップはサイトに訪問してくれたユーザのためのプラグイン この記事では、後者No.2のHTMLサイトマップの作成について解説してきました。 おさらいの意味を込めてここでもういちどインストールから設定までの手順を書いておきますので、参照願います。 インストールから設定までの手順 「ダッシュボード」→「プラグイン」→「新規追加」→「PS Auto Sitemap」→ 「今すぐインストール」の順番にクリックします。 「有効化」ボタンをクリックします。（これでインストールは終了です） 「ダッシュボード」「設定」「PS Auto Sitemap」をクリックします。 「PS Auto Sitemap」の設定画面からコードをコピーします。 「ダッシュボード」→「固定ページ」→「新規追加」で開いた固定ページ「テキスト画面」に4のコードを貼り付けます 「公開」ボタンをクリックし、固定ページID番号を取得します。 「PS Auto Sitemap」の設定画面で固定ページ番号を所定の場所に貼り付けます。 これで全ての作業は完了します。 HTMLサイトマップの作成は、ユーザビリティの面だけではなく、検索エンジンにも効果的ですので、是非設定しておいてくださいね。 その他のプラグインについては、こちらの記事でご紹介しています。 ↓　↓　↓　↓　↓ Cocoonに必要なプラグインはどれ？ ]]>