ブログでTwetterの口コミを表示させたい時の方法を記述します！

ブログで評判を載せる時、Twetterのツイート表示出来れば、信憑性があがりますね。

ブログでTwitterのツイートを表示させる方法

表示させたいツイートをクリックします。右の点々をクリックします。

「</>Embed Tweet」をクリックします。

日本語であれば「ツーイートを埋め込む」です

「Copy Code」をクリックします。

「Copied！」の表示がでればクリップボードにコピーされます。

WordPressの「カスタムHTML」でペーストしましょう。

するとページにツイートが表示されます。

SWELL楽しい😊
お陰でブログ触る時間増えた。

ブロックエディタが簡単で綺麗な記事スラスラ書けるから、もう元のテーマに戻れないかも😅

サイト表示速度もかなり上がった🚀
トップページもカスタマイズし易いし
まさに神テーマだった😭https://t.co/6jvzoaHR4u#ブログ書く#ブログ初心者#SWELL

— スグル@SWELL、ブログ、プログラミング (@sugublograming) June 18, 2021

ブログでTwitterのツイートをなるべく軽く表示させる方法

複数のツイートを埋め込む事の方が多いと思います。

ツイートの最後の「<script～/script>」が毎回入ってきます。最初の１つだけ残して、後のツイートの「script」は消してあげましょう。

プレビューで見てみると最初のツイートだけ枠が出来ています。

実際投稿すると、すべて枠が表示されるので安心してください。

ツイートの最後の「<script～/script>」は枠を作るスクリプトです。

スクリプトはサイト表示を遅くする原因の一つです。

毎回読み込むよりは、サイト表示が速くなります。

ブログでTwetterのツイートを表示するにあたっての疑問と注意点

人のツイートをブログに乗せるのに、著作権はどうなのか？

問題ありません。

ユーザーは、本サービス上にまたは本サービスを介してコンテンツを送信、投稿または表示することによって、当社が、既知のものか今後開発されるものかを問わず、あらゆる媒体または配信方法を使ってかかるコンテンツを使用、コピー、複製、処理、改変、修正、公表、送信、表示および配信するための、世界的かつ非独占的ライセンス（サブライセンスを許諾する権利と共に）を当社に対し無償で許諾することになります（明確化のために、これらの権利は、たとえば、キュレーション、変形、翻訳を含むものとします）。このライセンスによって、ユーザーは、当社や他の利用者に対し、ご自身のツイートを世界中で閲覧可能とすることを承認することになります。

Twitterサービス利用規約

ツイートが削除されたらどうなるの？

リンク切れになります。

サイトの評価にもかかわりますので、リンク切れはしっかり管理しましょう。

オススメのプラグインは「Broken Link Checker」

自動でリンクエラーチェックして、教えてくれるプラグインです。

Broken Link Checker – WordPress プラグイン | WordPress.org 日本語

ブログでTwetterのツイートを表示する方法まとめ

ブログでTwetterのツイートを表示する方法は、ツイートのURLを埋め込めば可能。

複数のツイートを埋め込む場合は、なるべく軽く埋め込みましょう。

著作権は問題ないですが、リンク切れなどに注意しましょう。

リンクチェックはプラグインで自動化しましょう。

お勧めはBroken Link Checker – WordPress プラグイン | WordPress.org 日本語でした。

swellの記事をtwitterで拡散したいワンコ

SWELLの記事を更新したのでSNSのtwitterで拡散したい。twitterカードを使用したけど上手く表示されない。

管理人

また記事を変更したけどtwitterカードは更新されない場合もありますね

そういった場合どうすれば良いでしょうか？はやくきちんと表示させたいですよね。

そのような不具合を経験した筆者が、同じ悩みをしている人に向けて解決します。

WordPressのテーマ「SWELL」を使用しており、下記のようなことで困っている人はこの記事を読んでください。

• Twitterでブログの記事を紹介したい！でも表示されない
• ブログ更新したけどTwitterカードが更新されない

簡単に表示する事が出来ますので、対応していきましょう！

Twitterカード表示されない時の確認方法

Twitterカードとは、カード作成方法も念のため書いておきます。

カードの確認方法に行きたい方は「目次」から「Twitterカードの確認方法」へ飛んでください。

Twitterカードとは

Twitterカードとは・・・Twitterでブログの記事を画像付きリンク貼っているあれです。

Twitterカードを有効にする

Twitterカードを有効にするには

SEO PACKのプラグイン＞OGP設定＞Twitterタブを順にクリックします。

1. 「Twitterアカウント名」にアカウント名を記入します。
2. カードタイプを選択します。
3. 「設定を保存する」をクリックします。

カードタイプとは

• summary・・・画像が小さいスマートなリスト型
• summary_large_image・・・画像が大きいダイナミックなカード型

Twitterカードの確認方法

きちんとTwitterカードが完成しているか確認しましょう。下記サイトへ行きます。

その後の手順は以下の2ステップです。

1. 記事のURLを貼り付ける
2. 「Preview card」をクリックします。

「Card preview」に表示されていれば問題なく作成できてます。

あとはTwitterに記事のURLを貼ればOKです。

swellのtwitterカードが上手く表示や更新がされない時

SwellのTwitterカードが表示されない。記事更新したけどTwitterカードが更新されない時があります。

「記事のページタイトル」ではなく「サイトタイトル」になっていたので記事を変更しました。

カードは更新されませんでした。

更新されない原因

原因はキャッシュにありました。キャッシュが以前のデータを保持していた為、更新が出来ていないように見えていました。

試したこと・解決策

SWELLでキャッシュをクリアしました。そうすればきちんと更新できました。

SWELLでキャッシュをクリアする方法は以下です。

SWELL設定＞リセットタブ＞をクリックします。

「キャッシュのクリア」項目の「キャッシュを削除する」をクリックします。

きちんとページタイトルに変わっていました。

以上になります。きちんと表示されているでしょう！

ブログのテーマを迷っている方はSWELLがオススメです。

あわせて読みたい

SWELLの評判・口コミ｜WordPressのテーマ【劇的にブログが変化する】 こんにちはスグル（@sugublograming）です。この度、思い切ってWordpressのテーマを「SWELL」にしました！ 無料のテーマや以前のテーマでは、デザインがいまいちで悩ん…