Google Chromeの混在コンテンツブロック強化に向けて対策を

混在コンテンツも！

あれまそこまで規制が入るのですか。
私がSSL化した時はしばらくはこれと格闘でしたね。一時セーフになっていた記事も後から混在コンテンツになったりとか。
FC2でも混在コンテンツの方はよくみかけるし、まだSSL化されてない方も一杯です。
商用・公用サイトでも多いです。
私が気づいた幾人かの方はお節介でコメントさせていただいたことがあるのですが、もう止めました。Yahooからのお引っ越し組などはかえって混在コンテンツもない状態とお見受けします。
無関心というか･･････

To ｈｉｇｅさん

ｈｉｇｅさん、こんばんは ('0')/
一時期は大混乱でしたよね （￣∀￣；）
旧Y!ブロガーさんはYahoo自体が早期にSSL化しているのでほとんど問題なさそうですね。
問題なのは寧ろ長くFC2で更新されている方々です。この件について運営がアナウンスしてくれると親切なんだけどな (´・ω・｀)

混在コンテンツの一時的な応急対策について

Akiraさま

お世話になっております。

最近、Google Search Console の方から、ガバレッジのエラーとして、画像のalt属性が欠落しているページを大量に指摘されて困っています(;´∀｀)

理由としては、FC2ブログのアプリを使って更新していた時期があったのが原因（アプリで画像をアップロードするとalt属性が入らない）なんですけど、記事数があまりにも多くて修正が追い付かない状況です。

そこで、いろいろ調べているうちに下記の方法を知ったのですが、こういうのって混在コンテンツの一時的な応急対策になるものなのでしょうか？FC2ブログでも使えると助かるのですが…

https://takuo4649design.com/weblog/note/archives/1412

本当、くだらない質問をして申し訳ありませんm(__)m

To Mさん

Mさん、こんにちは ('0')/

alt属性と混在コンテンツは全く関連が無いので、えっとどういうことだろう (´・ω・｀)
混在コンテンツに関するものとしてお返事するのはできないので、「alt属性をJSで追加したい」というご質問だと解釈して進めます。

リンク先のページはjQueryを利用していますのでAmpleテンプレートでは使えません。というか、alt追加のためだけにjQueryファイルを入れるというのはちょっとやりすぎだと思いますのでここでは採用しないということで。

問題はGoogleがraw html(生の、素のhtml、つまりJS実行前)で判断するのか、JS実行後の内容で判断するのか、ですよね。焦点はそこだと思います。
で、前者だとすればJSでaltを追加したところで何の意味も無いわけなんですが、現在のGoogleクローラーがraw htmlで判断しているのはhead要素の内容だけではないかと思います。つまりレンダリング及びJS実行後の状態で判断しているのではないかと。
理論値でしかないのでここで「後からくっつけても大丈夫」と断言はしません。

ただやっぱあんまりおすすめはしない。全てのimgを洗い出し、altが無い場合は追加、という作業をしますので、当然速度には影響します。その点を理解した上で実践するのであれば以下のネイティブJSでどうぞ。
記載位置は</body>の直前で構いません。

<script>for(var d=document.getElementsByTagName("img"),i=0;i<d.length;i++)d[i].hasAttribute("alt")||d[i].setAttribute("alt","");</script>

但し私はJS苦手です (∵`)
一応動作はするはずですが、効率とか上手く書けてるか正解がわからない。その点も踏まえた上でお願いします。

To Akiraさん

Akiraさま

お返事ありがとうございます。

すみません。間違えてついウッカリ「混在コンテンツ」と書いてしまいました…。

そのうえ、ネイティブJSまで教えて頂きましてありがとうございます！

ネイティブJSの記述例はネットでいくら探してもワードプレスのものしか見つからず、唯一発見した記事がjQueryのものだけでした。

ですから本当に助かりました。さすがにプロの方は凄いと思いました。ありがとうございます！

やっぱり、地道にコツコツ修正するしか道はないのですね(;^ω^)

とりあえず、教えて頂いたJSを記載して、様子を見ながら修正作業を進めたいと思います。

いつもありがとうございます！！