2019/08/30

Twitterのつぶやき中のリンクとサムネの表示について

つぶやきの文末にURLがあると、URLの文字は表示されずWebサイトのサムネが表示される。
そのため、複数のURLを並べて表示すると、最後のURLだけ他と表示方法が異なるため、不都合が生じる。

たとえば、2つのURLを並べると下図のように表示される。文中のURLのリンク先とサムネのリンク先が異なるが、おそらく、サムネの方がアクセス集中すると思う。


このような表示を回避したい場合、最後のURLを2回貼る、最後のURLの後ろに文字を記入する、といった方法がある。
ただし、URLの後ろに連続した改行やスペースがあった場合、それは無視される。


参考「twitter仕様調査：ツイート内のURLが消える条件と小枠化される条件の確認」



詳細

URLを貼り付けたときに概要が表示される機能は正確にはTwitterカードというらしいが、ここでは便宜的に画像とまとめてサムネイル、サムネと表現している。

また、改行の有無については、改行ありはURL後に改行、改行なしはURL後に改行しないものとする。

それぞれ、次の3つの項目を並べて表示している。
・ツイート時に入力した文字
・スクリーンショット画像
・ツイートの埋め込み


URLが1つの場合

1-1　文末ULR、改行あり
https://moon.ap.teacup.com/kuhaku/1289.html






1-2　文末URL、改行なし https://moon.ap.teacup.com/kuhaku/1289.html





1-3　文中URL、改行あり
https://moon.ap.teacup.com/kuhaku/1289.html
文末。






1-4　文中URL、改行なし https://moon.ap.teacup.com/kuhaku/1289.html 文末。





1-5　文末URL、URL後にスペース
https://moon.ap.teacup.com/kuhaku/1289.html





1-6　文末URL、URL後に改行2回
https://moon.ap.teacup.com/kuhaku/1289.html







1-7　文末URL、URL後にスペース2つ
https://moon.ap.teacup.com/kuhaku/1289.html





1-8　文末URL、URL後に全角スペース
https://moon.ap.teacup.com/kuhaku/1289.html　





1-9　文末URL、URL後に全角スペース2つ
https://moon.ap.teacup.com/kuhaku/1289.html　　




URLが2つの場合


2-1　文末URL2つ、改行あり
1. https://moon.ap.teacup.com/kuhaku/1289.html
2. https://moon.ap.teacup.com/kuhaku/1291.html






2-2　文末URL2つ、改行なし 1. https://moon.ap.teacup.com/kuhaku/1289.html 2. https://moon.ap.teacup.com/kuhaku/1291.html





2-3　文中URL2つ、改行あり
1. https://moon.ap.teacup.com/kuhaku/1289.html
2. https://moon.ap.teacup.com/kuhaku/1291.html
文末。






2-4　文中URL2つ、改行なし 1. https://moon.ap.teacup.com/kuhaku/1289.html 2. https://moon.ap.teacup.com/kuhaku/1291.html 文末。




URLが3つの場合

3-1　文末URL3つ、改行あり
1. https://moon.ap.teacup.com/kuhaku/1289.html
2. https://moon.ap.teacup.com/kuhaku/1291.html
3. https://moon.ap.teacup.com/kuhaku/1293.html






3-2　文末URL3つ、改行なし 1. https://moon.ap.teacup.com/kuhaku/1289.html 2. https://moon.ap.teacup.com/kuhaku/1291.html 3.https://moon.ap.teacup.com/kuhaku/1293.html





3-3　文中URL3つ、改行あり
1. https://moon.ap.teacup.com/kuhaku/1289.html
2. https://moon.ap.teacup.com/kuhaku/1291.html
3. https://moon.ap.teacup.com/kuhaku/1293.html
文末。






3-4　文中URL3つ、改行なし 1. https://moon.ap.teacup.com/kuhaku/1289.html 2. https://moon.ap.teacup.com/kuhaku/1291.html 3. https://moon.ap.teacup.com/kuhaku/1293.html 文末。




URLと画像が混在する場合。

4-1　文末ULR、改行あり、画像あり
https://moon.ap.teacup.com/kuhaku/1289.html






4-2　文末URL、改行なし、画像あり https://moon.ap.teacup.com/kuhaku/1289.html



By
Labels: ,

0 件のコメント:

コメントを投稿

登録: コメントの投稿 (Atom)