大宮地区自治協議会

更新履歴

memorandum

サイト運営での不具合等の対処、解決法についての備忘録

GoogleをHTTPSに誘導出来ていない問題

常時SSL化してあるがGoogle検索では "http://oomiya.website/" が上がっており "https://oomiya.website/" に誘導出来ていない。

※一部解決済

canonicalタグの問題

常時SSL化していない "http://oomiya.website/" ではなく、常時SSL化した "https://oomiya.website/" をインデックスすることをGoogleに伝える為に下記のcanonicalタグを記述。

  
<link rel="canonical" href="https://oomiya.website/">

301転送でHTTPSの同等のページへ誘導

下記の内容を記述した ".htaccess" ファイルによる301転送を実施。使用サーバのドキュメントルートに設置。

  
Options +FollowSymLinks
RewriteEngine on
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://oomiya.website/$1 [R=301,L]

現状Google検索は "http://oomiya.website/" へのリンクのままであるが、アクセスすると自動的に "https://oomiya.website/" に移動出来るようにはなった。（2022/06/02）

videoタグで埋込んだmp4がiOSで再生されない問題

自治協議会とはページ内の「大宮地区自治協議会PRビデオ」がiPhoneなどで再生することが出来なかった問題について。

※解決済み

動画のコーデックの確認

動画の走査方式が "Progressive" なら良いが "Interlace" であるとiPhoneなどで再生されないことがあるとのこと。確認。

インライン再生の記述

videoタグに "playsinline" を記述する。現状下記のような記述としている。

  
<video poster="./movie/produce_26.jpg" preload="none" playsinline muted autoplay controls>
<source src="./movie/produce_26_3.mp4">
</video>

フレームサイズとビットレートの変更

上記2点でも解消されなかったため、mp4データ自体のサイズ、ビットレートを下げたところ再生されるようになった。

結果的にこれで解決したが、上記2点の処理がなくても可能であったかどうかは不明。