Cocoonフォーラム

サイト内検索
書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL:

相談内容:

不具合の発生手順:

解決のために試したこと:

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
https://wp-cocoon.com/theme-trouble/

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法
  7. ブラウザ環境チェックツール
  8. Cocoonカスタマイズ依頼

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

不具合?ツイッターから直接ブログを開く...
 
共有:
通知
すべてクリア

[解決済] 不具合?ツイッターから直接ブログを開くと404エラーが起こる

14 投稿
4 ユーザー
6 Reactions
4,521 表示
(@oomoto)
Reputable Member Registered
結合: 7年前
投稿: 326
トピックスターター  

ツイッターからブログを開くと404エラーが表示されます。

 

ツイッターからサファリで表示するとちゃんと表示されるのですが、

これはコクーン側の問題でしょうか?

それともツイッター側の問題ですか?

 

 


   
(@oomoto)
Reputable Member Registered
結合: 7年前
投稿: 326
トピックスターター  

正確にいうと、コクーンで制作した記事はツイッターからちゃんと表示されます。

しかし、以前使用していたテーマの記事はツイッターから表示されなくなりました。

しかし、FBではちゃんと表示されます。

なぜでしょうか?


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17391
 

その点404になる、ツイートのURLと、実際のページURL、あと以前使用していたテーマ名を教えていただいてよろしいでしょうか。


   
(@oomoto)
Reputable Member Registered
結合: 7年前
投稿: 326
トピックスターター  

ありがとうございます。

以前しようしていたテーマはLuxeritasという無料テーマをしようしていました。

https://thk.kanzae.net/wp/

 

ツイートはこの2件です。

https://twitter.com/so88qa/status/977217174623240193

https://twitter.com/so88qa/status/977217548377776128

よろしくお願いします。


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17391
 

僕の環境から試してみた限りでは、双方のツイートの記事リンクどちらとも404にならず通常表示されるようです。


   
(@oomoto)
Reputable Member Registered
結合: 7年前
投稿: 326
トピックスターター  

情報が少なくて申し訳ありません。

スマホのツイッターからだと、404がでます。

スマホはiPhoneでOSは11.3パグリックベーダ版を使用しています。

 

なお、僕もPCからは404にならず、ちゃんとみれました。


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17391
 

iPhoneから見ると着いたのリンク先のURLはどのようになっているのでしょうか。
パソコンで見るとURLは以下ですけど、以下のリンクはiPhoneから開けるのでしょうか。
https://t.co/2foDaBox0b


   
(@oomoto)
Reputable Member Registered
結合: 7年前
投稿: 326
トピックスターター  

iPhoneからツイッター経由で見た場合のリンク先は

https://t.co/2foDaBox0 b"> https://wvtravelclub.jp/50kiji/amp#click=https://t.co/2foDaBox0b

です。

ちなみこの

https://t.co/2foDaBox0b

からは、異常なく見れます。


   
(@まりも)
New Member
結合: 4年前
投稿: 3
 

横から失礼します。お世話になります。

こちらは2年前の質問になりますが、どこかに解決方法が書かれているでしょうか。

今わたしのサイトでも、ツイッターからスマホでブログを開くと404エラーが表示される不具合が生じています。Twitter先からみたリンク先とサイトのURLがootomoさんと同じような状況です。よろしくお願いします。


   
はる
(@haruinoue)
Noble Member Moderator
結合: 4年前
投稿: 1090
 

推測ですけど、スマホTwitterは貼られているリンクの種類に関わらずampで開こうとする挙動のように思います。

https://hoge.com をツイートしたのに、 https://hoge.com?amp=1 とか https://hoge.com/amp/ を開こうとするような。

もしまりもさんの症状がLuxeritas(他テーマ)からCocoonに移行した後ということまでoomotoさんと同じだとしたら、Twitterが「 https://hoge.comhttps://hoge.com/amp/ を開く」ということにしていたのに、テーマを変えて https://hoge.com/amp/ が404になってしまったのかなぁと思いました。

Cocoonのampページは https://hoge.com?amp=1 ですが、Luxeritasは https://hoge.com/amp/ の形式です。

対策としては.htaccessを使って/amp/へのアクセスをampじゃないページにリダイレクトする…?

あとはもしかしてCard validatorで正しいURLを覚えさせたりできるでしょうか。


   
わいひら reacted
はる
(@haruinoue)
Noble Member Moderator
結合: 4年前
投稿: 1090
 

書き込んだ後で調べたらすぐに以下の記事が見つかりました。
書き込む前に調べれば良かったですね。

[AMP] TwitterのAMPページサポートについて - Qiita

やはりモバイルだけがampページに自動的に誘導されるようです。

AMP URLがキャッシュされるのが原因なので、上記記事でもCard validatorを使うよう書かれていました。


   
わいひら reacted
(@まりも)
New Member
結合: 4年前
投稿: 3
 

はる様

ご回答ありがとうございます。

記事を確認しました。Card validatorを開いてみましたが、Card URLに入れるものは、TOPページURLでいいのでしょうか。記事には、canonical URL を入れるとありましたが、特にプラグインなど何も設定していないためそのようなURLはありません。


   
はる reacted
はる
(@haruinoue)
Noble Member Moderator
結合: 4年前
投稿: 1090
 

Card validatorに入力するURLはキャッシュを削除したい個別URL全部です。

canonical URLとは、要はampじゃない普通のページのURLです。


(以下は以前Luxeritasを使っていてCocoonに乗り換えたという前提です)

例えば https://hoge.com/blog/ というURLで記事を更新してそのURLをTwitterに投稿したとします。

Twitterは、 https://hoge.com/blog/ の他に https://hoge.com/blog/amp/ というURLも保管して、「スマホから https://hoge.com/blog/ にアクセスした人は https://hoge.com/blog/amp/ に飛ばす」というように記憶します。

その状態でCocoonに乗り換えたので https://hoge.com/blog/amp/ は消えて代わりにAMPページのURLは https://hoge.com/blog/?amp=1 になりました。

でもTwitterは「スマホから https://hoge.com/blog/ にアクセスした人は https://hoge.com/blog/amp/ に飛ばす」と覚えているので、存在しなくなったURLに飛ばされてしまいます。

Card validatorを使うと、その覚えている内容を「スマホから https://hoge.com/blog/ にアクセスした人は https://hoge.com/blog/?amp=1 に飛ばす」に変更することができます。


何もしなくてもキャッシュ期限(いつまで覚えてるか)が過ぎれば通常のページに飛ぶようになると思います。

いつまで覚えてるのかはTwitterの中のことなので分かりません。

Cocoonにしてから新規にツイートしたURLは正しいampページに誘導されているはずです。

 

Card validatorに手動で入力できないぐらい記事数が多かったら、確実に404にしたくない主要なページのみに絞るか、前述の「.htaccessを使って/amp/へのアクセスをampじゃないページにリダイレクトする」対応になるかなと思います。


   
わいひら reacted
(@まりも)
New Member
結合: 4年前
投稿: 3
 

はる様

丁寧に教えていただきありがとうございます。

よく理解できましたので、これで試してみます。ありがとうございました。


   
わいひら and はる reacted
共有:

問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。

また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

タイトルとURLをコピーしました