はてなブログの画像の容量が増大する(解決)

はてなブログに画像を保存しますとファイルのデータ容量が増えてしまいます。大きさではなく、たとえば、100KB の画像をブログに挿入したのにその画像のデータ容量を見てみますと 300KBとか、500KB に跳ね上がってしまっています。 72KB が 336KB にでかくな…

モバイルユーザビリティエラーやっと解消

Search Console のモバイルユーザビリティにエラーが出始めて約4ヶ月、やっと解消しました。ただし原因はこれ! と特定できたわけではありません。 当該サイトはこちらです。 そんなには褒めないよ。映画評 過去の関連記事 現状 まとめと試したこと Javascri…

(汎用版)はてなブログ用ボトムナビゲーション Bottom Navigation

はてなブログ用のボトムナビゲーションに改良を加え汎用性を高めました。 まずは元記事をお読みください。 www.imuza.com 改良点 導入 html javascript css ライセンス等 改良点 ボトムナビゲーション出現のブレイクポイントを設定できるようにしました data…

Joomla! 3.9.16 セキュリティ & バグフィックスがリリースされています

Joomla! 3.9.16 セキュリティ & バグフィックスがリリースされています Joomla 3.9.16 Release セキュリティレベル Low 6つのセキュリティ & バグフィックス 3.9.16 がリリースされています。テストサイトでチェック後のアップデートをお勧めします。 Jooml…

はてなブログ用ボトムナビゲーション Bottom Navigation

はてなブログ用のボトムナビゲーションをつくってみました。 こんな感じです。 運用サイト:そんなには褒めないよ。映画評 若干仕様が異なりますが、同等のものを公開します。 仕様 導入 html javascript css ライセンス等 仕様 当然ながらレスポンシブのテ…

Google Apps Script(GAS) で reCaptcha 認証をする

前記事「はてなブログの Googleフォームに reCaptcha を導入」に書きましたように当サイトのお問い合わせフォームメールにスパムがくるようになりましたので reCaptcha を導入しようと、その記事ではクライアント側だけのバリデーションを試しましたが、やは…

AdSenseサイト運営者ポリシー違反レポート

三度目の「AdSenseサイト運営者ポリシー違反レポート」が来ました。サイトは同じように「そんなには褒めないよ。映画評」です。 「そんなには褒めないよ。映画評」 AdSense からのメール ポリシーセンターを見てみると… アマゾン配信の映画DVDの画像が原因?…

はてなブログの Googleフォームに reCaptcha を導入

当サイトには Googleフォームを利用したフォームメールを設置していますが、最近スパムメールが多くなってきましたので何か対策が必要になってきました。 お問い合わせ - IMUZA.com はてなブログに Googleフォームを設置 Google reCaptcha フォームに reCapt…

Joomla! 3.9.15 セキュリティ & バグフィックスがリリースされています

Joomla! 3.9.15 セキュリティ & バグフィックスがリリースされています Joomla 3.9.15 Release セキュリティレベル Low 3つのセキュリティ & バグフィックス 3.9.15 がリリースされています。テストサイトでチェック後のアップデートをお勧めします。 Jooml…

PageSpeed Insights はてなブログは遅い?

例によって、未だ Google Search Console のモバイル ユーザビリティ エラーに悶々としている日々です。 SEO を気にかけている方であればご存知かとは思いますが、Google に PageSpeed Insights というサイトの表示速度を計測するツールがあります。 以前、…

2020年はモバイル ユーザビリティエラー対策で始まる

2019年中に解決したかった Google Search Console のモバイル ユーザビリティ エラー、2020年に持ち越しとなってしまいました。 それにしてもこのモバイルユーザビリティエラーというのはよくわからないです。以下、現在の状態です。 過去記事 現在の状態 エ…

CSSでデバイスの縦長横長を判別 @media(orientation)

CSS

デバイスの表示領域が縦長か横長かで CSS を変更したいと思ったことはありませんか? CSS メディア特性 orientation 具体例 CSS メディア特性 orientation メディアクエリのメディア特性に orientation というものがあることを知りませんでした(涙)。 これ…

モバイル ユーザビリティ検査、おかしくないか!?

もういい加減嫌になってきた Google Search Console のモバイル ユーザビリティ エラー、「このページはモバイル フレンドリーです」とインデックスされているのにエラー表示され、検証申請しても「失敗しました」と返ってきます。 www.imuza.com インデック…

Joomla! 3.9.14 セキュリティ & バグフィックスがリリースされています

Joomla! 3.9.14 セキュリティ & バグフィックスがリリースされています Joomla 3.9.14 Release セキュリティレベル Low 2つのセキュリティ & バグフィックス 3.9.14 がリリースされています。テストサイトでチェック後のアップデートをお勧めします。 Jooml…

サムネイル画像を遅延読み込みでオリジナルに変更

この1,2ヶ月、モバイルユーザビリティのエラー対策に悩まされているのですが、そうした作業の中からもいろいろ学ぶことが多く、そう悪いものではありません(笑涙)。 www.imuza.com イメージの遅延読み込み Google 推奨の遅延読み込み HTML サンプルコー…

モバイル ユーザビリティのエラー解決せず

前記事: クリック可能な要素同士が近すぎます(未解決) モバイル ユーザビリティちょっとだけ解消 モバイル ユーザビリティのエラー続報 グールグル先生、理由を教えて Google Search Console からのモバイル ユーザビリティのエラー警告、もう少しのとこ…

AdSense サイト運営者向けポリシー違反メールが来た

「AdSense サイト運営者向けポリシー違反レポート」のメールが来た 「愛より強く」の DVD 画像か? で、翌日… AdSense は一般映画の画像をアダルトコンテンツ評価する 「AdSense サイト運営者向けポリシー違反レポート」のメールが来た AdSense から下の画像…

モバイル ユーザビリティのエラー続報

前記事: www.imuza.com 「修正を確認しました」になったけど… 検証対象の構造化データって何? 「修正を確認しました」になったけど… 昨日、「修正を検証」を送っておいた結果が表示されました。 すべて「修正を確認しました」になりました。 検証対象の構…

モバイル ユーザビリティちょっとだけ解消

前記事: www.imuza.com 概要 Javascript は CSSOM 構築をブロックする モバイルユーザビリティは何を見ているのか? Javascript の最適化 記事ページ トップページ 概要 Google Search Console からモバイルユーザビリティのエラー警告が出てからかれこれ1…

クリック可能な要素同士が近すぎます(未解決)

Search Console のモバイルユーザビリティにエラーが出て原因が特定できずに困っています。このブログではなく、別ブログの映画レビューサイトです。 「そんなには褒めないよ。映画評」 Search Console のキャプチャ CSSのダウンロードが遅すぎる ライブテス…

はてなブログテーマ imz-listing を公開します

はてなブログ用のテーマ「imz-listing」を公開します。 運用サイト 概要 デモサイト&キャプチャ デモサイト キャプチャ 必須事項 トップページの項目、画像の指定方法 指定しない場合 項目、画像を指定する場合 カスタマイズ ライセンス等 運用サイト すで…

Joomla! 3.9.13 セキュリティ & バグフィックスがリリースされています

Joomla! 3.9.13 セキュリティ & バグフィックスがリリースされています Joomla! 3.9.13 セキュリティレベル Low 2つのセキュリティ & バグフィックス 3.9.13 がリリースされています。テストサイトでチェック後のアップデートをお勧めします。 Joomla 3.9.1…

YouTubeで動画の指定範囲を繰り返す方法

YouTubeの動画をページの背景にしようかと企み(笑)、IFrame Player API をいろいろ試しているのですが、組み込みプレーヤーで指定範囲をリピートする方法を発見しました。発見ではなく既出かもしれません。 YouTube IFrame Player API 繰り返し再生 loop=1…

新テーマ「imz-listing」完成だが、公開の道は険し

別サイトの映画レビューサイト「そんなには褒めないよ。映画評」のテーマを変更しました。 スクリーンショット 記事ページ Noto Sans JP アイキャッチ画像をページトップに トップページはシングルページをイメージしたけれど… 見た目がもうひとつ? 問題点 …

Googleにインデックスされているのに検索に表示されない

表題通りのトラブルなんですが原因がわかりません。 URL は Google に登録されています 検索にはかからない Search Console コミュニティ 性的な言葉に問題ありとか? 「ニンフォマニアック」の予告編はアダルトコンテンツになる (翌日)やっぱり気まぐれグ…

CSS opacity: 0 のリンクを消す

CSS

aタグやクリックイベントを持った要素の領域を保持したまま、css だけでフェードインしたりフェードアウトしたりする方法です。 必要なときはさほど多くないと思いますが、これが一番簡単かなという方法を思いつきましたのでメモ程度です。 要素を非表示にす…

Joomla! 3.9.12 セキュリティ & バグフィックスがリリースされています

Joomla! 3.9.12 セキュリティ & バグフィックスがリリースされています Joomla 3.9.12 セキュリティレベル Low 1つのセキュリティ & バグフィックス 3.9.12 がリリースされています。テストサイトでチェック後のアップデートをお勧めします。 www.joomla.or…

はてなブログに CSS Grid Layout を使ってみる

実はもうすでにこのブログやテーマストアで公開しているテーマでも基本レイアウトには Grid Layout を使っているのですが、もっと活用できないかといろいろやってみましたら、はてなブログのコンテンツ内でもかなり便利に使えることに気づきました。 エント…

CSS・画像の縦横比を維持してレスポンシブデザイン

サイトをレスポンシブでデザインする際、画像をいくつか並べて、その縦横比を維持しながら、どんな画面サイズでも指定の横幅いっぱいに美しく並べる方法です。 こういうことです。 サイト:そんなには褒めないよ。映画評 画像が background の場合 画像が im…

はてなブログの ヘッダ>タイトル下 を有効に使う

はてなブログのテーマ「imz Pickup」をテーマストアに上げているのですが、このテーマについて、こんな大層なものはいらないけれど、トップページだけにピックアップ記事のようなものを表示する方法を教えてほしいというリクエストをいただきました。 はてな…