black}Windows・Linuxを中心に書き留めるIT技術系の備忘録。ProBookレビューSEOを考慮したリンク(アンカー)の貼り方WebTwitter1Facebook1はてブ0Pocket0LINEコピー2014.04.14この記事は約3分で読めます。ブログを書いていると、他のサイトやブログを参考にさせていただくことが多々あるかと思います。そんなときは参考サイトとして、リンクを貼らしてもらっている。検索エンジン最適化(SEO)を考えたときに、「リンク(アンカー)」の良い貼り方を考えてみた。参考サイトリンク(アンカー)の書式まずは、書式の確認。「リンク(アンカー)」は、HTMLの「aタグ」で記述し、書式は以下のよう。-->リンク文字この書式で指定しているaタグの属性は以下。「href」...リンク先のURLを指定。相対パス、絶対パスで指定。「target」...リンク先ページを表示させるフレームを指定。「_blank」、「_self」、「_top」、「_parent」から指定。「title」...ツールチップを表示。最低限「href」属性を指定していればリンクとして成り立つ。「target」属性は、フレームを使用している場合や、別ページで表示させたい場合に指定し、「title」属性はマウスオーバーした際に文字を表示させ、ユーザビリティを配慮した場合には有効かと。リンク(アンカー)の貼り方さて、本題の検索エンジン最適化(SEO)を考慮したリンク(アンカー)の貼り方に入ろうと思う。他のサイトやブログを見ていると、リンク(アンカー)の貼り方は、以下のようなパターンを見かける。https://wplogs.com/https://wplogs.com/WordPressで検索エンジン最適化(SEO)を考える|SEO人まず、1つ目はURLのみ書いており、リンク(アンカー)にはなっておらず、ユーザーがそのままクリックしてアクセスすることができないのでNG。次に、2つ目はURLをリンク(アンカー)にしており、クリックでそのページに遷移できるが、遷移先のページの内容が分からないので、ユーザーには優しくないかなと。URLのみだとキーワードが入っているわけではないので、検索エンジン最適化(SEO)的にも有効ではない。最後に、3つ目は遷移先ページのタイトルをリンク文字列にしており、遷移先のページの内容も分かり、キーワードが含まれるので、検索エンジン最適化(SEO)的にも有効化かと。いうことで、当ブログでは3つ目の貼り方にしている。ついでに、ユーザビリティを考慮して、「title」属性も指定し、「target」属性で「_blank」を指定し、自分のページから離れてしまわないよう別ページで開けるようにしている。実際のソースはこのようになっています。title="WordPressで検索エンジン最適化(SEO)を考える|SEO人">WordPressで検索エンジン最適化(SEO)を考える|SEO人</a>実際のリンク(アンカー)はこのようになっています。Webサイト使い分けよう!alt属性とtitle属性の違い|HTMLタグ|オレのWEBPADWebSEO\よかったらシェアしてね/Twitter1Facebook1はてブ0Pocket0LINEコピーえふめん大阪在住、30代。業務系SE・社内SEの仕事を通じて学んだこと、PCトラブルで困って調べたこと、手作業を効率化して改善したこと、WordPressのブログ運営などの記事を書いています。最新情報をお届けします。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。ホームWebえふめん大阪在住、30代。業務系SE・社内SEの仕事を通じて学んだこと、PCトラブルで困って調べたこと、手作業を効率化して改善したこと、WordPressのブログ運営などの記事を書いています。プロフィールプライバシーポリシーお問い合わせサイトマップ検索タイトルとURLをコピーしました。