ツイートに他のサイトへのリンクを追加する

ツイートには他のサイトへのURLを記述してリンクを追加することができます。ここではツイートにリンクを追加する方法とリンクがツイートの中でどのような扱いになるのかについて解説します。

(Last modified: )

ツイートにリンクを追加する

それでは実際にツイートにリンクを追加してみます。(ツイートの作成から投稿までの手順については「ツイートの作成と投稿」を参照されて下さい)。最初にテキストを入力しました。

ツイートにリンクを追加する(1)

ツイートにリンクを追加するには、リンク先の URL をテキストとして入力してください。入力されたテキストが URL と認識されると自動的にリンクが設定されます。

ツイートにリンクを追加する(2)

入力しているテキストが URL と認識されると URL の部分が青い文字に変わります。

URL を入力する前に 1 文字開ける必要はありませんが、 URL の前後に半角英数字のテキストがある場合は、どこまでが URL なのか区別できるように URL とテキストの間にスペースなど半角英数字以外の文字を 1 つ入れて下さい。

ツイートにリンクを追加する(3)

ツイートにリンクを追加する(4)

それではツイートを投稿してみます。「ツイート」をクリックして投稿して下さい。

ツイートにリンクを追加する(5)

リンク付きのツイートが投稿されました。

ツイートにリンクを追加する(6)

ツイートに記載した URL は https://www.pref.aichi.jp/ でしたが、投稿されたツイートに表示されているのは pref.aichi.jp の部分だけです。「http://」や「https://」およびホスト名が「www.」だった場合は「www.」の部分も省略されます。

ツイートにリンクを追加する(7)

ただツイートに表示されている URL にマウスを合わせると実際のリンク先がポップアップで表示されます。

ツイートにリンクを追加する(8)

それでは実際にリンクをクリックしてみます。リンク先のページが新しいウィンドウに表示されます。

ツイートにリンクを追加する(9)

リンク先のページにTwitterカードが設定されている場合

ツイートにリンクを追加するとき、リンク先のページに Twitter カードが設定されていると表示の仕方が変わります。

実際に試してみます。次のようなツイートを作成し、投稿しました。

リンク先のページにTwitterカードが設定されている場合(1)

投稿されたツイートは次のように表示されます。

リンク先のページにTwitterカードが設定されている場合(2)

ツイートにはリンク先の URL は表示されず、代わりにツイートの下に Twitter カードが表示されます。このようにリンク先のページに Twitter カードの設定がされている場合は、リンクの表示の仕方が代わります。 Twitter カードについてより詳しくは「Twitterカードの使い方と設定方法」を参照されてください。

リンク先のURLが長い場合の表示のされ方

(リンク先のページが Twitter カードが設定されていない場合で)ツイートの中に非常に長い URL を記述した場合、投稿されたツイートでは一部が省略されて表示されます。

実際に試してみます。次のようなツイートを作成し、投稿しました。 3 つの URL を記載しています。

リンク先のURLが長い場合の表示のされ方(1)

投稿されたツイートは次のように表示されます。

リンク先のURLが長い場合の表示のされ方(2)

今回複数の URL を記述してツイートを投稿しましたが、 3 つの目の URL については一部省略されて ... と表示されています。

リンクの追加によるツイートの文字数制限への影響

Twitter では 1 つのツイートに入力できる文字数は半角文字なら 280 文字、全角文字なら 140 文字までと決まっています。ツイートにリンクを追加した場合、公式ヘルプでは次のように記載されています。

23文字未満のリンクを含む、あらゆる長さのリンクが23文字に変換されます。この23文字はツイートの文字数にカウントされます。

このようにツイートにリンクを追加すると、 URL の長さに関係なく 23 文字分(半角文字の 23 文字)としてカウントされます。

複数のリンクを記述した場合は、ひとつのリンクに付き 23 文字です。

-- --

ツイートにリンクを追加する方法とリンクがツイートの中でどのような扱いになるのかについて解説しました。

( Written by Tatsuo Ikura )

プロフィール画像

著者 / TATSUO IKURA

これから IT 関連の知識を学ばれる方を対象に、色々な言語でのプログラミング方法や関連する技術、開発環境構築などに関する解説サイトを運営しています。