YouTubeへのリンクを画像埋め込みで貼るとスマホ画面で「問題」が発生することがある
どうも千日です。えっと…タイトルの通りです、気をつけましょう。
千日のブログにYouTubeへのリンクを貼る時は、ずっとはてな記法の「:embed」を使って貼っていたんです。
しかし最近、海水アクアリウムの動画をこの画像埋め込みで貼って記事を公開し、はてなブログのスマホアプリでその記事を開こうとすると、一瞬タイトルが表示されるんですけど、すぐに真っ白になってブログの記事が表示されないんです。
マジか！？
と思いPCでやってみるとちゃんと開けます。どうやらスマホだけ見られない状態なんですね。
はてな記法のリンク埋め込みとは
はてなブログでは、記事編集画面でURLを指定するだけで、Webページや画像、動画などさまざまなコンテンツを適した形式で貼り付ける リンク挿入機能 が利用できます。
はてな記法は幾つかあるんですけど、千日が利用してたのは「:embed」という記法で、動画や音楽などのコンテンツを、サイトごとに最適化された形式で埋め込む記法です。
YouTubeのURLを埋め込むとこんな感じでハイライトが画像で表示されるんです。ちなみにコレは写真ですのでタップ（クリック）してもYouTubeに飛びません。
キレイですよね。しかしこれが原因だったんです。
１つ１つ編集して打ち替える作業
千日、ピンと来たんです。多分コレが悪さしてるんだとね。そこでPCからブログを編集して「:embed」を「:title」に変更しました。
そしたら、ちゃーんとスマホからブログのページが表示されるんです。
めでたしめでたし…？
じゃありません。コレ以外の記事でもYouTubeが貼ってある記事は全部、スマホで見れない状態なんですよね。
しかも、自分で撮影したYouTubeの動画を貼ってる記事はどれも検索流入を狙った「一軍」ばかりです。
中には結構なアクセスを稼ぐ奴も居るんですよ。
道理で最近アクセスが減ったと思ったら…
１つ１つ編集画面からembedをtitleに打ち替えて行きました。途中で何度か吐き気を催しましたが、あらかた主なページは修正出来ました。
しかし、なんでまた…
問題が起きたため、このWebページを再度読み込みました。というメッセージ
深夜まで作業して、はてなに問い合わせのメールを送りました。2016/09/06 0:43:20です。しかし、まだ回答はありません。
そもそも回答には3日〜1週間位かかるらしいですので、まぁしょうがないんでしょうけど、その間知らずに対処せずに居たら、スマホユーザーが離れてしまいますよね。
変なサイト
ヤバいサイト
と思われるでしょう。いろんなブラウザで試してみましたが、Safariでは何度か読み込みをやり直してやっと見れる状態です。
で、検索窓にこんなメッセージがでます。
又はこんなのも出ます。
…見るからにヤバい感じですよね。これを見たらもう来ないでしょう。
最近見聞きするはてなブログの不具合
そう言えば最近、読者登録してるはてなブログを開こうとすると上手く開かないことがありました。
こっち側の問題かなと思ってましたが、もしかしたら千日と同じ状態なのかもしれません。
しかし、他にもYouTubeを画像埋め込みで貼っている方のはてなブログでスマホから普通に見れるケースもあります。
どういう事か分かりませんね。
はてなブログの開発ブログでは画像埋め込み出来る理由について、このように書いてます。
※動画や画像、音楽などさまざまなコンテンツを「埋め込み」形式で貼り付けることができるのは、それぞれのサイトがoEmbedという仕様に対応しているためです。はてなブログでは、独自に対応したいくつかのサイトに加えて、oEmbedに対応したすべてのサイトを埋め込むことができます。
千日がアップしたYouTubeがたまたまoEmbedに非対応となったのか…？やめときましょう、素人が憶測しても詮無い事ですし。
加えて、同時期にアドセンスに関しても「身に思えのない」不具合が噂になってます。
オバケさんのブログのアドセンスの報酬がある日見るとマイナスになったという記事ですが、千日がYouTubeを貼ったページが表示されなくなったのとほぼ同時期ですね。
ちょうどその頃、オバケさんのサイトに行くと、いきなりアプリか何かの広告サイトに飛ばされるといった現象が頻発してました。
他のはてなブロガーの記事でも同様の現象が起きてました。その時はそれがアドセンスとは思いもしませんでしたが…他人事では無いですね。
まとめ
とりあえずは、はてなからの回答を待つ状態です。具体的にその現象が起きている記事はあえて修正せずに置いてます。
また回答が出ましたらご報告しますけど、とりあえずはてな記法の「:embed」でYouTubeへのリンクを貼っておられる方はスマホでそのページが表示されるか試してみる事をお勧めします。
取り急ぎ、ご報告まで。
以上、千日のブログでした。
おすすめ記事
- はてなブログではGoogle Analyticsのトラッキングコード重複に気を付けましょうPV数の2重カウント! - 千日のブログ
- ブログに写真を投稿する時の注意 Exif(イグジフ)情報をオフにしておかないと撮影場所＝自宅が特定されることがあります！ - 千日のブログ
初心者のブログ戦略カテゴリー