【WordPressテクニカルレビュー】プラグイン「Show Article Map」を使って記事同士の構造を見える化してみた！

この記事のまとめ！

WordPressのプラグインShow Article Mapの導入レビュー
Show Article Mapをインストールするとブログの内部リンクや記事同士の構造を簡単に見える化！

ページ表示までにいろいろ試行錯誤した問題点の対処方法についてもご説明！
テーマ「Cocoon」を使っている場合には注意事項あり！

2021年5月からブログを書き始めて早1年3ヶ月・・・
記事の本数も250本を超えましたが、まだまだ本格的に取り組んでいると言うほど時間を割けておらず、習熟度も・・・という状態です。

そんな弱小ブロガーでもアクセス数を増やすために最近分かってきた大事なことは、「１．Googleインデックス登録、２．記事のリライト、３．内部リンクを増やす」です！
１．については記事の作成・更新毎にGoogle Search Consoleから登録、２．については適宜更新、３．については意識して記事内に関連記事をリンクするようにしています。

3.の内部リンクに関しては記事が増えてくると、どこにどうリンクを張ったのかを忘れがちになります。
そこで内部リンクをどう管理すればいいのかと思っていたところ、WordPressのプラグイン「Show Article Map」というものを導入すると内部リングの可視化ができる！らしいのでさっそく導入してみました！

※今までのWordPressレビューはこちら！

【WordPressテクニカルレビュー！】記事のコメント欄をカスタマイズして使いやすくしてみた！

先日、自分のブログの文章チェックをしていた際、普段は見ない記事下のコメント欄にいろいろな入力項目があることに気付きました。コメントを入力してもらいたいと思っても、投稿に手間がかかりすぎる、、、このコメント設定は早く変えておかないと・・・今回は記事に対するコメントを書いてもらいやすくするために、Wordpressのカスタマイズを行いました。

【WordPressテクニカルレビュー！】記事上のすべての画像が表示されない！？トラブル対処法を徹底解説！

ブログのトップページと投稿ページの画像が表示されていない・・・。最初はブラウザ側のキャッシュの問題かと思い、PCやスマホでブラウザのリロードを行ってみましたが表示されない・・・。そのうち表示されるだろうという謎の先延ばしをしていましたが一向に表示されないので調査してみました。結果的に、EWWW Image Optimizer（以下、EWWW）の設定変更でなんとか解決することが出来たので、もし同様の事象で悩んでいる方のお役に立てれば幸いです。

【WordPressテクニカルレビュー！】閲覧できません (Forbidden access）が表示された場合の対処法を徹底解説！

商品リンク管理プラグイン『Rinker（リンカー）』を導入して、Yahooショッピング（バリューコマース）の設定を行っていた所、いきなり『閲覧できません (Forbidden access)』という表示が出てハマりました(T_T)今回の事象についていろいろ調べた結果、なんとか解決することが出来たので、もし同様の事象で悩んでいる方のお役に立てれば幸いです。

まずはダウンロード！
次はWordPressにプラグインをインストール！
続いて内部リンク確認方法！
実際に内部リンクを確認してみると？
やっと内部リンク一覧ページが！
まとめ（内部リンクが可視化されるとともに頑張って書いた記事数も可視化された！）

まずはダウンロード！

WordPress管理画面からプラグインを検索すると見つからない！
「Show Article Map」はWordPressの公式プラグインではないので、作者のページから入手が必要のようです。

なので作者のページにアクセスしてダウンロードします。

https://github.com/naenote/ShowArticleMap/blob/master/show-article-map-0.8.zip

ページにアクセスしたら「Download」をクリックします。

そうすると「show-article-map-0.8.zip」というファイルがダウンロードされます。

次はWordPressにプラグインをインストール！

WordPress管理画面のプラグインメニューを選び、「プラグインのアップロード」をクリックします。

「ファイルを選択」をクリックします。

先ほど保存した「show-article-map-0.8.zip」のファイルを選択します。
そうすると以下の画面になるので「今すぐインストール」をクリックします。

プラグインのインストールが完了しましたというメッセージが出たら「プラグインを有効化」をクリックします。

WordPress管理画面のプラグイン名一覧に「Show Article Map」が表示されたらインストールと有効化は完了です。

続いて内部リンク確認方法！

「Show Article Map」の内部リンク一覧化の為に、投稿ページか固定ページを新たに作成する必要があります。
今回は固定ページを作成することにしたので、「固定ページ一覧→新規追加」をクリックします。

固定ページには任意のタイトル／URLスラッグ（何でもOK）を設定して、本文にはショートコートで「show_article_map」と入力します。

タイトル：Show Article Map（何でもOK）
URLスラッグ：show-article-map（何でもOK）
本文：「show_article_map」を貼り付け　※コードは[]でくくりましょう！

※問題点１
　ショートコードの意味を分かっておらず、最初ただのテキストを書き込んでしまいました。。。
　これだと固定ページに文字列として表示されるだけなので、ショートコートのブロックを利用しましょう。

情報を入力したら「非公開」で固定ページを投稿します。

「Show Article Map」で内部リンクのページを表示にはさせるとサーバー負荷が高まります。
そのため、公開ページにして外部からアクセスされてしまうとサーバー処理が重くなり、通常の投稿が表示されなくなってしまう可能性があるので、固定ページは必ず非公開にしましょう。

固定ページを投稿したら完了です。

実際に内部リンクを確認してみると？

先ほど作成した固定ページにアクセスしてみると・・・
真っ白・・・まぶしいくらい真っ白・・・

2時間待っても、待てど暮せど表示されません・・・

しっかり内部リンクを貼っておきます！ｗ

【HUAWEI Watch GT3 Proレビュー！】美しすぎるスマートウォッチの電源オンから、ペアリング、初期設定まで！

先日レビューした美しすぎるスマートウォッチ HUAWEI WATCH GT 3 Pro！丸一日が外観を眺めていたあと、満を持してとうとう電源オンしました！（本当はゆっくり触る時間が無かった・・・）今回は電源オンからスマートフォンへのアプリインストール→ペアリング→初期設定などについて、今回も写真多めでレビューしていきます！

ここからはトラブルシューティングに数時間掛かりました。。。
まず作成した固定ページを再確認します。

※問題点２
　ショートコートのブロックを使いましたが、[]（カッコ）でくくっていませんでした。。。
　しっかり［］でくくるようにしましょう。

修正して保存し、再確認しましたが表示されません・・・

※問題点３
　「Show Article Map」とテーマ「Cocoon」があまり相性良くないらしい？・・・

プラグインを使う為だけにテーマは変えられないので、Cocoon設定を確認していくとサイト高速化の設定が怪しそう・・・

設定を付けたり外したりトライアンドエラーを繰り返していくと、縮小化の項目の「CSS縮小化とJavaScript縮小化」を外すと良いっぽい！

やっと内部リンク一覧ページが！

度重なる問題を乗り越えやっと表示されました！
構造を見ると意外と内部リンクはしっかりと張れているかも。
周りにポツポツある記事をどう扱っていくかが今後の課題かな。
また記事のカテゴリーごとに色分けされてるので自分のブログの特徴がより分かるようになります。

拡大縮小するもでき、拡大すると記事のURLが表示されるので分かりやすいです。

CSVファイルとしてダウンロードすることもできます。

私の場合は現在250記事弱ですが、30秒程度で一覧が表示されました。
ConoHa Wingのサーバリソース情報を確認すると、「Show Article Map」のページを表示した際にはCPUリソースが上がっているのでそれなりの負荷は掛かっていそうです（ただMAX30%未満なのでブログの表示自体には大きな影響無し）