旧cremu(2017-2025)のアーカイブです。閲覧のみ。

新しい投稿は 掲示板 / Q&A / 添削 へどうぞ。

2022/09/20

Twitterカードのタグについて、WEBデザインに詳しい方に教えてもらいたいです。

Twitterカードのタグについて、WEBデザインに詳しい方に教えてもらいたいです。 個人サイトをTwitterに載せたときに、pixivの全年齢小説をTwitterでシェアした時のような「表紙画像+本文の冒頭」がセットで表示されるTwitterカードを設定したいのですが、どのようなタグを使えばいいのかわかりません…。 pixiv型のTwitterカードはどうやったら制作できますか? HTMLにくわしい方がいらっしゃいましたら教えてください。
10 コメント
10 コメント
2.ID: ySWE6u3O2022/09/20

pixivのソース見たら解決するよ

3.ID: YzL7heE92022/09/20

>>2

ソース開いても表示されないように設定されてました。

4.ID: 2fQVk0Ls2022/09/20

こちらの参考ページが分かりやすかったので貼っときます。 https://unique1.co.jp/column/sns_operation/3033/ リンクを貼るのがよくない場合は削除しますね。 今支部を見たら上記参考ページの『OGP設定』を採用していたので、そちらでやってみるといいかと思います。 そしてそのために必要な手順としては ★表示したい画像をサーバーにアップする(https://の記述から始まるURLを取得するため) →そのための画像を作成する必要があるようです。推奨サイズは『3-1.トリミングを意識してアイキャッチ画像を設定する』という項目で書かれていました。 ★表示タイトルを考えておく あたりでしょうか。 なお支部のタイプはサマリーカードだと思うので、 <meta name="twitter:card" content="summary" /> が正解です。 これでいければ良いのですが。頑張ってください。

5.ID: 2fQVk0Ls2022/09/20

>>4

参考URL変になってたので再度はっつけますね。 https://unique1.co.jp/column/sns_operation/3033/

6.ID: ySWE6u3O2022/09/20

>>2

それはそっちの環境のせいじゃん うちのPCからは見れる

7.ID: ySWE6u3O2022/09/20

>>2

まあでも意地悪言ってもしょうがないか ソースを見てみるとどうやら表紙と本文冒頭の画像が生成されてるっぽい だからpixiv型にしたかったらいちいち自分で画像作らないといけない

9.ID: 2fQVk0Ls2022/09/20

>>4

度々すみません。タグの部分が冒頭に飛んじゃってるのでこちらも再掲します。 『meta name="twitter:card" content="summary"』 (『』は<>にしてください) 残りの部分は参考ページの通りなので、そちらをご確認ください。 ちなみにソースが見れないようであればPCの開発者モード(F12を押す)のhead内記述で確認できたので、良ければご活用ください。

10.ID: ySWE6u3O2022/09/20

>>4

ソースみたら大型画像サマリーカードだったよ <meta property="twitter:card" content="summary_large_image">

11.ID: 2fQVk0Ls2022/09/20

あ、本当だ。じゃあそっちで(笑)

12.ID: 7BWHqwtQ2022/09/20

本職ですが、pixivのようなTwitterカード内に文字を自動で入れるのはかなり特殊なことをやってるので初心者の方には難しいかと思います 上にも書いてるけど自分でページそれぞれにOGP画像をpixiv風に自作するくらいしか思い浮かばない 希望に添えなくてごめんね!

新しいcremuの人気トピック

人気のタグ