私たちのサイトは著者に「バッジ」を配布しています。彼らは個人のブログにこれらを投稿することができ、私たちのサイトへの着信リンクとして機能します。
フラグを立てるようなことをせずに、SEOに最適なコードを提供したいと考えています。
私はあなたが次のコードスニペットで何を考えているのか、誰かがそれについてDEFINITEアドバイスを持っているかどうかを知りたいです。また、いずれかが冗長であるか、SEOの目的にとって価値がないかどうかをお知らせください。
一部のライターには外部CSSへのリンクを追加するアクセス権がないため、CSSをインラインに保ちました。
実際の値を変更しましたが、タイトル、altなどは、ページのタイトルなどに似た説明的なキーワードになります(キーワードをオーバーロードしないなど)
<div id="writer" style="width:100px;height:50px;>
<h1><strong style="float:left;text-indent:-9999px;overflow:hidden;margin:0;padding:0;">articles on x,y,z</strong>
<a href="http://www.site.com/link-to-author" title="site description">
<img style="border:none" src="http://www.site.com/images/badge.png" alt="description of articles" title="View my published work on site.com"/>
</a>
</h1></div>
それは信じられないほどスパム行為のように見えますが、検索エンジンにとってはチャンスでしょう。また、ユーザーはh1のためにそのコードの使用を嫌がる場合があります(HTML4ではページごとに1つしか使用できません)。加えて、彼らはそれ(および他の要素)が彼らのサイトでの見た目に影響を与えると考えるかもしれません。
シンプルな画像リンクでSEOの価値を高めることができます:
<a href="example/com"><img src="example.com/image.png" alt="link text" style="border:0" /></a>
Googleは、代替テキストにテキストリンクであるかのように、ある程度の重みを与えると考えています。バッジシステムに適合する場合は、代替として通常のテキストリンクのコードを提供できます。
できるだけ多くのリンクを取得したいので、覚えておいてくださいできるだけ簡単にリンクしてください!良いサイトからのキーワードを含まない10個のリンクは、キーワードを含む1つのスパムリンクよりもはるかに優れています。
コメントに関するいくつかの追加: