ツイートの画像にリンクを貼る方法ってどうやるの？
- X(旧ツイッター)のポスト(ツイート)で画像にリンクを貼りたい。
- 画像にリンクを入れられればクリック率が向上するのに…
- テキストリンクより画像にリンクを貼って投稿したい。
こんな悩みはありませんか？
この記事では、X(旧ツイッター)のポスト(ツイート)で画像にリンクを貼る方法をお伝えします。
本来ならブログなどの場合は設定次第でカード形式で表示される事がありますが、
自分の機能のURLへ
自分の機能の画像を
ツイートする事ができます。
このブログ記事「ツイートの画像にリンクを貼る」の執筆者
X(旧ツイッター)のツイートの画像にリンクを貼りたいと思って研究を続けてきました。
以前まではTwitter広告をうまく使えば画像にリンクを貼り付けた形のツイートを作れましたが現在は実際に広告を打たない限り作れない仕様になっており、何か抜け道と裏技がないか調査と検証をして答えを見つけました。
ツイートの画像にリンクを貼るメリット
ツイートの画像にリンクを貼るメリットはいわゆるクリック率の向上が期待できます。
通常の場合
URLを貼ることで下記のように画像のリンクが表示されます。
この画像リンクのURL先は自由に変更可能なので、アフィリエイトバナーなども貼り付ける事ができます。
URLをクリックしても画像をクリックしても自分の好きなURLを設定できます。
SNSは、なんとなく見ている人が多いのでURLのテキストリンクよりも画像が最も目に留まります。
実際に僕でもSNSを見てるとインパクトの画像のツイートが流れると真っ先に目がいきます。
ではどのようにしてツイートに好きな画像を貼り付けてクリックすればリンク先に移動できるようになるのでしょうか？
ツイートの画像にリンクを貼る方法
それでは、ツイートの画像にリンクを貼る方法をお伝えします。
用意するもの
- レンタルサーバ
- メモ帳などのテキストエディタ
まず必要なものはレンタルサーバが必要です。
できればドメインもある方が良いので、既にレンタルサーバやドメインをお持ちの人ならすぐに運用できます。
手順１ テキストファイルにメタタグを記述
テキストファイルを開きます。
<meta name=”twitter:card” content=”summary_large_image”>
<meta name="twitter:site" content="@Twitterアカウント名”/><meta name="twitter:title" content="タイトルがあれば、記入” />
<meta name="twitter:description" content="文章があれば記入” />
<meta name="twitter:image" content="画像のURL”/>
<meta http-equiv="refresh" content="0; url=リンク先のURL">
上記のソースを <head></head>に加えます。
１アカウント名
Twitterのアカウント名を入力する。
２タイトル
SNS上に表示させるタイトル
３．本文
何か本文や説明があれば記述します。
４．画像のURL
表示させたい画像のURLを記述します。自分のブログなどの素材を使うなら右クリックで画像のURLをコピーで大丈夫です。
５．リンク先URL
飛ばしたいURLを指定します。
注意点
注意点ですが２のタイトルと本文は、表示しない事が多いです。
また画像のURLは最初の画像を使うとX(旧ツイッター)のサーバのキャッシュのせいで次の画像が1枚目の画像になって うまく表示しない事があります。
また画像も容量が大きいと表示しないケースもありますがワードプレスで利用するような画像の場合は、問題ない事が殆どです。
テキストファイルをHTML形式で保存してアップロードする。
作成したテキストファイルを英数字、そしてUTF8で拡張子を
「.html」で保存をしてください。
保存したhtmlファイルをFTPツールでアップロードする
という形になります。
ツイートにURLを貼る
ではアップロードしたhtmlファイルのURLをツイートに貼ります。
うまくいってるとURLを貼るだけで画像が表示されます。
まとめ
ツイートの画像にリンクが貼れるとクリック率は高くなります。
もちろん画像によっても左右されます。
クリックを誘発する、紛らわしい画像でも #アド を加えておけば大丈夫なので 色々な画像で試してみて下さい。
画像作りは、初心者でもCANVAが最も早く綺麗にできると思います。
