WEBLIC LLC

ブログ

初心者向け解説!内部リンクでサイト構造を強化し、SEO効果UP

Web制作

2024年8月8日

seo リンク

先日、GoogleのX(旧Twitter)で内部リンクに関するヒントが投稿されていました。その内容を見ていると、私たち制作側のプロでも陥りがちなミスが指摘されていると感じました。そこで、どのような点が問題なのかを皆さんと共有したいと思います。

人もGoogleも内部リンクのテキストを辿る

内部リンクは、ユーザーがウェブサイトをナビゲートしやすくするだけでなく、Googlebotがサイトの構造を理解するのにも役立ちます。

意味のあるリンクテキストを使用する

リンクテキストは、ユーザーと検索エンジンの両方にとって非常に重要です。以下の画像は、意味のあるリンクテキストと意味のないリンクテキストの例を示しています。(左が望ましいリンクで、右が良くないリンクです。)

リンクテキストはリンク先のページとの関連性を示すため、意味のある言葉にリンクさせる必要があります。私は仕事柄いろいろなサイトを閲覧しますが、このような問題をよく目にします。

例えば、「お問い合わせはこちら」という表現で「こちら」にリンクを付けている場合が多く見られます。この場合は「お問い合わせ」にリンクを付けるのがベストです。

また、「詳細はこちら」もよく見かけるフレーズですが、何の詳細なのかがわかるように具体的な言葉にリンクを付けるべきです。

Googlebotはjsが苦手?

以下の画像は動画内で紹介された一場面ですが、Googlebotにテキストリンクとリンク先との関連性を理解してもらうためには、<a>タグを使用し、href属性にリンク先のURLを記載することが最適です。

特に、大規模なデータベース型のサイトでは、フィルタリング機能などを内部的にJavaScriptで処理してしまうことがよくあります。しかし、この場合はURLにパラメータを付与し、Googlebotが理解できる構造にする方が望ましいです。

まとめ

内部リンクは、ウェブサイトのナビゲーションとSEOの両方にとって非常に重要な要素です。リンクテキストを工夫し、適切にリンクを設定することで、ユーザーエクスペリエンスを向上させ、検索エンジンのクロールとインデックスを助けることができます。

特に、意味のあるリンクテキストを使用し、JavaScriptではなくHTMLの<a>タグでリンクを設定することが重要です。これにより、Googlebotがリンクの関連性を理解しやすくなり、サイト全体のSEO効果が向上します。

関連記事
本文中のリンクが最強?SEOに効く内部リンクの設置場所とコツ

関連記事

Web制作

Dreamweaver CC2017を試してみる

先日アップデートされたAdobe Dreamweaver CC2017を試してみました。まず見違える...

2016年11月14日

Web制作

メイリオフォントはCSSでイタリックが効かない!

先日ある案件でデバイスフォントを斜体にする必要がありました。普段は何も気にせずCSSでイタリックを設...

2017年4月3日

Web制作

WebサイトにおけるUIとUXの違い

現代のデジタル時代において、Webサイトは企業の顔とも言える存在です。そのWebサイトの成功は、優れ...

2024年1月9日

Web制作

【厳選】WordPressプラグイン5選

以前の記事「WordPressプラグインの落とし穴5選」では、プラグインを使用することで簡単に機能を...

2023年8月29日

Web制作

Sass mixinの引数に0を指定する方法

背景画像をカラムごとに違う画像を配置するため、mixinを使って設定しましたが、うまくいきませんでし...

2016年12月12日

  • カテゴリー

  • 本日、 3人が閲覧しました

    RELATED SITES

    関連サイト

    • SAKAMOTO Blog
    Designed by WEBLIC合同会社