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

はてなブログのサイドバーをウィンドウ下に粘着

ページをスクロールしていきますと、メニューやサイドバーが、あるところでぴたっとページのトップに固定され、今度は逆にスクロールしますと再び追従し始めるサイトを見ることがあります。それをはてなブログでやってみます。 position:sticky サイドバーを…

AdSense 記事内広告が表示されないので自前で表示

はてなブログに Google AdSense の自動広告を入れてみたのですが、記事内広告だけが表示されません。 いろいろググってみても解決策は見つからず、結局、本文の内容(文字数?)なのかなとあきらめ、自前で入れることにしました。 記事内広告のコードを取得…

(improvement)はてなブログのカテゴリー階層化

はてなブログのカテゴリーを階層化する Javascript を一部修正しました。元記事はこちらです。 www.imuza.com 改善点 使用条件 Javascript お願い 改善点 画像の赤丸部分です。 パンくずリストを表示する場合で、2階層目のカテゴリーがパンくずに表示される…

はてなブログテーマ imz-pickup をバージョンアップしました

imz Pickup Ver.2 運用サイト はてなテーマストアでも公開しています「imz Pickup」をバージョンアップしました。 大きな変更ではありませんので上書き更新すればいいかとも思いましたが、使ってみえる方がいらっしゃいますと、気になる部分でもありますので…

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

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

オシャレな?はてなブログテーマ imz-pickup を公開します

はてなブログ用のオシャレなテーマ「imz-pickup」を公開します。このテーマは、imz-basic をベースにし、特別にアピールしたい記事、カテゴリー、固定ページなどを、トップページではタイトル下に、記事ページではサイドバーのトップ(位置は設定による)に…

独自ドメインのはてなブログは ads.txt を設置しなくてはいけない

概要 はてなブログでは設置機能は提供していない VALUE-DOMAIN の場合 概要 いつ頃からかは忘れましたが、Google Adsense にいきますと、 要注意 - 収益に重大な影響が出ないよう、ads.txt ファイルの問題を修正してください。 と警告が出るようになっていま…

はてなブログ用テーマチェンジャー(デモサイト公開用)

あまり(ほとんど)役に立たないものを作りました(笑)。 はてなブログのテーマを公開する際にはデモサイトがあったほうがわかりやすいのですが、たくさんテーマを公開しますとサイトが足りなくなります。そんな時にテーマチェンジャーがあるといいなあと思…

予告されていた Joomla! 3.9.10 バグフィックスがリリースされています

予告されていた Joomla! 3.9.10 バグフィックスがリリースされています 3.9.9 リリース時に予告されていた 3.9.10 バクフィクスがリリースされています。多言語サイトに 3.9.9 を当てますとデータが失われるという致命的なバグがあったようです。テストサイ…