web-dev-qa-db-ja.com

ハイパーリンクとしての画像とSEOの意味

私はいくつかのウェブサイトを管理していますが、そのうちの1つは多くの画像を含むeコマースサイトです。一部の製品カテゴリページの上部には、特定の製品への画像リンクがあります（画像バナーを考えてください）。

他の人がどのように画像をリンクとして処理するのか、そうする際にどのようなSEOの考慮事項を作成するのでしょうか？具体的には、画像リンクをコーディングできる2つの方法があります。

  • ＃1次のように、画像を実際のアンカータグの背景にすることができます。

    <a href="thelinkaddress.com" title="Visit My Link" style="background-image:url('link-image.png');background-size:100%;display:block;">My Image Link</a>

  • ＃2画像はアンカータグ内に別のHTML要素として含めることができます。

    <a href="thelinkaddress.com" title="Visit My Link"><img src="link-image.png" alt="My Link Image"/></a>

私の理解では、方法＃1はスタイルと見なされるため、検索クローラーで画像のインデックスを作成しませんが、テキストコンテンツはaltテキストの画像よりも検索クローラーにとって重要だと思います。

いずれかの方法がWebサイトのSEOにどのように影響するかについての洞察はありますか？

seohtmlcssimagesalt-attribute
5
CreMedian

Googleは最初から、セマンティクスとランキングを使用するときに主に3つの観点を利用しました。1つは、テキストと値をターゲットページにリンクします。 2、ターゲットページのタイトルタグ。 3つ目は、コンテンツそのものです。プロジェクトが発見した興味深い研究結果の1つは、タイトルタグに対して検索を実行することは、コンテンツ自体に対して検索を実行するよりも約2％効果的であるということです。ブレンドされた結果の概念は、タイトルタグとコンテンツに対する検索クエリと、適用されたランキングスコアを使用して2つの検索が行われ、両方のクエリの結果が単一の結果にブレンドされるという実装です。これは基本的な戦術であり、今でも適用されると確信しています。これが、タイトルタグが非常に重要である理由の1つです。

なぜそう言ったのですか？

3番目に重要なセマンティック信号は、リンクテキストです。実際には、タイトルタグと同じリンクテキストの同じプロセスを適用して、続きを読むなどの低品質のリンクは別として、非常に正確な結果を設定できます。これは、タイトルタグとリンクテキスト（ページをターゲットとする）が非常に重要であることを意味します。

画像の代替テキストは、主にそれが行うように設計された画像に利益をもたらします。多くのSEOは、画像の代替テキストのセマンティック効果を強調し、それが単に真実ではない場合により重要な重みを持っているという印象を与えます。画像の代替テキストが与える意味上の利点は、コンテンツよりも大幅に少なくなります。 3つの最も重要なセマンティックシグナルは、タイトルタグ、リンクテキスト、およびコンテンツ自体であることに注意してください。画像の代替テキストは、ページのセマンティックプロファイルを拡大するのに役立つ手掛かりでありますが、ヘッダータグなど、他の信号よりも重要度が低く、コンテンツタグ理論も最初から存在しています。

代替テキストの場合、リンクテキストは、ターゲットページにとって非常に強力なシグナルです。

今日、大量のセマンティック信号が使用されており、それぞれがページのトピックを評価する際にその価値を持っています。それでも、最も重要な2つのシグナルは、タイトルタグとターゲットページへのリンクテキストです。

これに基づいて、最初の例...

<a href="thelinkaddress.com" style="background-image:url('link-image.png');background-size:100%;display:block;">My Image Link</a>

...リンクテキストがページトピックに適切に一致し、ターゲットページの最も重要なキーワード要素を反映しており、最適化されていないか楽観的でないと仮定して、検索に非常に強力な信号を送信します。どのタイトルタグでも同じようにする必要があります。

5
closetnoc

A/Bテストを実行することは、他の人にとって何が効果的であったか、過去に何が効果的であったかに関係なく、本当にテストする唯一の方法です。

もしテストしたくなくて、ただ答えが欲しいなら、あなたは間違った仕事のラインにいるかもしれませんが、とにかく私の全くテストされていない意見を共有させてください：

考慮事項

パンダは、「スクロールせずに見えるほど」広告が多すぎるサイトを罰します。これらの画像が同じドメインにある限り、おそらく広告とは見なされません。

実際の<img />画像はコンテンツと見なされるため（非常に小さい場合を除き）、代替テキストを使用する必要があります。また、CSS背景画像よりも読み込みとレンダリングの優先度が高くなるため、アクセシビリティと（矛盾する）パフォーマンスを考慮します。 HTML画像のスケーリングは簡単ですが、背景画像のトリミング/配置を制御する方が簡単です。

Plain Ol 'Semantic HTML

これらの画像が頻繁に繰り返され、サイト全体でほとんど同じ場合、実際にはコンテンツではなく、実際にナビゲーションであるため、おそらく背景画像に適しています。

これらの画像がよりターゲットを絞ったものである場合（それらが置かれている場所との関連性が高い場合）、それらはそれらのページの「コンテンツ」の一部であり、代替テキストを含む<img />画像（アクセシビリティおよびユーザビリティ）。

タイトル属性？

@closetnocはタイトル属性（すべてのHTML要素で有効であり、通常、ホバーではtootltipsとして表示される）を参照していると思いますが、リンクが指すページの<title>要素を意味していると考えられます。

私は彼がタイトル属性を意味し、ju審員はグーグルがタイトル属性（グーグルそれ）を与える重要性（もしあれば）について出ていると仮定するつもりです。

Google 画像にtitle属性を使用することを奨励します 、ただしリンクに使用することは何もありません（CSS背景画像メソッドを使用する場合）。

また、タイトル属性がランキングとインデックス作成に影響を与えるという点で効果がないという主張がたくさんあります。 here および here を参照してください。

SEOの価値があるかどうか（ユーザーにとって価値があるかもしれません）かどうかはわかりません。そのため、テストして確認することをお勧めします。

パターン検出

Googleはパターンの検出と割引に優れています。「重複コンテンツ」を考えてください。

「ユニークな」コンテンツが多いほど良いので、画像、代替テキスト、アンカーテキストのバリエーションを可能な限り増やす2つの手法が最も効果的だと思います。

レスキューへのA/Bテスト！

テストできる時期を推測する理由

1
adam-asdf