Webページにリンクを追加する方法

公開: 2022-05-04

リンクまたはハイパーリンクの作成：

あなたはおそらくあなたのウェブサイトのページからウェブ上の別のページに簡単なテキストリンクを追加する方法を理解しようとしています。この記事では、これを行う方法を説明するとともに、SEOにおけるリンクの役割に関するいくつかの貴重な情報を共有します。

テキストリンクは、一般的にWebサイトで使用されます。彼らの主な目的は、ウェブ上の別のページにあるリソースを簡単に共有することですが、これが彼らの唯一の理由ではありません。 Web上の別のページにリンクすると、Webページとリンク先のページの両方の検索ランクに影響を与える可能性があります。

HTMLでハイパーリンクを作成する方法

リンクを作成するには、リンク先のページのURL（Uniform Resource Locator）アドレスを知っている必要があります。たとえば、SagapixelのWebサイトへのリンクを作成するとします。

まず、プロトコルを含むWebページのURLが必要になります。つまり、URLは単に「sagapixel.com」ではなく「https://sagapixel.com」のようになります。 YahooやGoogleなどの検索エンジンを使用してサイトのURLアドレスを検索できます。アドレスを取得したら、正しいHTMLステートメントが必要です。例えば：

フィラデルフィアSEO会社

そして、これがそれを作ったコードです：

<a href=”https://sagapixel.com/seo/philadelphia”> Sagapixel SEO </a>

このコード行を構成する3つの部分に注目してください。まず、参照リンクを開始する<a href=”https://sagapixel.com/seo/philadelphia”>があります。この場合、引用符で囲まれた完全なURLアドレスが使用されていることに注意してください。相対URLアドレスも使用できます。第二に、私たちのリンクとなるテキストがあります。 3番目の、そして最も重要なのは、参照リンクを終了する</a>タグです。

理にかなっていますよね？あなたには始まりと終わりがあり、その間のものはリンクされます。

ここで、順序付けされていないリストステートメントをこの参照リンクステートメントと組み合わせるとどうなるでしょうか。リンクのリストを作成できます。それがあなたが望んでいたことですよね？

モズ
ウェブサイトデザイナー
Tucows.com

これを行ったコードは次のとおりです。

<ul>
<li> <a href=”https://moz.com/”> Moz </a> </ li>
<li> <a href=” http://www.rareamericana.com/“> Rare Americana </a> </ li>
<li> <a href=”https://sagapixel.com/web-design/philadelphia/”>ウェブサイトのデザイン</a> </ li>
<li> <a href=”http://tucows.com/”> Tucows.com </a> </ li>
</ ul>

とても簡単ですよね？そうでない場合は、リスト作成のチュートリアルを確認する必要があります。各リンクが< li>タグと</li>タグで囲まれていることに注目してください。

画像リンク：

リンクを張るときはあまり制限されません。 JPG（JPEG）ファイルやGIFファイルなどの画像をリンクすることができます。これが私の傑作「image.gif」を使った例です。

このリンクはメトロポリタン美術館へのリンクです。皮肉なことではありません。それにもかかわらず、私はあなたがリンクの始まりと終わりを以下で見ることができる家にいます。ホームページにグラフィックを挿入する方法がわからない場合は、画像に関する私のチュートリアルにアクセスしてください。

<a href=”http://www.metmuseum.org/”> <img src =” image.gif”> </a>

通常、これはすべて1行になります。私はそれをフィットさせるためにそれを包まなければなりませんでした。この場合、2つのアドレスを知っている必要があることに注意してください。リンク先のURLアドレスと使用している画像のURLアドレスを知っている必要があります。

あなたはおそらく私の画像の周りの青い線に気づいたでしょう。これは、実際には、リンクの場合にテキストが青色に変わるのと同じように、画像の境界線が青色に変わることです。青い境界線を削除するには、 BORDER =” 0”属性またはオプションを<img src =”…”>ステートメントに追加します。これを以下に示します。

そして、これがそれを行ったコードです。

<a href=”http://www.metmuseum.org/”> <img src =” image.gif” border =” 0”> </a>

リンクのSEOへの影響

Web上のページにリンクすると、Webページとリンク先のページの両方の検索ランクに影響を与える可能性があります。

リソースにリンクするときの検索ランクへの影響

Googleはハイパーリンクを使用して、自分のコンテンツと他のWebサイトのコンテンツの両方の関連性を判断します。たとえば、ペンシルベニア州での住宅ローンの差し押さえについて説明しているブログ投稿がある場合、プロセスについて説明しているpa.govのリソースへのリンクを含めると、この投稿が信頼できるリソースを引用していることがGoogleに示されます。このリンクは、コンテンツが十分に調査されている可能性が高く、信頼性が高いことを示しています。

逆に、「悪い近所」にリンクすると、逆の影響を与える可能性があります。

スパムのペイデイローンのウェブサイトにリンクしている住宅ローンの差し押さえに関する記事は、あなたのリソースが情報を提供することを目的としておらず、訪問者をウェブ上の危険な場所に誘導することを目的としているというシグナルを送信する可能性があります。これは、検索ランクに悪影響を与える可能性があります。

リンク先のページへの影響

Web上の別のページにリンクすると、PageRankが渡されます。これは、ウェブページの信頼性を判断するためのGoogle独自の方法です。言い換えれば、他のWebサイトから多くのリンクを獲得しているページは、リンクを獲得していないページよりも「信頼性が高く」、Googleユーザーにとってより優れたリソースであると見なされます。

さらに、アンカーテキストと呼ばれるリンクの作成に使用されるテキストは、ページの関連性に関するシグナルを送信します。住宅ローン差し押さえリンクの例では、ウェブページが「差し押さえを防ぐ方法」というアンカーテキストにリンクされている場合、Googleはこのページがそのトピックに関するものであると判断します。これにより、このページがそのクエリで上位にランク付けされる可能性が高くなります。

リンクのコンテキストも重要です。

自動車修理に関する記事の「差し押さえを防ぐ方法」というアンカーテキストを使用して差し押さえページにリンクしても、住宅所有に関する記事の同じ正確なリンクと同じ影響はありません。

さて、私はあなたがこの小さなリンクチュートリアルを楽しんだことを望みます。リンクの作成を楽しんでください。