はてなブログ

はてなブログ:テーマを変えた imzReading

やっとこのブログのテーマを変えることができました。 変えようと思い始めて数ヶ月、なのに印象はあまり変わらない結果となりました(笑)。白ベースを基本にしていますのでまあこんなもんでしょう。 変更のポイントをあげておきます。 ブレイクポイント ボ…

はてなブログ:【決定版】記事一覧に「前のページ」ボタンを実装

そろそろこのサイトのデザインを変えようかと思い始めての tips チップス(7)。 はてなブログではトップページから「次のページ」をクリックして進みますと、「前のページ」に戻るためのリンクがありません。この「前のページ」のリンクを作ろうという話で…

Adsenseは画像内のテキストも調べている

映画のレビューを書いている「そんなには褒めないよ。映画評」という別サイトには、時々 Adsense からポリシー違反のメールが来ます。どれも映画の DVD の画像がアダルトコンテンツだと言ってくるのですが、上半身が裸に見えるようなバストショットであった…

はてなブログ:トップページに「前に戻る」を実装する(やや失敗)

そろそろこのサイトのデザインを変えようかと思い始めての tips チップス(6)。 ブログのトップページは一般的に新着記事を何件か表示するようになっています。はてなブログも、表示形式は一覧と全文形式がありますがどちらも最大15件まで表示できます。 で…

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

そろそろこのサイトのデザインを変えようかと思い始めての tips チップス(5)。今回はチップスというよりも機能追加のプラグイン的なボトムナビゲーションです。 カテゴリー、検索、トップへ、ページャーへ、ホームへの5つのナビゲーションをひとつにまとめ…

はてなブログ:モジュールを伸縮させて高さを揃える

そろそろこのサイトのデザインを変えようかと思い始めての tips チップス(4)。正月休み中にもほんとど触れずいっこうに進んでいません。 今回はサイドバーモジュールを本文下に横並びで並べた時に高さを揃えようと思います。 何をやろうとしているか 画像…

はてなブログ:ブレイクポイントを本文表示幅で決める

そろそろこのサイトのデザインを変えようかと思い始めての tips チップス(3)。なのに忙しくて一向に進みません(笑)。 レスポンシブデザインのブレイクポイントについて考えてみます。 まず本文の表示最大幅を決める 本文表示幅 92vw可変、最大幅 650px …

はてなブログ:フォントサイズを動的に変化させる min(), max(), clamp()

そろそろこのサイトのデザインを変えようかと思い始めての tips チップス(2)。 フォントサイズをビューポート(表示幅)に応じて自動で変化させます。 表示幅によってフォントサイズを可変にする 最大フォントサイズにする表示幅をコンテンツ表示幅にする…

はてなブログ:パンくずリストをカスタマイズ

そろそろこのサイトのデザインを変えようかと思い始めての tips チップス。 パンくずリストのカスタマイズ はてなブログパンくずリストHTML構造 パンくずリストの最後の項目を変更する パンくずリストの最後の項目を削除する パンくずリストの最後の項目を変…

【改訂版】はてなブログの画像ポップアップをオリジナル画像に変える

前記事で、はてなブログの画像ポップアップ機能を表示画像そのものではなくオリジナル画像に変更する Javascript を公開したのですが、画像のファイル容量が大きい場合にダウンロードの待ち時間中の画面に変化がなく停止と勘違いしてしまいますのでローディ…

はてなブログの画像ポップアップをオリジナル画像に変える

はてなブログでは画像をクリックしますとポップアップでその画像が表示されます。ただ、特にスマホですと画像自体が横幅いっぱいに表示される場合が多いですのでほとんどポップアップの意味がなく、CSSでクリックイベントをオフにしている人も多いかと思いま…

Javascript, jQuery のイベントを削除する

はてなブログでは記事に画像を挿入しますと自動的にリンクが貼られ、クリックしますとポップアップで画像が表示されます。ただ、ポップアップで表示される画像は元画像と同じものですので、記事そのものを1カラムで表示するスマートフォンでは意味がないです…

Google フォームを reCaptcha 付でブログに埋め込む

当サイトでは Googleフォームを使ってお問い合わせ用のフォームメールを導入しています。iframe で埋め込むのではなく、form 内の要素だけを取り出し完全にブログのスタイルにカスタマイズできるようにしています。 お問い合わせ - IMUZA.com その Googleフ…

AdSense ポリシー違反になるのはリンクコンテンツ

ポリシー違反はありませんメールが来た ポリシー違反になるのはリンクコンテンツ 前記事の「AdSense サイト運営者向けポリシー違反レポート5」のその後の追加記事です。 ポリシー違反はありませんメールが来た 早いですね。1日で来ました。 ポリシー違反にな…

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

AdSense サイト運営者向けポリシー違反レポートメール 映画の公式サイトの画像? あるいはリンクで貼ってある他サイトの画像か? ある程度のページビューがないと引っかからない? AdSense サイト運営者向けポリシー違反レポートメール AdSense から下の画像…

Google先生は Amazonがきらい?

またも「AdSenseサイト運営者ポリシー違反レポート」が来ました。サイトは同じように「そんなには褒めないよ。映画評」です。 「そんなには褒めないよ。映画評」 AdSense からのメール ポリシーセンターを見てみると… GoogleはAmazonがきらい? AdSense から…

Web フォント NotoSans のサブセット化

Google の Webフォントはフォントファイルを 20KB~50KB程度に分割してダウンロードするなど軽量化が図られていますのでこのサイトでも使っているのですが、やはりパフォーマンスを考えますと厳しいものがあります。 でも、 NotoSans はきれいですし読みやす…

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

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

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

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

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

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

はてなブログ用ボトムナビゲーション 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…

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

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

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

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

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

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

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

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

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

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

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

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