Twitterの投稿をブログ記事に埋め込みについて作成中の記事にはツイ…

JavaScript や CSS、HTML の圧縮機能はサーバー側にも実装されている場合もあるので、念のため可能性のある設定も確認してみてください。

このほか、画像遅延読み込み設定も妨げとなっている可能性もあるので、そちらも確認してみてください。

@j_jetstreamさんありがとうございます。いろいろチェックを外してみたのですが、変わらないです。こちらは無理そうならあきらめようかと思っています。

もう一つお伺いしたいのですが、スマホからこのサイト名を指名検索をするとトップページの画像やアイコンが縦に何重にもでてきます。こちらの原因はわかりますでしょうか？
URL検索やパソコンでの指名検索では問題ないのですが、スマホのみです。
重ねて質問して申し訳ございません。

Cloudflare 利用されてますよね？
Cloudflare 側でも JavaScript、CSS、HTML の圧縮機能が実装されているはずなので、そちらも確認してみるか、もしくは一旦 CDN の利用を解除してみてはいかがでしょうか。
何にしろ、ツイート自体は拾われてるものの CSS などが妨げられているように見えますので、その辺の設定をすべて見直してみてください。

＞もう一つお伺いしたいのですが、スマホからこのサイト名を指名検索をするとトップページの画像やアイコンが縦に何重にもでてきます。こちらの原因はわかりますでしょうか？

▶おっしゃられている事象が、よく理解できません。事象を確認できるスクリーンショットを添付していただけますでしょうか。

Cloudflare は利用していません。思いつくものは全て外してみたのですが改善しませんでした。

2点目はスクリーンショットを貼り付けさせていただきます。もしかすると私のスマホが悪いのでしょうか？2台で試してみたのですが、どちらもブログ名で検索→このようになります。

Cloudflare ではなく jsDelivr でした、失礼いたしました。
プラグインを全て停止しても変化なしとのことですが、テーマの変更は試してみましたか？

プラグインやサーバー設定が原因ではないとなると、テーマが原因かもしれません。まずは原因がどこにあるのかを突き止めることからスタートとなるので、バックアップを取りつつ、WordPress デフォルトテーマなどに変更してみてください。
もしこれで正しく表示されれば、テーマが原因です。なので、Cocoon のどこかの設定を変更すれば、Twitter が表示されるようになるかもしれません。

＞2点目はスクリーンショットを貼り付けさせていただきます。もしかすると私のスマホが悪いのでしょうか？2台で試してみたのですが、どちらもブログ名で検索→このようになります。

▶スクリーンショット、ありがとうございます。
ちなみにこれは、何の画面でしょうか？検索結果画面ですか？？

私のモバイル環境では、添付いただいたスクリーンショットのような事象は確認できませんでした。

ありがとうございます。テーマも検討してみます。本当に何度も考えていただいてありがとうございます。

このスクリーンショットは検索結果画面から一番上のブログ名をタップすると出てくるトップページのものです。

若干ハードルが高くなる手法ですが、もしテーマファイルのカスタマイズが可能であれば、添付した URL を参照に「～」に Javascript 読み込み用コードを追記してみてください。

https://app-story.net/twitter-cannot-buried-method/#statusstatuses:~:text=%C2%A0javascript%20%E8%AA%AD%E3%81%BF%E8%BE%BC%E3%81%BF%E7%94%A8%E3%82%B3%E3%83%BC%E3%83%89%E3%82%92%E8%BF%BD%E5%8A%A0%E3%81%99%E3%82%8B

原因わかりました。おそらく AMP です。
Cocoon で AMP を ON にしていませんでしょうか？
Cocoon 設定にて、「AMP を有効化」を OFF にしてみてください。
https://wp-cocoon.com/amp/

ありがとうございます。Twitterはどうやっても埋め込みできないので、やめる方向でいくと思います。

あと何度も申し訳ないのですが@j_jetstreamのスマホのトップページ表示はアイコンや画像が重複していませんでしょうか？

@j_jetstreamさん、トップページ直りました！本当にありがとうございます。嬉しいです！

AMP はサイトの表示スピードを高速化するフレームワークなのですが、AMP を利用するにあたって Javascript や CSS などに多くの制限を設けられているため、かなり扱いの難しい機能となっています。
そのため AMP を利用するにあたって、テーマはもちろん、プラグインも互換性がないと正しく表示されないどころか、エラーで表示が崩れることもあります。

要は、AMP を有効化しているがために、Twitter 埋め込み時の Javascript や CSS が正しく読み込まれていなかったり、吹き出し（プラグイン）が正しく読み込まれていないことが原因と考えられます。

おそらく現時点で Cocoon の「AMP を有効化」設定は OFF になっているとは思いますが、まだ AMP が作用していますね。AMP プラグインを入れていたりしませんか？
もし可能であれば、利用されているプラグイン一覧を添付してください。

※「若干ハードルが高くなる手法ですが～」の投稿は無視でOK です。もし Javascript 読み込み用コードを追記してしまったのであれば、削除して元に戻してください。

Cocoon の「AMP を有効化」設定がまず原因だったことはわかり無効化したと思うので、改めてプラグインを全て停止してみてはいかがでしょうか。
これで Twitter が表示されれば、何らかのプラグインが原因です。

AMPのプラグインは入れてないです。今入っているプラグインを全て無効にしてみましたが、変わらないので、プラグインとの関係性は低いのかなと思います。

わかりました。ではテーマを変更した場合の状況を確認して、原因を突き止めるしかなさそうですね。

ただその前にですが、ツイートの埋め込み方も変えてみてください。
おそらく今は「Twitter ブロック」を利用してツイートを埋め込んでいるかと思いますが、単にツイートの URL をそのまま張り付ける、などです。

まだ現時点でテーマが原因とも言い難い状況ですが、プラグインを全て無効化しても事象が変わらないということであれば、テーマが原因の可能性は高いと言えます。

一旦テーマを Cocoon 以外に変えたりスキンを変えてみるなどして様子を見てからにはなりますが、（もしそれで事象が直る場合は、）やはりテーマ提供元が提供しているフォーラムで質問された方が、解決は早いかもしれません。
https://wp-cocoon.com/community/

@j_jetstream さん、何度もアドバイスありがとうございます！もう一度記事を作成し直し、一つ一つブロックごとにコピペして原因を探ることにしました。原因はアマゾンのアフィリリンクを貼ると、Twitterの埋め込みができないと判明しました。なのでアマゾンは削除し、ツイートが見える新しい記事で投稿し直しました。なぜこのような仕様になるかは不明ですが、沢山ご指導いただいたおかげで解決策にたどりつけました。
ベストアンサーにさせていただきます。