WEBデザイン

ブログ内のリンク切れをチェックしよう!Broken Link Checkerの使い方!

おはようございます、最近のお気に入りはYogi TeaのSkin DeToxです。
ハーブティーですが、効果のほどは不明なので気休めに飲んでます。

今回はWordPressプラグインの使い方シリーズ第五弾です。
第五回は「WP Social Bookmarking Light」というプラグインのご説明をさせていただきます。

Broken Link Checkerとは?

記事内に貼ったリンクの中でリンク切れ(※アドレスの記載ミス、リンク先が消された等)がないか一括チェックしてくれるプラグインです。

Broken Link Checkerの使い方

管理画面から「Broken Link Checker」を有効化すると左メニューの「設定」に「リンクチェッカー」が追加されますので
そこから設定していきましょう。

・一般

ステータス:既に表示されてますが、リンクエラーなどがあればこちらで確認可能です。
各リンクをチェック:チェックの時間を指定できます。
メールで通知:リンク切れがあればメールで通知してくれます。
通知メールアドレス:メール通知にチェックを入れた場合、通知アドレスを記入してください。
リンクの調整:記事ページのリンク切れにあてるCSSを編集できますが、デフォルトでも適用されているのでわからないかたは編集の必要はありません。
リンク切れに代わるものを提案する:デフォルトのままで結構です。
警告:デフォルトのままで結構です。

・含まれるリンクを探す

含まれるリンクを探す:リンク切れを探す箇所を選択できます。
投稿のステータス:どのステータスの記事のリンク切れを探すかを選択できます。

・チェックするリンクの種類

リンクの種類:チェックするリンクの種類を設定できます。
除外リスト:チェックを除外するURLを指定できます。

プロトコル&API、高度な設定はデフォルトのままでも結構です。

Broken Link Checkerを使ってみよう!


ここにリンク切れしているテキストとリンク切れしていないテキストを用意しました。


さきほどの設定画面に戻って、「一般」タブの「一個のリンクエラーを発見しました」をクリックしましょう。


このような画面になると思います。
本当にリンク切れになっているかURLをクリックして確認してみましょう。
もしリンクエラーではなければ「リンクエラーではない」を選び、
リンクエラーだった場合は「URLを編集」をクリックし、代替のURLを入力する、或いは「削除」を選択します。
ちなみに「無視」をクリックすると見て見ぬふりをしてくれますが、SEO対策に影響する場合もあるため出来るだけ編集しましょう。
今回はリンク削除を選択します。


すると、上記の打ち消し線が消え、リンクも外れた状態となります。
一番良いのはリンクを差し替えるか削除した後に注釈など入れることではないかと思います。

ブログの記事はいつだれが検索して読みに来るかわかりませんので、定期的にリンク切れなどをチェックして閲覧者により良い情報を提供していきましょう♪

ピックアップ記事

  1. 【お客様インタビュー】サンキョウプラテック株式会社様

関連記事

  1. Photoshopで手軽に 人物の髪の毛をキレイに切り抜く方法

    WEBデザイン

    Photoshopで手軽に 人物の髪の毛をキレイに切り抜く方法

    どうも僕です、テイクフォー谷口です。先週末は佳境を迎えたプロ野球日本シリーズやサッカーJリーグとスポーツネタで盛り上がってました^^(大阪…

  2. WEBデザイン

    【Photoshop】ボタントレース方法

    こんにちは。ゆかちんです!すっかり寒くなってきましたね。ローソンのMACHIcafeで買ったココアがカップかわいくってほっこりします。入社…

  3. WEBデザイン

    Photoshopで水彩風画像を作成してみよう

    こんにちは!ゆかちんです(^^)/Trick or Treat!ハロウィンですね!ハロウィンっということでゾンビ画像の作り方を紹介しようと…

  4. WEBデザイン

    色相環でグラデーションを描いてみよう

    最近めっきり寒くなりまして熱燗のおいしい季節になってきました、こんにちはともさんです。今回は色相環を使ってグラデーションを描いてみましょう、という…

  5. WEBデザイン

    邦楽バンドのオシャレなWEBサイト10選(+α)

    おはようございます、私です。8月半ばから胃の不調に悩まされ続け、一時は胃潰瘍かとも思われておりましたが、先日とうとうお茶漬けを前にして一口…

  6. Photoshopで部分的にカラーにしたモノクロ画像を手軽に作る方法

    WEBデザイン

    Photoshopで部分的にカラーにしたモノクロ画像を手軽に作る方法

    どうも、テイクフォー谷口です。先日の3連休は地元の地車祭を観に行ったり、心斎橋一帯のライブハウスを巡るイベントに行ってきました^^さて…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

CAPTCHA


最近の記事

  1. HTMLコーディング

    高機能で簡単!レスポンシブ対応のjQueryスライダー「bxSlider」を設置…
  2. Photoshopで手軽に 人物の髪の毛をキレイに切り抜く方法

    WEBデザイン

    Photoshopで手軽に 人物の髪の毛をキレイに切り抜く方法
  3. コピーライティング

    キャッチコピーに役立つキュレーションメディア5選!
  4. WEB集客

    競合他社に勝つために、WEB集客の意外な抜け道を見つけよう
  5. HTMLコーディング

    便利すぎるWebフォント「Font Awesome」でサイトの見栄えをワンランク…
PAGE TOP